Commit graph

192 commits

Author SHA1 Message Date
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
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
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
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
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
04f18ae5e9
docs(notification): add examples "Prevent default close behavior" (#1380)
Follow-up to #1379
2022-06-29 10:14:22 -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
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
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
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
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
f431104057
docs(tabs): add example "Disabled tabs" (#1322) 2022-05-29 10:32:22 -07:00
metonym
e1451324cc
docs: update Theme, DataTable docs (#1305)
* docs(theme): add note that `Theme` must be used with `all.css`

* docs(data-table): add note that custom widths do not work with `stickyHeader`
2022-05-17 06:24:23 -07:00
metonym
a958825d19
breaking(date-picker): default flatpickrProps.static to true (#1298)
Closes #985

* breaking(date-picker): default `flatpickrProps.static` to true

* docs(date-picker): update docs on `flatpickrProps.static`

* docs(date-picker): feature single/range examples first
2022-05-14 11:46:38 -07:00
metonym
c6f210899b
feat(data-table): allow custom column widths (#1265)
* feat(data-table): allow header column `width`, `minWidth` values

* Run "yarn build:docs"

* test(data-table): assert width, minWidth properties

* docs(data-table): add "Custom column widths" example
2022-05-14 09:24:24 -07:00
metonym
7c4842f506
docs(code-snippet): add "Reactive example" (#1296)
* docs(code-snippet): add description to "Hidden copy button"

* docs(code-snippet): add "Reactive example"
2022-05-13 19:18:14 -07:00
Eric Liu
2cc54c1a53 docs(aspect-ratio): update aspect ratio values [ci skip] 2022-04-30 13:09:19 -07:00
metonym
52eff3c5a8
docs(data-table): add "Expandable and selectable" example (#1277)
* docs(data-table): add "Expandable and selectable" example

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

* docs(data-table): rework "Batch selection with initial selected rows" example

* docs(data-table): rework selectable examples to include selectedRowIds

* docs: remove extra space from pre tags
2022-04-30 09:58:14 -07:00
metonym
410ac0c32f
fix(aspect-ratio): add missing "2x3" ratio value (#1276)
* fix(aspect-ratio): add missing "2x3" ratio value

* Run "yarn buld:docs"

* docs(aspect-ratio): add "Ratio 2x3" example
2022-04-30 09:14:18 -07:00
metonym
3f466bc9bc
docs(icons): correctly render icon imports in examples (#1273)
Fixes #1272
2022-04-29 07:12:32 -07:00
metonym
3950496b7e
docs(tooltip): remove unnecessary tooltipBodyId in examples (#1271)
Fixes #1270
2022-04-28 15:06:10 -07:00
metonym
d40d238de5
docs(file-uploader): improve FileUploaderItem examples (#1269) 2022-04-28 07:39:58 -07:00
Eric Liu
6e1f9d49c4 docs(button): update "Link button" description [ci skip] 2022-04-17 12:57:29 -07:00
metonym
e19ace4135
docs(data-table): add "Sticky header" example (#1241)
* docs(data-table): add "Sticky header" example

* docs(link): add note on disabled link
2022-04-17 09:03:05 -07:00
Eric Liu
845225ffeb fix: use correct View icon [ci skip] 2022-04-03 12:15:56 -07:00
Eric Liu
9c0a75f052 docs: fix icons [ci skip] 2022-04-03 12:05:33 -07:00
metonym
ba58ba8f00
refactor: use icons from carbon-icons-svelte@11 (#1227)
* chore: update ignore rules, remove unused files

* refactor(icons): use icons from carbon-icons-svelte@11

* docs(time-picker): fix default value

* chore: upgrade carbon-icons-svelte to v11

* docs: update examples to use icons from carbon-icons-svelte@11

* docs: update number of icons [ci skip]
2022-04-03 11:57:28 -07:00
metonym
9143e50244
breaking(actions): move truncate action to src/Truncate (#1224)
* breaking: move truncate action to src/Truncate

* docs: update truncate docs
2022-04-02 12:04:33 -07:00
metonym
d34f571150
docs: use all.css for prefixed styles (#1221)
* docs: remove .bx--content override

* docs(ui-shell): add note on UI Shell theming

* docs(grid): touch up grid examples

* docs(theme): wrap localStorage in try catch

So that the site still works in Safari with all cookies blocked.

* docs: use prefixed all.css

Without vendor prefixes, some styles are lost in Safari.

* docs: remove svelte-preprocess from svelte.config.js
2022-04-02 11:45:29 -07:00
metonym
ade0557448
feat: upgrade carbon-components to v10.56.0 (#1213)
* chore(deps-dev): upgrade carbon-components to v10.56.0

* feat(progress-bar): add kind prop

* Run "yarn build:docs"

* test(progress-bar): assert kind prop
2022-03-27 08:27:23 -07:00
metonym
21714d0e3a
breaking: remove deprecated props and components (#1191) 2022-03-27 08:21:58 -07:00
metonym
53fdbdf991
fix(data-table): expandable rows should work with zebra styles (#1200)
Fixes #1199
2022-03-23 08:04:08 -07:00
Eric Liu
f4b53369ff docs(form): evaluate code in "Prevent default behavior" example [ci skip] 2022-03-19 13:24:40 -07:00
metonym
2df7b92269
feat(toolbar-search): support auto-filterable rows (#1179)
Closes #591
2022-03-19 12:01:03 -07:00
metonym
233edf3358
docs: add ClickableTile example, notes on keyed props (#1184)
* docs(clickable-tile): add "Prevent default behavior" example

* docs: add note that `items` object requires a unique `id`

* docs: remove note on selectedId

* docs(data-table): explain how header keys work
2022-03-19 10:20:34 -07:00
metonym
1017e80198
feat(multi-select): make MultiSelect slottable (#1183) 2022-03-19 09:15:58 -07:00
metonym
f5594daba6
feat(dropdown): make Dropdown slottable (#1182) 2022-03-19 09:15:52 -07:00
metonym
2858776367
feat(combo-box): make ComboBox slottable (#1181)
Closes #1176
2022-03-19 09:15:41 -07:00
metonym
ceb7abf2e9
docs: fix formatting, broken link (#1177) 2022-03-16 07:33:59 -07:00
metonym
ef46f350be
breaking(form): do not prevent default behavior on submit event (#1170)
* breaking(form): do not prevent default behavior on submit event

* docs(form): add "Prevent default behavior" example
2022-03-13 19:04:10 -07:00
metonym
2657ce71c2
docs: fix formatting, broken link (#1172)
* chore: remove extra space in description comment

* docs(data-table): fix formatting

* docs(checkbox): fix broken link

* chore(deps-dev): bump deps

* Run "yarn build:docs"
2022-03-13 19:03:15 -07:00
metonym
5bf16e42f7
docs: hide deprecated components, add "Disabled items" OverflowMenu example (#1167) 2022-03-13 06:14:30 -07:00
metonym
95a1dfa1af
feat(data-table): support non-selectable rows (#1166)
Closes #1148
2022-03-12 19:36:02 -08:00
brunnerh
5de0d9a357
breaking(breakpoint): add breakpointObserver store (#1092)
* breaking: re-name event "on:match" to "on:change" in `Breakpoint.svelte`

* feat: add `breakpointObserver` read-only store

* refactor: export breakpoint constants from `breakpoints.js`
2022-03-08 08:38:58 -08:00