mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 19:46:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

- Fixed the capped variable for more readability

Browse source 
- Updated docs `label` and `helperText`
- Updated docs and css
This commit is contained in:
jqlio18 2023-01-03 22:00:49 -05:00
commit cec3b0f450
4 changed files with 8 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

6
docs/src/pages/components/ProgressBar.svx
View file

@ -25,13 +25,13 @@ Specify a `value` for the progress bar to be determinate.
Specify `status="finished"` for the progress bar. Specify `status="finished"` for the progress bar.
<ProgressBar value={100} status="finished" labelText="Upload status" helperText="100 MB of 100 MB" /> <ProgressBar value={100} status="finished" labelText="Upload file" helperText="Upload complete" />
## Error status ## Error status
Specify `status="error"` for the progress bar. Specify `status="error"` for the progress bar.
<ProgressBar value={40} status="error" labelText="Upload status" helperText="40 MB of 100 MB" /> <ProgressBar value={0} status="error" labelText="Upload file" helperText="Invalid file format" />
## Custom max value ## Custom max value
@ -59,7 +59,7 @@ The inline variant visually hides the `helperText`.
## Indented status variant ## Indented status variant
<ProgressBar kind="indented" status="finished" value={40} labelText="Upload status" helperText="100 MB of 100 MB" /> <ProgressBar kind="indented" status="finished" value={40} labelText="Upload file" helperText="Upload complete" />
## UX example ## UX example

2
package.json
View file

@ -27,7 +27,7 @@
"@rollup/plugin-node-resolve": "^13.3.0", "@rollup/plugin-node-resolve": "^13.3.0",
"@tsconfig/svelte": "^3.0.0", "@tsconfig/svelte": "^3.0.0",
"autoprefixer": "^10.4.8", "autoprefixer": "^10.4.8",
"carbon-components": "10.56.0", "carbon-components": "10.57.0",
"carbon-icons-svelte": "^11.2.0", "carbon-icons-svelte": "^11.2.0",
"husky": "^8.0.1", "husky": "^8.0.1",
"lint-staged": "^13.0.3", "lint-staged": "^13.0.3",

2
src/ProgressBar/ProgressBar.svelte
View file

@ -41,8 +41,6 @@
import CheckmarkFilled from "../icons/CheckmarkFilled.svelte"; import CheckmarkFilled from "../icons/CheckmarkFilled.svelte";
import ErrorFilled from "../icons/ErrorFilled.svelte"; import ErrorFilled from "../icons/ErrorFilled.svelte";
let isActiveAndDeterminate = false;
const statusIcons = { const statusIcons = {
error: ErrorFilled, error: ErrorFilled,
finished: CheckmarkFilled, finished: CheckmarkFilled,

8
yarn.lock
View file

@ -310,10 +310,10 @@ caniuse-lite@^1.0.30001370, caniuse-lite@^1.0.30001373:
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001382.tgz#4d37f0d0b6fffb826c8e5e1c0f4bf8ce592db949" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001382.tgz#4d37f0d0b6fffb826c8e5e1c0f4bf8ce592db949"
integrity sha512-2rtJwDmSZ716Pxm1wCtbPvHtbDWAreTPxXbkc5RkKglow3Ig/4GNGazDI9/BVnXbG/wnv6r3B5FEbkfg9OcTGg== integrity sha512-2rtJwDmSZ716Pxm1wCtbPvHtbDWAreTPxXbkc5RkKglow3Ig/4GNGazDI9/BVnXbG/wnv6r3B5FEbkfg9OcTGg==
carbon-components@10.56.0: carbon-components@10.57.0:
version "10.56.0" version "10.57.0"
resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.56.0.tgz#bb5890f00f81cebcddfa2dbae4794477deb539f4" resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.57.0.tgz#0583ad19e4366b9c2eff127b6dc811d8a210910e"
integrity sha512-GPLqHiu2SWvMxcQOi/CcgA/XA3aX/5HiEPSQjLwzjKAJsnkpzq043Jf7QwgLOVbTBzGSjFbFkJnE2lc73I2WBw== integrity sha512-wX0KyxUhFY6vkgR9f1sWGTyR+WRoXRxmtnOFLOG4lLkYbqXS2wy6uu1QmqXJW1vXp2dOL3S1NOM/z2xnjD6kvg==
dependencies: dependencies:
"@carbon/telemetry" "0.1.0" "@carbon/telemetry" "0.1.0"
flatpickr "4.6.1" flatpickr "4.6.1"