Commit graph

493 commits

Author SHA1 Message Date
Gregor Wassmann
4a81785036 Fix horizontal scrollbars on small screens
This patch addresses #1649 to fix documentation layout. In fact there are multiple issues with the current layout.

1. Flex layout might have an issue with overflowing content. See https://codepen.io/gregorw/full/gOdqreo.
2. The props table at the bottom of each page doesn’t overflow and stretches the layout.

This minimal change fixes code snippets in such a way that they are wrapped on small screens, since `overflow-x: scroll` doesn’t seem to work with the flexbox layout used. See code pen for problem description and solution A. This fixes horizontal scrollbars on all pages that don’t have other issues such as a large non-overflowing props table at the bottom.

The prop table at the bottom needs a separate PR. Possible solutions are that we get overflow/scroll to work or that we change to the mobile table of contents earlier. Maybe using a non-flexbox layout would solve some of the problems, too. See solution B of code pen above.
2023-03-26 12:46:48 +02:00
Hyunseung
4c5d8cd1ed
docs(tag): fix typo (#1705) 2023-03-25 13:18:42 -07:00
Gregor Wassmann
aa2e97f110
docs(theme): use Theme component from library (#1700) 2023-03-24 16:10:50 -07:00
metonym
ca40dd18c2
fix(selectable-tile): include dispatched events in types (#1695)
Fixes #1694
2023-03-20 21:27:29 -04:00
gabrielleecredera
42349ebc61
fix(1684): hide helper text container in password input when not used (#1685) 2023-03-11 14:38:44 -05:00
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
6450e8b0b1
fix(types): add missing $$restProps for Checkbox, Filename, FluidForm (#1655)
* fix(types): add missing `$$restProps` for `Checkbox`, `Filename`, `FluidForm`

* Run "yarn build:docs"

* test: assert `$$restProps` for `Checkbox`, `Form`
2023-02-11 13:50:01 -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
c1c8309443
docs(component-api): change details -> detail (#1610) 2023-01-01 09:04:17 -08: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
Gregor Wassmann
e258db0cae
docs(pagination-nav): add change event docs (#1592)
It seems that in #1518 some docs were not properly generated.

This is the change that results from running `yarn build:docs`.
2022-12-17 09:06:40 -05: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
metonym
837716ff8b fix(overflow-menu): dispatch "close" event when clicking outside (#1546)
Fixes #1541
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
198e0da4c5
fix(tree-view): loosen TreeNode text property type to any (#1576)
* fix(tree-view): loosen `TreeNode` text property type to any

* Run "yarn build:docs"

* test(tree-view): assert updated property type value
2022-12-07 20:00:20 -08:00
DetachHead
21d841feeb
fix(tree-view): make TreeView children prop type work recursively (#1566) 2022-12-07 19:54:14 -08:00
metonym
1c4ee00142
fix(search): prop types should extend input attributes (#1523)
Fixes #1520
2022-10-13 22:04:32 -07: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
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
bab5007807 build(docs): disable mdsvex smartypants 2022-09-09 10:08:43 -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
c747b3f392 chore(docs): upgrade @sveltejs/vite-plugin-svelte, vite to latest [ci skip] 2022-08-23 10:43:12 -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
Eric Liu
f1caf83103 docs: correctly render table of contents [ci skip] 2022-08-06 13:37:49 -07:00