mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
Align v10.54 (#1133)
* chore(deps-dev): bump carbon-components to v10.54.0 * feat(progress-bar): add size prop * docs(progress-bar): add "Small size" example * docs(progress-bar): add descriptions * refactor(structured-list): remove monkey patch * feat(radio-button-group): add hideLegend prop * docs(radio-button): add "Hidden legend" example
This commit is contained in:
parent
faeee2b1a1
commit
a3d116215d
13 changed files with 90 additions and 20 deletions
|
@ -12,7 +12,7 @@
|
|||
"@sveltech/routify": "^1.9.9",
|
||||
"@sveltejs/vite-plugin-svelte": "^1.0.0-next.33",
|
||||
"autoprefixer": "^10.2.3",
|
||||
"carbon-components": "10.53.0",
|
||||
"carbon-components": "10.54.0",
|
||||
"carbon-components-10.47": "npm:carbon-components@10.47",
|
||||
"carbon-components-svelte": "../",
|
||||
"carbon-icons-svelte": "^10.44.3",
|
||||
|
|
|
@ -8354,6 +8354,17 @@
|
|||
"constant": false,
|
||||
"reactive": false
|
||||
},
|
||||
{
|
||||
"name": "size",
|
||||
"kind": "let",
|
||||
"description": "Specify the size",
|
||||
"type": "\"sm\" | \"md\"",
|
||||
"value": "\"md\"",
|
||||
"isFunction": false,
|
||||
"isFunctionDeclaration": false,
|
||||
"constant": false,
|
||||
"reactive": false
|
||||
},
|
||||
{
|
||||
"name": "labelText",
|
||||
"kind": "let",
|
||||
|
@ -8782,6 +8793,17 @@
|
|||
"constant": false,
|
||||
"reactive": false
|
||||
},
|
||||
{
|
||||
"name": "hideLegend",
|
||||
"kind": "let",
|
||||
"description": "Set to `true` to visually hide the legend",
|
||||
"type": "boolean",
|
||||
"value": "false",
|
||||
"isFunction": false,
|
||||
"isFunctionDeclaration": false,
|
||||
"constant": false,
|
||||
"reactive": false
|
||||
},
|
||||
{
|
||||
"name": "labelPosition",
|
||||
"kind": "let",
|
||||
|
|
|
@ -9,8 +9,16 @@ Without a specified `value` prop, the progress bar is indeterminate.
|
|||
|
||||
<ProgressBar helperText="Loading..." />
|
||||
|
||||
### Small size
|
||||
|
||||
Specify `size="sm"` to use the small variant.
|
||||
|
||||
<ProgressBar size="sm" helperText="Loading..." />
|
||||
|
||||
### Percentage
|
||||
|
||||
Specify a `value` for the progress bar to be determinate.
|
||||
|
||||
<ProgressBar value={40} labelText="Upload status" helperText="40 MB of 100 MB" />
|
||||
|
||||
### Custom max value
|
||||
|
@ -21,6 +29,10 @@ The default `max` value is `100`.
|
|||
|
||||
### Hidden label
|
||||
|
||||
It's recommended that you provide a `labelText` for accessibility.
|
||||
|
||||
Use `hideLabel` to visually hide the label text.
|
||||
|
||||
<ProgressBar hideLabel value={40} labelText="Upload status" helperText="40 MB of 100 MB" />
|
||||
|
||||
### UX example
|
||||
|
|
|
@ -41,6 +41,18 @@ Use the named "legendText" slot to customize the legend text.
|
|||
<RadioButton labelText="Pro (128 GB)" value="pro" />
|
||||
</RadioButtonGroup>
|
||||
|
||||
### Hidden legend
|
||||
|
||||
It's recommended that you provide a legend for accessibility.
|
||||
|
||||
Use `hideLegend` to visually hide the legend text.
|
||||
|
||||
<RadioButtonGroup hideLegend legendText="Storage tier (disk)" selected="standard">
|
||||
<RadioButton labelText="Free (1 GB)" value="free" />
|
||||
<RadioButton labelText="Standard (10 GB)" value="standard" />
|
||||
<RadioButton labelText="Pro (128 GB)" value="pro" />
|
||||
</RadioButtonGroup>
|
||||
|
||||
### Reactive example
|
||||
|
||||
Use the `selected` prop to bind and update the selected value.
|
||||
|
|
|
@ -471,10 +471,10 @@ carbon-components-svelte@../:
|
|||
dependencies:
|
||||
flatpickr "4.6.9"
|
||||
|
||||
carbon-components@10.53.0:
|
||||
version "10.53.0"
|
||||
resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.53.0.tgz#260d77550a6f33b6cf69e3e61ce0be8089308f48"
|
||||
integrity sha512-w1my4Jm//CYeraDM002TT/rMULxDSJ8wG0MCWPHGXFF/9OPHVGWo9idbLppM3lCS/PMfl/gpLvfpUVedFr7Yfw==
|
||||
carbon-components@10.54.0:
|
||||
version "10.54.0"
|
||||
resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.54.0.tgz#f70d0a9fcc7e84f8fb00a45b6b9894d77155acce"
|
||||
integrity sha512-gl0b4wRG1E/ns02nG/M0FaNm4FCT91iTr1XFzqY+h1wFsjG1/2OOu7A6lth8Qtk0jsr//YZcB0MNjq8WFaFciw==
|
||||
dependencies:
|
||||
"@carbon/telemetry" "0.0.0-alpha.6"
|
||||
flatpickr "4.6.1"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue