diff --git a/packages/bbui/package.json b/packages/bbui/package.json index 8b3e6f6c63..0313c7ed1f 100644 --- a/packages/bbui/package.json +++ b/packages/bbui/package.json @@ -56,6 +56,7 @@ "@spectrum-css/menu": "^3.0.1", "@spectrum-css/modal": "^3.0.1", "@spectrum-css/popover": "^3.0.1", + "@spectrum-css/progressbar": "^1.0.2", "@spectrum-css/table": "^3.0.1", "@spectrum-css/tabs": "^3.0.1", "@spectrum-css/toast": "^3.0.1", diff --git a/packages/bbui/src/ProgressBar/ProgressBar.svelte b/packages/bbui/src/ProgressBar/ProgressBar.svelte new file mode 100644 index 0000000000..4b046ec81c --- /dev/null +++ b/packages/bbui/src/ProgressBar/ProgressBar.svelte @@ -0,0 +1,38 @@ + + + +
+ {#if $$slots} +
+ {/if} + {#if value} +
{Math.round($progress)}%
+ {/if} +
+
+
+ +
diff --git a/packages/bbui/src/index.js b/packages/bbui/src/index.js index 47206afa08..76fa75a77c 100644 --- a/packages/bbui/src/index.js +++ b/packages/bbui/src/index.js @@ -21,6 +21,7 @@ export { default as DetailSummary } from "./List/Items/DetailSummary.svelte" export { default as Switcher } from "./Switcher/Switcher.svelte" export { default as DropdownMenu } from "./DropdownMenu/DropdownMenu.svelte" export { default as Popover } from "./Popover/Popover.svelte" +export { default as ProgressBar } from "./ProgressBar/ProgressBar.svelte" export { default as Label } from "./Styleguide/Label.svelte" export { default as Link } from "./Link/Link.svelte" export { default as Close } from "./Button/Close.svelte" diff --git a/packages/bbui/yarn.lock b/packages/bbui/yarn.lock index 011221f823..03128bb054 100644 --- a/packages/bbui/yarn.lock +++ b/packages/bbui/yarn.lock @@ -475,6 +475,11 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/popover/-/popover-3.0.1.tgz#5863c1efc53f98f9aba2de9186666780041303fc" integrity sha512-LmOSj/yCwQQ9iGmCYnHiJsJR/HfPiGqI1Jl7pkKxBOCxYBMS/5+ans9vfCN2Qnd0eK7WSbfPg72S6mjye7db2Q== +"@spectrum-css/progressbar@^1.0.2": + version "1.0.2" + resolved "https://registry.yarnpkg.com/@spectrum-css/progressbar/-/progressbar-1.0.2.tgz#b5a59432517f9ae6dad49d9504691bc5ac42b424" + integrity sha512-+jExeBLtVCqo3BqtFq5WCtZ028Dzk+oUnX6y4z6ZamKPqOyOELOtFnhYnyhyRndQOqYwKUTXx9zsaWA/lpJOHw== + "@spectrum-css/table@^3.0.1": version "3.0.1" resolved "https://registry.yarnpkg.com/@spectrum-css/table/-/table-3.0.1.tgz#753e0e2498082c0c36b9600828516aff3ac338cd"