Commit graph

600 commits

Author SHA1 Message Date
metonym
b5b392963e
docs(pagination-nav): add more examples (#1514)
Adds "Reactive example," "Total," "Shown," and "Custom button text."
2022-10-08 13:38:11 -07:00
metonym
59c02c9a92
docs: update README, links (#1509)
* docs: add note on using `optimizeImports` with `svelte-preprocess` (Closes #1500)

* docs: point link to SASS guide to v10 (#1489)

* docs: remove note on minimum Svelte version as it's been almost half a year since 3.48 was released
2022-10-03 20:32:48 -07:00
Ben Periton
bd8741e45b
fix(toolbar-search): forward keyup, keydown, paste events to Search (#1490) 2022-09-21 08:25:27 -07:00
metonym
e1ec60dc09 docs: update number of available icons 2022-09-19 08:56:53 -07:00
metonym
6ec48312ff
docs(expandable-tile): add "With interactive content" example (#1465)
* style(docs): apply `code-01` styles to component api type, default value

* docs(expandable-tile): add "With interactive content" example (#1464)

* docs(overflow-menu): do not open flipped example by default
2022-08-27 11:30:02 -07:00
metonym
6b515b7589 docs(ui-shell): make SideNav in rail example a sibling to Content
Related #1459
2022-08-23 07:59:15 -07:00
metonym
18188c0c2e docs: update number of pictograms
`carbon-pictograms-svelte` now ships 900+ pictograms.
2022-08-19 15:12:50 -07:00
metonym
b6a62d2502
docs(data-table): extract "Sortable with pagination" example into iframe (#1456) 2022-08-18 07:08:35 -07:00
metonym
dbe33d5cbb
feat(toolbar-search): add filteredRowIds prop to support pagination (#1454)
Closes #1393

* feat(toolbar-search): add `filteredRowIds` prop

* Run "yarn build:docs"

* test(data-table): assert `filteredRowIds` prop

* docs(data-table): add pagination to default filterable examples
2022-08-18 06:59:14 -07:00
metonym
f794cb5312
feat(data-table): dispatch on:click:header--select event (#1453)
* feat(data-table): dispatch `on:click:header--select` event

* Run "yarn build:docs"
2022-08-17 10:19:31 -07:00
metonym
e2a90005b9
docs: replace h3 with h2 headings (#1452) 2022-08-17 07:15:29 -07:00
metonym
b5c4501903
docs(data-table): improve example names and descriptions (#1451)
* docs(data-table): "Selectable" -> "Selectable rows (checkbox)"

* docs(data-table): "Selectable (radio)" -> "Selectable rows (radio)"

* docs(data-table): "Expandable" -> "Expandable rows"

* docs(data-table): update "Batch expansion" description

* docs(data-table): "Expandable and selectable" -> "Expandable and selectable rows"
2022-08-17 07:01:58 -07:00
naegelin
30487128b3
feat(data-table): dispatch on:click:row--select event (#1450) 2022-08-17 06:39:03 -07:00
metonym
b42f9ba258
docs: add DataTable example "Batch selection with controlled toolbar" (#1447)
* docs(inline-notification): add `NotificationActionButton` to Component API

* docs(data-table): rename example "Selectable with batch actions"

* docs(data-table): add example "Batch selection with controlled toolbar"

* docs(notification): remove note on minimum Svelte version

This banner is redundant since the minimum Svelte version is displayed in the README and on the home page of the docs.
2022-08-15 06:29:58 -07:00
metonym
8fea168ffd
feat(toast-notification): add fullWidth prop (#1444)
* feat(toast-notification): add `fullWidth` prop

* Run "yarn build:docs"

* test(toast-notification): assert `fullWidth` prop

* docs(toast-notification): add "Full width" example
2022-08-14 14:56:02 -07:00
metonym
b04a281939
fix(toolbar-batch-actions): active prop should be reactive (#1445)
Follow-up to #1440
2022-08-14 14:55:38 -07:00
naegelin
06777ba803
feat(toolbar-batch-actions): dispatch cancelable on:cancel event (#1441)
Closes #1438
2022-08-14 12:09:40 -07:00
naegelin
bc58c7b029
feat(toolbar-batch-actions): add active prop to show toolbar (#1440)
Closes #1438
2022-08-12 08:01:58 -07:00
Piper McCorkle
b6e4d133da
fix(notification-action-button): prop types should extend Button (#1442) 2022-08-11 18:45:41 -07:00
metonym
1c573e55b0 style(docs): increase max content width 56rem -> 66rem 2022-08-10 06:41:36 -07:00
Eric Liu
1fc719b738 style(docs): add scroll-margin-top to anchored headings [ci skip] 2022-08-07 06:21:43 -07:00
Eric Liu
0cd46712ca style(docs): side nav overlay should be clickable [ci skip] 2022-08-06 21:31:36 -07:00
Eric Liu
2532814801 style(docs): tighten up margins [ci skip] 2022-08-06 14:03:29 -07:00
Eric Liu
d4cf6577c9 docs: flatten table of contents hierarchy 2022-08-06 14:02:53 -07:00
metonym
e3978e883b
docs: flatten side nav hierarchy, remove recipes (#1430)
* style(docs): remove bottom margin in index route

* docs: flatten side nav hierarchy

* docs(accordion): move expandable accordion recipe

* docs(breadcrumb): move breadcrumb trail recipe

* docs: remove recipes
2022-08-06 13:27:02 -07:00
metonym
98974fba7e
style(docs): remove UI Shell overrides (#1429) 2022-08-06 12:20:40 -07:00
metonym
fd42cb3891
fix(ui-shell): remove Content left margin if SideNav is collapsed (#1428)
Fixes #1145
Alternative to #1406
2022-08-06 08:27:45 -07:00
metonym
7fe9b39436
fix(number-input): forward keydown, keyup events (#1424)
Fixes #1421

`NumberInput` should forward the keydown and keyup events like other input components.
2022-08-05 04:50:40 -07:00
metonym
ef904567cb Run "yarn build:docs" 2022-07-26 08:02:24 -07:00
metonym
f4d12b805a
fix(toggle): add missing hideLabel prop (#1414)
* fix(toggle): add missing hideLabel prop

* Run "yarn build:docs"

* test(toggle): assert hideLabel prop

* docs(toggle): add "Hidden label text" example
2022-07-26 07:12:57 -07:00
Johannes
8bd615b250
fix(combobox): value should call itemToString with filtered item (#1411)
Fixes #1405

When using the `shouldFilterItem` prop, the `ComboBox` does not display the custom label set with `itemToString` in the input after a selection.
2022-07-23 06:15:11 -07:00
metonym
f59daa20a2 docs: specify minimum Svelte version requirement 2022-06-29 11:49:23 -07:00
metonym
04f18ae5e9
docs(notification): add examples "Prevent default close behavior" (#1380)
Follow-up to #1379
2022-06-29 10:14:22 -07:00
metonym
5a8bd9ca57
chore(code-snippet): preserve custom copy event type (#1375) 2022-06-27 05:44:05 -07:00
metonym
45627aad1f
docs: rename ComboBox example, do not open modal in DatePicker by default (#1374)
* docs(combo-box): "Selected id" -> " Initial selected id"

* docs(date-picker): do not open modal by default to prevent stealing focusing
2022-06-26 16:43:34 -07:00
metonym
6a3614bf55
fix(password-input): support invalid state when used in a FluidForm (#1371)
* fix(password-input): support invalid state when used in a `FluidForm`

* docs(fluid-form): add example "Invalid state"
2022-06-25 08:17:19 -07:00
metonym
388a05c290
fix(side-nav-menu): expanded SideNavMenu should not have a max-height (#1368)
* fix(side-nav-menu): expanded `SideNavMenu` should not have a max-height (fixes #1361)

* chore(docs): remove max-height override
2022-06-23 05:52:02 -07:00
metonym
1ccdf64504
feat(slider): add fullWidth prop (#1354)
The `bx--slider` class in the `Slider` component has max-width of `40rem`. Because `$$restProps` is spread to the top-level `div` element in `Slider`, the only way to override the style is to do so globally:

```css
:global(.bx--slider-container) {
  width: 100%;
}

:global(.bx--slider) {
  max-width: none;
}
```

This adds a `fullWidth` prop that sets a full width style using inline style attributes.
2022-06-18 12:47:10 -07:00
metonym
a86aa5d363
docs(select): adjust default example to demo usage without selected prop (#1358) 2022-06-18 12:45:39 -07:00
metonym
b4d0205080
chore(select): update dispatched change event type (#1357)
Follow-up to #1355
2022-06-18 12:26:46 -07:00
metonym
78d3f1328a
feat(select): support selected prop number type (#1355)
* feat(select): support number type

* Run "yarn build:docs"

* refactor(pagination): do not coerce `pageSize`, `page` to be numbers

* test(select): assert selected prop number type
2022-06-18 11:09:41 -07:00
metonym
b21718ccfd
fix(time-picker): use native binding for value prop (#1344) 2022-06-12 08:09:43 -07:00
metonym
72c24b83b2
feat(data-table): support programmatic sorting (#1337)
* refactor(data-table): pass down sortable props instead of using context

* feat(data-table): support programmatic sorting

* test(data-table): assert new props

* docs(data-table): add "Programmatic sorting" example

* refactor(data-table): remove unused tableSortable store

* refactor(data-table): remove unused indices
2022-06-05 13:37:50 -07:00
metonym
260bf4e040
breaking(types): type arrays as read-only (#1335)
Closes #1259

* breaking(types): type arrays as read-only

* Run "yarn build:docs"

* test: assert read-only arrays
2022-06-05 13:25:43 -07:00
metonym
1a904dda36
docs(modal): add "Has scrolling content," "Custom focus" examples (#1334)
* docs(modal): add example "Has scrolling content"

* docs(modal): add "Custom focus" example

* docs: do not open modals initially
2022-06-02 19:26:26 -07:00
metonym
e230db8115
feat: forward paste event to input/textarea elements (#1332)
* chore(deps-dev): upgrade sveld, svelte-check

* feat: forward paste event to input/textarea elements

* Run "yarn build:docs"

* test: assert paste event
2022-06-02 18:39:49 -07:00
metonym
f25a10c9c4
feat: support item.disabled key for Dropdown, MultiSelect, ComboBox (#1328)
Closes #1326

* feat: support item.disabled key for `Dropdown`, `MultiSelect`, `ComboBox`

* Run "yarn build:docs"

* test: assert disabled property

* docs: add "Disabled items" examples
2022-06-02 17:56:30 -07:00
metonym
0063c01beb
breaking(dropdown): remove useless inline prop (#1329)
* breaking(dropdown): remove useless `inline` prop

* Run "yarn build:docs"
2022-06-02 17:36:46 -07:00
metonym
c90594002a
fix(checkbox): do not set title attribute if already provided (#1323)
* fix(checkbox): do not set title attribute if already provided

* Run "yarn build:docs"
2022-05-29 10:42:36 -07:00
metonym
f431104057
docs(tabs): add example "Disabled tabs" (#1322) 2022-05-29 10:32:22 -07:00