feat(progress-bar): use core tokens

adobe · Feb 2, 2023 · 540552e · 540552e
1 parent 38efbf0
commit 540552e
Show file tree

Hide file tree

Showing 18 changed files with 645 additions and 538 deletions.
diff --git a/packages/meter/package.json b/packages/meter/package.json
@@ -62,7 +62,7 @@
         "@spectrum-web-components/shared": "^0.15.5"
     },
     "devDependencies": {
-        "@spectrum-css/progressbar": "^1.0.33"
+        "@spectrum-css/progressbar": "^3.0.1"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/meter/src/Meter.ts b/packages/meter/src/Meter.ts
@@ -56,6 +56,9 @@ export class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, '')) {
     // called sideLabel
     public sideLabel = false;
 
+    @property({ type: String, reflect: true })
+    public static: 'white' | undefined;
+
     protected override render(): TemplateResult {
         return html`
             <sp-field-label size=${this.size} class="label">

diff --git a/packages/meter/src/spectrum-config.js b/packages/meter/src/spectrum-config.js
@@ -93,6 +93,20 @@ const config = {
                         },
                     ],
                 },
+                {
+                    type: 'enum',
+                    name: 'static',
+                    values: [
+                        {
+                            name: 'black',
+                            selector: '.spectrum-ProgressBar--staticBlack',
+                        },
+                        {
+                            name: 'white',
+                            selector: '.spectrum-ProgressBar--staticWhite',
+                        },
+                    ],
+                },
             ],
         },
     ],