Commit graph

292 commits

Author SHA1 Message Date
Jonathan Quintin
7ddbf17cbb
feat(progress-bar): add status prop (#1560)
* ProgressBar status feature added

* ProgressBar: Removed the css variables and use carbon-css instead.
The way of assigning the ProgressBar value has change. It is now a style
variable and scale-x is calculated in the css. This way prevent the
override of carbon css.

* Removed an unessacery span.

* Removed an unnecessary span.

* Added the status for the ProgressBarUx

* Remove `style css` and update docs.

* - Fixed the `capped` variable for more readability
- Updated docs `label` and `helperText`
- Updated docs and css

* fix: finished/error states cannot be indeterminate

* Run "yarn build:css"

* Re-run "yarn build:docs"

* test(progress-bar): assert `status` prop

* chore: add aria-busy and set valuenow to 0 when not active

---------

Co-authored-by: Eric Liu <ericyl.us@gmail.com>
Co-authored-by: Enrico Sacchetti <enrico@theetrain.ca>
2023-02-19 12:34:41 -05:00
metonym
2a8fc00a09
docs(button): add example of disabled, icon-only button (#1651) 2023-02-06 22:26:24 -05:00
metonym
ec867c46ba
fix(tree-view)!: remove expanded property from TreeNode interface (#1631)
* fix(tree-view)!: remove `expanded` property from `TreeNode`

* fix(tree-view-node-list)!: remove unused `expanded` prop

* docs(tree-view): remove `expanded` as a property

#1630
2023-01-17 20:55:46 -05:00
Enrico Sacchetti
50066966da
feat(notification)!: replace iconDescription prop with statusIconDescription, closeButtonDescription (#1591)
Fixes #672, fixes #1563

* breaking: remove `iconDescription` prop from `InlineNotification`, `ToastNotification`

* breaking: require `iconDescription` prop in `NotificationIcon`

* feat: add new `statusIconDescription` and `closeButtonDescription` to `InlineNotification`, `ToastNotification`
2022-12-18 15:28:23 -08:00
Enrico Sacchetti
8d55752a18
fix(pagination-nav)!: use 1-indexing to be consistent with Pagination (#1518)
Fixes #1513
2022-12-13 10:23:04 -08:00
Enrico Sacchetti
9198ed5474
feat!: dispatch "change" event in Pagination, rename "change" to "update" in Select (#1497)
Closes #1491

* feat(pagination): dispatch "change" event when interacting with previous/next buttons, page/page size dropdowns

* breaking(select): rename dispatched "change" event to "update"

* breaking(select): forward `change` event to `Select`
2022-12-13 10:22:17 -08:00
metonym
27da2a0f8b
docs: link source code to folder for multiple components (#1582)
* docs: link source code to folder for multiple components

* chore(docs): remove unused `source` from frontmatter
2022-12-10 20:49:42 -05:00
DetachHead
948b5a1488 docs: fix link to carbon-components (#1571) 2022-12-07 20:25:47 -08:00
Eric Liu
a3204cc131 docs(popover): simplify external element example 2022-12-07 20:13:13 -08:00
Maxime Fafard
0f8a57b9d2
fix(popover): fire "click:outside" event when clicking sibling elements (#1570) 2022-12-07 20:10:45 -08:00
Jonathan Quintin
e6f5766e46
fix(number-input): support floating point values (#1555)
Fixes #233, fixes #486, fixes #1554
2022-12-07 20:06:29 -08:00
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
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
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
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
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
c2568ec5d4 docs(grid): fix typo in padded grid example [ci skip] 2022-04-17 13:04:27 -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