@spectrum-web-components/meter 0.37.0 → 0.38.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/meter",
-    "version": "0.37.0",
+    "version": "0.38.0",
     "publishConfig": {
         "access": "public"
     },
@@ -57,9 +57,9 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.37.0",
-        "@spectrum-web-components/field-label": "^0.37.0",
-        "@spectrum-web-components/shared": "^0.37.0"
+        "@spectrum-web-components/base": "^0.38.0",
+        "@spectrum-web-components/field-label": "^0.38.0",
+        "@spectrum-web-components/shared": "^0.38.0"
     },
     "devDependencies": {
         "@spectrum-css/progressbar": "^3.0.61"
@@ -70,5 +70,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "d771f62f0d8063070af43283bb0fd5e3400bad06"
+    "gitHead": "9a099b7543672f2fd4030833ab813b16c2cad62e"
 }

package/src/Meter.dev.js

@@ -12,6 +12,7 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 import {
   html,
+  nothing,
   SizedMixin,
   SpectrumElement
 } from "@spectrum-web-components/base";
@@ -24,7 +25,9 @@ import { ObserveSlotText } from "@spectrum-web-components/shared/src/observe-slo
 import { LanguageResolutionController } from "@spectrum-web-components/reactive-controllers/src/LanguageResolution.js";
 import "@spectrum-web-components/field-label/sp-field-label.js";
 import styles from "./meter.css.js";
-export class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, "")) {
+export class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, ""), {
+  noDefaultSize: true
+}) {
   constructor() {
     super(...arguments);
     this.progress = 0;
@@ -43,7 +46,7 @@ export class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, "")) {
   render() {
     return html`
             <sp-field-label size=${this.size} class="label">
-                ${this.slotHasContent ? html`` : this.label}
+                ${this.slotHasContent ? nothing : this.label}
                 <slot @slotchange=${this.handleSlotchange}>${this.label}</slot>
             </sp-field-label>
             <sp-field-label size=${this.size} class="percentage">

package/src/Meter.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Meter.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { getLabelFromSlot } from '@spectrum-web-components/shared/src/get-label-from-slot.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { LanguageResolutionController } from '@spectrum-web-components/reactive-controllers/src/LanguageResolution.js';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport styles from './meter.css.js';\n\n/**\n * @element sp-meter\n *\n * @slot - text labeling the Meter\n */\nexport class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, '')) {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Number })\n    public progress = 0;\n\n    @property({ type: Boolean, reflect: true, attribute: 'over-background' })\n    public overBackground = false;\n\n    @property({ type: Boolean, reflect: true })\n    public notice = false;\n\n    @property({ type: Boolean, reflect: true })\n    public negative = false;\n\n    @property({ type: Boolean, reflect: true })\n    public positive = false;\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    @query('slot')\n    private slotEl!: HTMLSlotElement;\n\n    private languageResolver = new LanguageResolutionController(this);\n\n    @property({ type: Boolean, reflect: true, attribute: 'side-label' })\n    // called sideLabel\n    public sideLabel = false;\n\n    @property({ type: String, reflect: true })\n    public static: 'white' | undefined;\n\n    protected override render(): TemplateResult {\n        return html`\n            <sp-field-label size=${this.size} class=\"label\">\n                ${this.slotHasContent ? html`` : this.label}\n                <slot @slotchange=${this.handleSlotchange}>${this.label}</slot>\n            </sp-field-label>\n            <sp-field-label size=${this.size} class=\"percentage\">\n                ${new Intl.NumberFormat(this.languageResolver.language, {\n                    style: 'percent',\n                    unitDisplay: 'narrow',\n                }).format(this.progress / 100)}\n            </sp-field-label>\n            <div class=\"track\">\n                <div\n                    class=\"fill\"\n                    style=\"transform: scaleX(calc(${this.progress} / 100));\"\n                ></div>\n            </div>\n        `;\n    }\n\n    protected handleSlotchange(): void {\n        const labelFromSlot = getLabelFromSlot(this.label, this.slotEl);\n        if (labelFromSlot) {\n            this.label = labelFromSlot;\n        }\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('role', 'meter progressbar');\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('progress')) {\n            this.setAttribute('aria-valuenow', '' + this.progress);\n        }\n        if (changes.has('label')) {\n            if (this.label.length) {\n                this.setAttribute('aria-label', this.label);\n            } else {\n                this.removeAttribute('aria-label');\n            }\n        }\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EAEA;AAAA,EACA;AAAA,OAEG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,oCAAoC;AAC7C,OAAO;AACP,OAAO,YAAY;AAOZ,aAAM,cAAc,WAAW,gBAAgB,iBAAiB,EAAE,CAAC,EAAE;AAAA,EAArE;AAAA;AAMH,SAAO,WAAW;AAGlB,SAAO,iBAAiB;AAGxB,SAAO,SAAS;AAGhB,SAAO,WAAW;AAGlB,SAAO,WAAW;AAGlB,SAAO,QAAQ;AAKf,SAAQ,mBAAmB,IAAI,6BAA6B,IAAI;AAIhE;AAAA,SAAO,YAAY;AAAA;AAAA,EA7BnB,WAA2B,SAAyB;AAChD,WAAO,CAAC,MAAM;AAAA,EAClB;AAAA,EAgCmB,SAAyB;AACxC,WAAO;AAAA,mCACoB,KAAK,IAAI;AAAA,kBAC1B,KAAK,iBAAiB,SAAS,KAAK,KAAK;AAAA,oCACvB,KAAK,gBAAgB,IAAI,KAAK,KAAK;AAAA;AAAA,mCAEpC,KAAK,IAAI;AAAA,kBAC1B,IAAI,KAAK,aAAa,KAAK,iBAAiB,UAAU;AAAA,MACpD,OAAO;AAAA,MACP,aAAa;AAAA,IACjB,CAAC,EAAE,OAAO,KAAK,WAAW,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oDAKM,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,EAI7D;AAAA,EAEU,mBAAyB;AAC/B,UAAM,gBAAgB,iBAAiB,KAAK,OAAO,KAAK,MAAM;AAC9D,QAAI,eAAe;AACf,WAAK,QAAQ;AAAA,IACjB;AAAA,EACJ;AAAA,EAEmB,aAAa,SAA+B;AAC3D,UAAM,aAAa,OAAO;AAC1B,SAAK,aAAa,QAAQ,mBAAmB;AAAA,EACjD;AAAA,EAEmB,QAAQ,SAA+B;AACtD,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,WAAK,aAAa,iBAAiB,KAAK,KAAK,QAAQ;AAAA,IACzD;AACA,QAAI,QAAQ,IAAI,OAAO,GAAG;AACtB,UAAI,KAAK,MAAM,QAAQ;AACnB,aAAK,aAAa,cAAc,KAAK,KAAK;AAAA,MAC9C,OAAO;AACH,aAAK,gBAAgB,YAAY;AAAA,MACrC;AAAA,IACJ;AAAA,EACJ;AACJ;AA3EW;AAAA,EADN,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GALjB,MAMF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,kBAAkB,CAAC;AAAA,GAR/D,MASF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAXjC,MAYF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAdjC,MAeF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAjBjC,MAkBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GApBhC,MAqBF;AAGC;AAAA,EADP,MAAM,MAAM;AAAA,GAvBJ,MAwBD;AAMD;AAAA,EAFN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,aAAa,CAAC;AAAA,GA5B1D,MA8BF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAhChC,MAiCF;",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    nothing,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { getLabelFromSlot } from '@spectrum-web-components/shared/src/get-label-from-slot.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { LanguageResolutionController } from '@spectrum-web-components/reactive-controllers/src/LanguageResolution.js';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport styles from './meter.css.js';\n\n/**\n * @element sp-meter\n *\n * @slot - text labeling the Meter\n */\nexport class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, ''), {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Number })\n    public progress = 0;\n\n    @property({ type: Boolean, reflect: true, attribute: 'over-background' })\n    public overBackground = false;\n\n    @property({ type: Boolean, reflect: true })\n    public notice = false;\n\n    @property({ type: Boolean, reflect: true })\n    public negative = false;\n\n    @property({ type: Boolean, reflect: true })\n    public positive = false;\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    @query('slot')\n    private slotEl!: HTMLSlotElement;\n\n    private languageResolver = new LanguageResolutionController(this);\n\n    @property({ type: Boolean, reflect: true, attribute: 'side-label' })\n    // called sideLabel\n    public sideLabel = false;\n\n    @property({ type: String, reflect: true })\n    public static: 'white' | undefined;\n\n    protected override render(): TemplateResult {\n        return html`\n            <sp-field-label size=${this.size} class=\"label\">\n                ${this.slotHasContent ? nothing : this.label}\n                <slot @slotchange=${this.handleSlotchange}>${this.label}</slot>\n            </sp-field-label>\n            <sp-field-label size=${this.size} class=\"percentage\">\n                ${new Intl.NumberFormat(this.languageResolver.language, {\n                    style: 'percent',\n                    unitDisplay: 'narrow',\n                }).format(this.progress / 100)}\n            </sp-field-label>\n            <div class=\"track\">\n                <div\n                    class=\"fill\"\n                    style=\"transform: scaleX(calc(${this.progress} / 100));\"\n                ></div>\n            </div>\n        `;\n    }\n\n    protected handleSlotchange(): void {\n        const labelFromSlot = getLabelFromSlot(this.label, this.slotEl);\n        if (labelFromSlot) {\n            this.label = labelFromSlot;\n        }\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('role', 'meter progressbar');\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('progress')) {\n            this.setAttribute('aria-valuenow', '' + this.progress);\n        }\n        if (changes.has('label')) {\n            if (this.label.length) {\n                this.setAttribute('aria-label', this.label);\n            } else {\n                this.removeAttribute('aria-label');\n            }\n        }\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OAEG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,oCAAoC;AAC7C,OAAO;AACP,OAAO,YAAY;AAOZ,aAAM,cAAc,WAAW,gBAAgB,iBAAiB,EAAE,GAAG;AAAA,EACxE,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAQH,SAAO,WAAW;AAGlB,SAAO,iBAAiB;AAGxB,SAAO,SAAS;AAGhB,SAAO,WAAW;AAGlB,SAAO,WAAW;AAGlB,SAAO,QAAQ;AAKf,SAAQ,mBAAmB,IAAI,6BAA6B,IAAI;AAIhE;AAAA,SAAO,YAAY;AAAA;AAAA,EA7BnB,WAA2B,SAAyB;AAChD,WAAO,CAAC,MAAM;AAAA,EAClB;AAAA,EAgCmB,SAAyB;AACxC,WAAO;AAAA,mCACoB,KAAK,IAAI;AAAA,kBAC1B,KAAK,iBAAiB,UAAU,KAAK,KAAK;AAAA,oCACxB,KAAK,gBAAgB,IAAI,KAAK,KAAK;AAAA;AAAA,mCAEpC,KAAK,IAAI;AAAA,kBAC1B,IAAI,KAAK,aAAa,KAAK,iBAAiB,UAAU;AAAA,MACpD,OAAO;AAAA,MACP,aAAa;AAAA,IACjB,CAAC,EAAE,OAAO,KAAK,WAAW,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oDAKM,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,EAI7D;AAAA,EAEU,mBAAyB;AAC/B,UAAM,gBAAgB,iBAAiB,KAAK,OAAO,KAAK,MAAM;AAC9D,QAAI,eAAe;AACf,WAAK,QAAQ;AAAA,IACjB;AAAA,EACJ;AAAA,EAEmB,aAAa,SAA+B;AAC3D,UAAM,aAAa,OAAO;AAC1B,SAAK,aAAa,QAAQ,mBAAmB;AAAA,EACjD;AAAA,EAEmB,QAAQ,SAA+B;AACtD,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,WAAK,aAAa,iBAAiB,KAAK,KAAK,QAAQ;AAAA,IACzD;AACA,QAAI,QAAQ,IAAI,OAAO,GAAG;AACtB,UAAI,KAAK,MAAM,QAAQ;AACnB,aAAK,aAAa,cAAc,KAAK,KAAK;AAAA,MAC9C,OAAO;AACH,aAAK,gBAAgB,YAAY;AAAA,MACrC;AAAA,IACJ;AAAA,EACJ;AACJ;AA3EW;AAAA,EADN,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAPjB,MAQF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,kBAAkB,CAAC;AAAA,GAV/D,MAWF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAbjC,MAcF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAhBjC,MAiBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAnBjC,MAoBF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAtBhC,MAuBF;AAGC;AAAA,EADP,MAAM,MAAM;AAAA,GAzBJ,MA0BD;AAMD;AAAA,EAFN,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM,WAAW,aAAa,CAAC;AAAA,GA9B1D,MAgCF;AAGA;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAlChC,MAmCF;",
   "names": []
 }

package/src/Meter.js

@@ -1,6 +1,6 @@
-"use strict";var n=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var t=(a,s,e,i)=>{for(var r=i>1?void 0:i?b(s,e):s,o=a.length-1,p;o>=0;o--)(p=a[o])&&(r=(i?p(s,e,r):p(r))||r);return i&&r&&n(s,e,r),r};import{html as u,SizedMixin as c,SpectrumElement as d}from"@spectrum-web-components/base";import{property as l,query as f}from"@spectrum-web-components/base/src/decorators.js";import{getLabelFromSlot as h}from"@spectrum-web-components/shared/src/get-label-from-slot.js";import{ObserveSlotText as m}from"@spectrum-web-components/shared/src/observe-slot-text.js";import{LanguageResolutionController as g}from"@spectrum-web-components/reactive-controllers/src/LanguageResolution.js";import"@spectrum-web-components/field-label/sp-field-label.js";import v from"./meter.css.js";export class Meter extends c(m(d,"")){constructor(){super(...arguments);this.progress=0;this.overBackground=!1;this.notice=!1;this.negative=!1;this.positive=!1;this.label="";this.languageResolver=new g(this);this.sideLabel=!1}static get styles(){return[v]}render(){return u`
+"use strict";var u=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var t=(a,s,e,i)=>{for(var r=i>1?void 0:i?n(s,e):s,o=a.length-1,p;o>=0;o--)(p=a[o])&&(r=(i?p(s,e,r):p(r))||r);return i&&r&&u(s,e,r),r};import{html as b,nothing as c,SizedMixin as d,SpectrumElement as f}from"@spectrum-web-components/base";import{property as l,query as h}from"@spectrum-web-components/base/src/decorators.js";import{getLabelFromSlot as m}from"@spectrum-web-components/shared/src/get-label-from-slot.js";import{ObserveSlotText as g}from"@spectrum-web-components/shared/src/observe-slot-text.js";import{LanguageResolutionController as v}from"@spectrum-web-components/reactive-controllers/src/LanguageResolution.js";import"@spectrum-web-components/field-label/sp-field-label.js";import y from"./meter.css.js";export class Meter extends d(g(f,""),{noDefaultSize:!0}){constructor(){super(...arguments);this.progress=0;this.overBackground=!1;this.notice=!1;this.negative=!1;this.positive=!1;this.label="";this.languageResolver=new v(this);this.sideLabel=!1}static get styles(){return[y]}render(){return b`
             <sp-field-label size=${this.size} class="label">
-                ${this.slotHasContent?u``:this.label}
+                ${this.slotHasContent?c:this.label}
                 <slot @slotchange=${this.handleSlotchange}>${this.label}</slot>
             </sp-field-label>
             <sp-field-label size=${this.size} class="percentage">
@@ -12,5 +12,5 @@
                     style="transform: scaleX(calc(${this.progress} / 100));"
                 ></div>
             </div>
-        `}handleSlotchange(){const e=h(this.label,this.slotEl);e&&(this.label=e)}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","meter progressbar")}updated(e){super.updated(e),e.has("progress")&&this.setAttribute("aria-valuenow",""+this.progress),e.has("label")&&(this.label.length?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}}t([l({type:Number})],Meter.prototype,"progress",2),t([l({type:Boolean,reflect:!0,attribute:"over-background"})],Meter.prototype,"overBackground",2),t([l({type:Boolean,reflect:!0})],Meter.prototype,"notice",2),t([l({type:Boolean,reflect:!0})],Meter.prototype,"negative",2),t([l({type:Boolean,reflect:!0})],Meter.prototype,"positive",2),t([l({type:String,reflect:!0})],Meter.prototype,"label",2),t([f("slot")],Meter.prototype,"slotEl",2),t([l({type:Boolean,reflect:!0,attribute:"side-label"})],Meter.prototype,"sideLabel",2),t([l({type:String,reflect:!0})],Meter.prototype,"static",2);
+        `}handleSlotchange(){const e=m(this.label,this.slotEl);e&&(this.label=e)}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","meter progressbar")}updated(e){super.updated(e),e.has("progress")&&this.setAttribute("aria-valuenow",""+this.progress),e.has("label")&&(this.label.length?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}}t([l({type:Number})],Meter.prototype,"progress",2),t([l({type:Boolean,reflect:!0,attribute:"over-background"})],Meter.prototype,"overBackground",2),t([l({type:Boolean,reflect:!0})],Meter.prototype,"notice",2),t([l({type:Boolean,reflect:!0})],Meter.prototype,"negative",2),t([l({type:Boolean,reflect:!0})],Meter.prototype,"positive",2),t([l({type:String,reflect:!0})],Meter.prototype,"label",2),t([h("slot")],Meter.prototype,"slotEl",2),t([l({type:Boolean,reflect:!0,attribute:"side-label"})],Meter.prototype,"sideLabel",2),t([l({type:String,reflect:!0})],Meter.prototype,"static",2);
 //# sourceMappingURL=Meter.js.map

package/src/Meter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Meter.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { getLabelFromSlot } from '@spectrum-web-components/shared/src/get-label-from-slot.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { LanguageResolutionController } from '@spectrum-web-components/reactive-controllers/src/LanguageResolution.js';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport styles from './meter.css.js';\n\n/**\n * @element sp-meter\n *\n * @slot - text labeling the Meter\n */\nexport class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, '')) {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Number })\n    public progress = 0;\n\n    @property({ type: Boolean, reflect: true, attribute: 'over-background' })\n    public overBackground = false;\n\n    @property({ type: Boolean, reflect: true })\n    public notice = false;\n\n    @property({ type: Boolean, reflect: true })\n    public negative = false;\n\n    @property({ type: Boolean, reflect: true })\n    public positive = false;\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    @query('slot')\n    private slotEl!: HTMLSlotElement;\n\n    private languageResolver = new LanguageResolutionController(this);\n\n    @property({ type: Boolean, reflect: true, attribute: 'side-label' })\n    // called sideLabel\n    public sideLabel = false;\n\n    @property({ type: String, reflect: true })\n    public static: 'white' | undefined;\n\n    protected override render(): TemplateResult {\n        return html`\n            <sp-field-label size=${this.size} class=\"label\">\n                ${this.slotHasContent ? html`` : this.label}\n                <slot @slotchange=${this.handleSlotchange}>${this.label}</slot>\n            </sp-field-label>\n            <sp-field-label size=${this.size} class=\"percentage\">\n                ${new Intl.NumberFormat(this.languageResolver.language, {\n                    style: 'percent',\n                    unitDisplay: 'narrow',\n                }).format(this.progress / 100)}\n            </sp-field-label>\n            <div class=\"track\">\n                <div\n                    class=\"fill\"\n                    style=\"transform: scaleX(calc(${this.progress} / 100));\"\n                ></div>\n            </div>\n        `;\n    }\n\n    protected handleSlotchange(): void {\n        const labelFromSlot = getLabelFromSlot(this.label, this.slotEl);\n        if (labelFromSlot) {\n            this.label = labelFromSlot;\n        }\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('role', 'meter progressbar');\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('progress')) {\n            this.setAttribute('aria-valuenow', '' + this.progress);\n        }\n        if (changes.has('label')) {\n            if (this.label.length) {\n                this.setAttribute('aria-label', this.label);\n            } else {\n                this.removeAttribute('aria-label');\n            }\n        }\n    }\n}\n"],
-  "mappings": "qNAYA,OAEI,QAAAA,EAEA,cAAAC,EACA,mBAAAC,MAEG,gCACP,OACI,YAAAC,EACA,SAAAC,MACG,kDAEP,OAAS,oBAAAC,MAAwB,6DACjC,OAAS,mBAAAC,MAAuB,2DAChC,OAAS,gCAAAC,MAAoC,0EAC7C,MAAO,yDACP,OAAOC,MAAY,iBAOZ,aAAM,cAAcP,EAAWK,EAAgBJ,EAAiB,EAAE,CAAC,CAAE,CAArE,kCAMH,KAAO,SAAW,EAGlB,KAAO,eAAiB,GAGxB,KAAO,OAAS,GAGhB,KAAO,SAAW,GAGlB,KAAO,SAAW,GAGlB,KAAO,MAAQ,GAKf,KAAQ,iBAAmB,IAAIK,EAA6B,IAAI,EAIhE,KAAO,UAAY,GA7BnB,WAA2B,QAAyB,CAChD,MAAO,CAACC,CAAM,CAClB,CAgCmB,QAAyB,CACxC,OAAOR;AAAA,mCACoB,KAAK,IAAI;AAAA,kBAC1B,KAAK,eAAiBA,IAAS,KAAK,KAAK;AAAA,oCACvB,KAAK,gBAAgB,IAAI,KAAK,KAAK;AAAA;AAAA,mCAEpC,KAAK,IAAI;AAAA,kBAC1B,IAAI,KAAK,aAAa,KAAK,iBAAiB,SAAU,CACpD,MAAO,UACP,YAAa,QACjB,CAAC,EAAE,OAAO,KAAK,SAAW,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oDAKM,KAAK,QAAQ;AAAA;AAAA;AAAA,SAI7D,CAEU,kBAAyB,CAC/B,MAAMS,EAAgBJ,EAAiB,KAAK,MAAO,KAAK,MAAM,EAC1DI,IACA,KAAK,MAAQA,EAErB,CAEmB,aAAaC,EAA+B,CAC3D,MAAM,aAAaA,CAAO,EAC1B,KAAK,aAAa,OAAQ,mBAAmB,CACjD,CAEmB,QAAQA,EAA+B,CACtD,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,UAAU,GACtB,KAAK,aAAa,gBAAiB,GAAK,KAAK,QAAQ,EAErDA,EAAQ,IAAI,OAAO,IACf,KAAK,MAAM,OACX,KAAK,aAAa,aAAc,KAAK,KAAK,EAE1C,KAAK,gBAAgB,YAAY,EAG7C,CACJ,CA3EWC,EAAA,CADNR,EAAS,CAAE,KAAM,MAAO,CAAC,GALjB,MAMF,wBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,iBAAkB,CAAC,GAR/D,MASF,8BAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAXjC,MAYF,sBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAdjC,MAeF,wBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjBjC,MAkBF,wBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GApBhC,MAqBF,qBAGCQ,EAAA,CADPP,EAAM,MAAM,GAvBJ,MAwBD,sBAMDO,EAAA,CAFNR,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,YAAa,CAAC,GA5B1D,MA8BF,yBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAhChC,MAiCF",
-  "names": ["html", "SizedMixin", "SpectrumElement", "property", "query", "getLabelFromSlot", "ObserveSlotText", "LanguageResolutionController", "styles", "labelFromSlot", "changes", "__decorateClass"]
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    nothing,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { getLabelFromSlot } from '@spectrum-web-components/shared/src/get-label-from-slot.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { LanguageResolutionController } from '@spectrum-web-components/reactive-controllers/src/LanguageResolution.js';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport styles from './meter.css.js';\n\n/**\n * @element sp-meter\n *\n * @slot - text labeling the Meter\n */\nexport class Meter extends SizedMixin(ObserveSlotText(SpectrumElement, ''), {\n    noDefaultSize: true,\n}) {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Number })\n    public progress = 0;\n\n    @property({ type: Boolean, reflect: true, attribute: 'over-background' })\n    public overBackground = false;\n\n    @property({ type: Boolean, reflect: true })\n    public notice = false;\n\n    @property({ type: Boolean, reflect: true })\n    public negative = false;\n\n    @property({ type: Boolean, reflect: true })\n    public positive = false;\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    @query('slot')\n    private slotEl!: HTMLSlotElement;\n\n    private languageResolver = new LanguageResolutionController(this);\n\n    @property({ type: Boolean, reflect: true, attribute: 'side-label' })\n    // called sideLabel\n    public sideLabel = false;\n\n    @property({ type: String, reflect: true })\n    public static: 'white' | undefined;\n\n    protected override render(): TemplateResult {\n        return html`\n            <sp-field-label size=${this.size} class=\"label\">\n                ${this.slotHasContent ? nothing : this.label}\n                <slot @slotchange=${this.handleSlotchange}>${this.label}</slot>\n            </sp-field-label>\n            <sp-field-label size=${this.size} class=\"percentage\">\n                ${new Intl.NumberFormat(this.languageResolver.language, {\n                    style: 'percent',\n                    unitDisplay: 'narrow',\n                }).format(this.progress / 100)}\n            </sp-field-label>\n            <div class=\"track\">\n                <div\n                    class=\"fill\"\n                    style=\"transform: scaleX(calc(${this.progress} / 100));\"\n                ></div>\n            </div>\n        `;\n    }\n\n    protected handleSlotchange(): void {\n        const labelFromSlot = getLabelFromSlot(this.label, this.slotEl);\n        if (labelFromSlot) {\n            this.label = labelFromSlot;\n        }\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('role', 'meter progressbar');\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('progress')) {\n            this.setAttribute('aria-valuenow', '' + this.progress);\n        }\n        if (changes.has('label')) {\n            if (this.label.length) {\n                this.setAttribute('aria-label', this.label);\n            } else {\n                this.removeAttribute('aria-label');\n            }\n        }\n    }\n}\n"],
+  "mappings": "qNAYA,OAEI,QAAAA,EACA,WAAAC,EAEA,cAAAC,EACA,mBAAAC,MAEG,gCACP,OACI,YAAAC,EACA,SAAAC,MACG,kDAEP,OAAS,oBAAAC,MAAwB,6DACjC,OAAS,mBAAAC,MAAuB,2DAChC,OAAS,gCAAAC,MAAoC,0EAC7C,MAAO,yDACP,OAAOC,MAAY,iBAOZ,aAAM,cAAcP,EAAWK,EAAgBJ,EAAiB,EAAE,EAAG,CACxE,cAAe,EACnB,CAAC,CAAE,CAFI,kCAQH,KAAO,SAAW,EAGlB,KAAO,eAAiB,GAGxB,KAAO,OAAS,GAGhB,KAAO,SAAW,GAGlB,KAAO,SAAW,GAGlB,KAAO,MAAQ,GAKf,KAAQ,iBAAmB,IAAIK,EAA6B,IAAI,EAIhE,KAAO,UAAY,GA7BnB,WAA2B,QAAyB,CAChD,MAAO,CAACC,CAAM,CAClB,CAgCmB,QAAyB,CACxC,OAAOT;AAAA,mCACoB,KAAK,IAAI;AAAA,kBAC1B,KAAK,eAAiBC,EAAU,KAAK,KAAK;AAAA,oCACxB,KAAK,gBAAgB,IAAI,KAAK,KAAK;AAAA;AAAA,mCAEpC,KAAK,IAAI;AAAA,kBAC1B,IAAI,KAAK,aAAa,KAAK,iBAAiB,SAAU,CACpD,MAAO,UACP,YAAa,QACjB,CAAC,EAAE,OAAO,KAAK,SAAW,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oDAKM,KAAK,QAAQ;AAAA;AAAA;AAAA,SAI7D,CAEU,kBAAyB,CAC/B,MAAMS,EAAgBJ,EAAiB,KAAK,MAAO,KAAK,MAAM,EAC1DI,IACA,KAAK,MAAQA,EAErB,CAEmB,aAAaC,EAA+B,CAC3D,MAAM,aAAaA,CAAO,EAC1B,KAAK,aAAa,OAAQ,mBAAmB,CACjD,CAEmB,QAAQA,EAA+B,CACtD,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,UAAU,GACtB,KAAK,aAAa,gBAAiB,GAAK,KAAK,QAAQ,EAErDA,EAAQ,IAAI,OAAO,IACf,KAAK,MAAM,OACX,KAAK,aAAa,aAAc,KAAK,KAAK,EAE1C,KAAK,gBAAgB,YAAY,EAG7C,CACJ,CA3EWC,EAAA,CADNR,EAAS,CAAE,KAAM,MAAO,CAAC,GAPjB,MAQF,wBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,iBAAkB,CAAC,GAV/D,MAWF,8BAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAbjC,MAcF,sBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAhBjC,MAiBF,wBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAnBjC,MAoBF,wBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAtBhC,MAuBF,qBAGCQ,EAAA,CADPP,EAAM,MAAM,GAzBJ,MA0BD,sBAMDO,EAAA,CAFNR,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,YAAa,CAAC,GA9B1D,MAgCF,yBAGAQ,EAAA,CADNR,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAlChC,MAmCF",
+  "names": ["html", "nothing", "SizedMixin", "SpectrumElement", "property", "query", "getLabelFromSlot", "ObserveSlotText", "LanguageResolutionController", "styles", "labelFromSlot", "changes", "__decorateClass"]
 }

package/src/meter.css.dev.js

@@ -5,7 +5,7 @@ const styles = css`
 --spectrum-animation-ease-in-out
 );--spectrum-progressbar-animation-duration-indeterminate:var(
 --spectrum-animation-duration-2000
-);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(
+);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(
 --spectrum-progress-bar-thickness-medium
 );--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(
 --spectrum-spacing-75
@@ -25,7 +25,7 @@ const styles = css`
 --spectrum-progress-bar-thickness-small
 );--spectrum-progressbar-spacing-top-to-text:var(
 --spectrum-component-top-to-text-75
-)}:host([size=m]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(
+)}:host{--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(
 --spectrum-progress-bar-thickness-large
 );--spectrum-progressbar-spacing-top-to-text:var(
 --spectrum-component-top-to-text-75

package/src/meter.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["meter.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(\n--spectrum-animation-ease-in-out\n);--spectrum-progressbar-animation-duration-indeterminate:var(\n--spectrum-animation-duration-2000\n);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-medium\n);--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(\n--spectrum-spacing-75\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-progressbar-spacing-label-to-text:var(--spectrum-spacing-200);--spectrum-progressbar-text-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-progressbar-track-color:var(--spectrum-gray-300);--spectrum-progressbar-fill-color:var(--spectrum-accent-color-900);--spectrum-progressbar-fill-color-positive:var(\n--spectrum-positive-visual-color\n);--spectrum-progressbar-fill-color-notice:var(\n--spectrum-notice-visual-color\n);--spectrum-progressbar-fill-color-negative:var(\n--spectrum-negative-visual-color\n);--spectrum-progressbar-label-and-value-white:var(--spectrum-white);--spectrum-progressbar-track-color-white:var(\n--spectrum-transparent-white-300\n);--spectrum-progressbar-fill-color-white:var(--spectrum-white)}:host([size=s]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-small\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=m]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=l]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2500);--spectrum-progressbar-font-size:var(--spectrum-font-size-100);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-200\n)}:host([size=xl]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2800);--spectrum-progressbar-font-size:var(--spectrum-font-size-200);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-extra-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-300\n)}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}:host{align-items:center;display:inline-flex;flex-flow:wrap;font-size:var(\n--mod-progressbar-font-size,var(--spectrum-progressbar-font-size)\n);inline-size:var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n);justify-content:space-between;max-inline-size:var(\n--mod-progressbar-max-size,var(--spectrum-progressbar-max-size)\n);min-inline-size:var(\n--mod-progressbar-min-size,var(--spectrum-progressbar-min-size)\n);position:relative;vertical-align:top}.label,.percentage{color:var(\n--mod-progressbar-text-color,var(--spectrum-progressbar-text-color)\n);line-height:var(\n--mod-progressbar-line-height,var(--spectrum-progressbar-line-height)\n);margin-block-end:var(\n--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar)\n);margin-block-start:var(\n--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text)\n);text-align:start}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(\n--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk)\n)}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}.track{background:var(\n--highcontrast-progressbar-track-color,var(\n--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border-radius:var(--spectrum-progressbar-corner-radius);inline-size:100%;overflow:hidden}:host([positive]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-positive,var(--spectrum-progressbar-fill-color-positive)\n)\n)}:host([notice]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-notice,var(--spectrum-progressbar-fill-color-notice)\n)\n)}:host([negative]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-negative,var(--spectrum-progressbar-fill-color-negative)\n)\n)}.fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border:none;transition:width 1s}:host([indeterminate]) .fill{animation-timing-function:var(\n--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate)\n);inline-size:var(\n--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate)\n);position:relative;will-change:transform}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between}:host([side-label]) .track{flex:1 1 var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n)}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}:host([side-label]) .percentage{margin-block-end:0;margin-inline-start:var(\n--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n);order:3;text-align:end}:host([static=white]) .fill{background:var(\n--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white)\n);color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .label,:host([static=white]) .percentage{color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .track{background-color:var(--spectrum-progressbar-track-color-white)}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(\n--mod-progressbar-fill-size-indeterminate,\nvar(--spectrum-progressbar-fill-size-indeterminate)\n)*-1))}to{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)\n))}to{transform:translate(calc(var(\n--mod-progressbar-size-default,\nvar(--spectrum-progressbar-size-default)\n)*-1))}}.fill{transform-origin:left}:host([dir=rtl]) .fill{transform-origin:right}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(\n--spectrum-animation-ease-in-out\n);--spectrum-progressbar-animation-duration-indeterminate:var(\n--spectrum-animation-duration-2000\n);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-medium\n);--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(\n--spectrum-spacing-75\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-progressbar-spacing-label-to-text:var(--spectrum-spacing-200);--spectrum-progressbar-text-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-progressbar-track-color:var(--spectrum-gray-300);--spectrum-progressbar-fill-color:var(--spectrum-accent-color-900);--spectrum-progressbar-fill-color-positive:var(\n--spectrum-positive-visual-color\n);--spectrum-progressbar-fill-color-notice:var(\n--spectrum-notice-visual-color\n);--spectrum-progressbar-fill-color-negative:var(\n--spectrum-negative-visual-color\n);--spectrum-progressbar-label-and-value-white:var(--spectrum-white);--spectrum-progressbar-track-color-white:var(\n--spectrum-transparent-white-300\n);--spectrum-progressbar-fill-color-white:var(--spectrum-white)}:host([size=s]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-small\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host{--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=l]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2500);--spectrum-progressbar-font-size:var(--spectrum-font-size-100);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-200\n)}:host([size=xl]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2800);--spectrum-progressbar-font-size:var(--spectrum-font-size-200);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-extra-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-300\n)}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}:host{align-items:center;display:inline-flex;flex-flow:wrap;font-size:var(\n--mod-progressbar-font-size,var(--spectrum-progressbar-font-size)\n);inline-size:var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n);justify-content:space-between;max-inline-size:var(\n--mod-progressbar-max-size,var(--spectrum-progressbar-max-size)\n);min-inline-size:var(\n--mod-progressbar-min-size,var(--spectrum-progressbar-min-size)\n);position:relative;vertical-align:top}.label,.percentage{color:var(\n--mod-progressbar-text-color,var(--spectrum-progressbar-text-color)\n);line-height:var(\n--mod-progressbar-line-height,var(--spectrum-progressbar-line-height)\n);margin-block-end:var(\n--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar)\n);margin-block-start:var(\n--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text)\n);text-align:start}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(\n--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk)\n)}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}.track{background:var(\n--highcontrast-progressbar-track-color,var(\n--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border-radius:var(--spectrum-progressbar-corner-radius);inline-size:100%;overflow:hidden}:host([positive]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-positive,var(--spectrum-progressbar-fill-color-positive)\n)\n)}:host([notice]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-notice,var(--spectrum-progressbar-fill-color-notice)\n)\n)}:host([negative]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-negative,var(--spectrum-progressbar-fill-color-negative)\n)\n)}.fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border:none;transition:width 1s}:host([indeterminate]) .fill{animation-timing-function:var(\n--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate)\n);inline-size:var(\n--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate)\n);position:relative;will-change:transform}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between}:host([side-label]) .track{flex:1 1 var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n)}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}:host([side-label]) .percentage{margin-block-end:0;margin-inline-start:var(\n--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n);order:3;text-align:end}:host([static=white]) .fill{background:var(\n--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white)\n);color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .label,:host([static=white]) .percentage{color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .track{background-color:var(--spectrum-progressbar-track-color-white)}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(\n--mod-progressbar-fill-size-indeterminate,\nvar(--spectrum-progressbar-fill-size-indeterminate)\n)*-1))}to{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)\n))}to{transform:translate(calc(var(\n--mod-progressbar-size-default,\nvar(--spectrum-progressbar-size-default)\n)*-1))}}.fill{transform-origin:left}:host([dir=rtl]) .fill{transform-origin:right}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiHf,eAAe;",
   "names": []
 }

package/src/meter.css.js

@@ -3,7 +3,7 @@
 --spectrum-animation-ease-in-out
 );--spectrum-progressbar-animation-duration-indeterminate:var(
 --spectrum-animation-duration-2000
-);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(
+);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(
 --spectrum-progress-bar-thickness-medium
 );--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(
 --spectrum-spacing-75
@@ -23,7 +23,7 @@
 --spectrum-progress-bar-thickness-small
 );--spectrum-progressbar-spacing-top-to-text:var(
 --spectrum-component-top-to-text-75
-)}:host([size=m]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(
+)}:host{--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(
 --spectrum-progress-bar-thickness-large
 );--spectrum-progressbar-spacing-top-to-text:var(
 --spectrum-component-top-to-text-75

package/src/meter.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["meter.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(\n--spectrum-animation-ease-in-out\n);--spectrum-progressbar-animation-duration-indeterminate:var(\n--spectrum-animation-duration-2000\n);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-medium\n);--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(\n--spectrum-spacing-75\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-progressbar-spacing-label-to-text:var(--spectrum-spacing-200);--spectrum-progressbar-text-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-progressbar-track-color:var(--spectrum-gray-300);--spectrum-progressbar-fill-color:var(--spectrum-accent-color-900);--spectrum-progressbar-fill-color-positive:var(\n--spectrum-positive-visual-color\n);--spectrum-progressbar-fill-color-notice:var(\n--spectrum-notice-visual-color\n);--spectrum-progressbar-fill-color-negative:var(\n--spectrum-negative-visual-color\n);--spectrum-progressbar-label-and-value-white:var(--spectrum-white);--spectrum-progressbar-track-color-white:var(\n--spectrum-transparent-white-300\n);--spectrum-progressbar-fill-color-white:var(--spectrum-white)}:host([size=s]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-small\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=m]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=l]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2500);--spectrum-progressbar-font-size:var(--spectrum-font-size-100);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-200\n)}:host([size=xl]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2800);--spectrum-progressbar-font-size:var(--spectrum-font-size-200);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-extra-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-300\n)}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}:host{align-items:center;display:inline-flex;flex-flow:wrap;font-size:var(\n--mod-progressbar-font-size,var(--spectrum-progressbar-font-size)\n);inline-size:var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n);justify-content:space-between;max-inline-size:var(\n--mod-progressbar-max-size,var(--spectrum-progressbar-max-size)\n);min-inline-size:var(\n--mod-progressbar-min-size,var(--spectrum-progressbar-min-size)\n);position:relative;vertical-align:top}.label,.percentage{color:var(\n--mod-progressbar-text-color,var(--spectrum-progressbar-text-color)\n);line-height:var(\n--mod-progressbar-line-height,var(--spectrum-progressbar-line-height)\n);margin-block-end:var(\n--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar)\n);margin-block-start:var(\n--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text)\n);text-align:start}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(\n--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk)\n)}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}.track{background:var(\n--highcontrast-progressbar-track-color,var(\n--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border-radius:var(--spectrum-progressbar-corner-radius);inline-size:100%;overflow:hidden}:host([positive]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-positive,var(--spectrum-progressbar-fill-color-positive)\n)\n)}:host([notice]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-notice,var(--spectrum-progressbar-fill-color-notice)\n)\n)}:host([negative]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-negative,var(--spectrum-progressbar-fill-color-negative)\n)\n)}.fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border:none;transition:width 1s}:host([indeterminate]) .fill{animation-timing-function:var(\n--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate)\n);inline-size:var(\n--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate)\n);position:relative;will-change:transform}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between}:host([side-label]) .track{flex:1 1 var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n)}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}:host([side-label]) .percentage{margin-block-end:0;margin-inline-start:var(\n--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n);order:3;text-align:end}:host([static=white]) .fill{background:var(\n--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white)\n);color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .label,:host([static=white]) .percentage{color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .track{background-color:var(--spectrum-progressbar-track-color-white)}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(\n--mod-progressbar-fill-size-indeterminate,\nvar(--spectrum-progressbar-fill-size-indeterminate)\n)*-1))}to{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)\n))}to{transform:translate(calc(var(\n--mod-progressbar-size-default,\nvar(--spectrum-progressbar-size-default)\n)*-1))}}.fill{transform-origin:left}:host([dir=rtl]) .fill{transform-origin:right}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(\n--spectrum-animation-ease-in-out\n);--spectrum-progressbar-animation-duration-indeterminate:var(\n--spectrum-animation-duration-2000\n);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-medium\n);--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(\n--spectrum-spacing-75\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-progressbar-spacing-label-to-text:var(--spectrum-spacing-200);--spectrum-progressbar-text-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-progressbar-track-color:var(--spectrum-gray-300);--spectrum-progressbar-fill-color:var(--spectrum-accent-color-900);--spectrum-progressbar-fill-color-positive:var(\n--spectrum-positive-visual-color\n);--spectrum-progressbar-fill-color-notice:var(\n--spectrum-notice-visual-color\n);--spectrum-progressbar-fill-color-negative:var(\n--spectrum-negative-visual-color\n);--spectrum-progressbar-label-and-value-white:var(--spectrum-white);--spectrum-progressbar-track-color-white:var(\n--spectrum-transparent-white-300\n);--spectrum-progressbar-fill-color-white:var(--spectrum-white)}:host([size=s]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-small\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host{--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=l]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2500);--spectrum-progressbar-font-size:var(--spectrum-font-size-100);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-200\n)}:host([size=xl]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2800);--spectrum-progressbar-font-size:var(--spectrum-font-size-200);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-extra-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-300\n)}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}:host{align-items:center;display:inline-flex;flex-flow:wrap;font-size:var(\n--mod-progressbar-font-size,var(--spectrum-progressbar-font-size)\n);inline-size:var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n);justify-content:space-between;max-inline-size:var(\n--mod-progressbar-max-size,var(--spectrum-progressbar-max-size)\n);min-inline-size:var(\n--mod-progressbar-min-size,var(--spectrum-progressbar-min-size)\n);position:relative;vertical-align:top}.label,.percentage{color:var(\n--mod-progressbar-text-color,var(--spectrum-progressbar-text-color)\n);line-height:var(\n--mod-progressbar-line-height,var(--spectrum-progressbar-line-height)\n);margin-block-end:var(\n--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar)\n);margin-block-start:var(\n--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text)\n);text-align:start}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(\n--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk)\n)}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}.track{background:var(\n--highcontrast-progressbar-track-color,var(\n--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border-radius:var(--spectrum-progressbar-corner-radius);inline-size:100%;overflow:hidden}:host([positive]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-positive,var(--spectrum-progressbar-fill-color-positive)\n)\n)}:host([notice]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-notice,var(--spectrum-progressbar-fill-color-notice)\n)\n)}:host([negative]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-negative,var(--spectrum-progressbar-fill-color-negative)\n)\n)}.fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border:none;transition:width 1s}:host([indeterminate]) .fill{animation-timing-function:var(\n--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate)\n);inline-size:var(\n--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate)\n);position:relative;will-change:transform}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between}:host([side-label]) .track{flex:1 1 var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n)}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}:host([side-label]) .percentage{margin-block-end:0;margin-inline-start:var(\n--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n);order:3;text-align:end}:host([static=white]) .fill{background:var(\n--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white)\n);color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .label,:host([static=white]) .percentage{color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .track{background-color:var(--spectrum-progressbar-track-color-white)}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(\n--mod-progressbar-fill-size-indeterminate,\nvar(--spectrum-progressbar-fill-size-indeterminate)\n)*-1))}to{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)\n))}to{transform:translate(calc(var(\n--mod-progressbar-size-default,\nvar(--spectrum-progressbar-size-default)\n)*-1))}}.fill{transform-origin:left}:host([dir=rtl]) .fill{transform-origin:right}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiHf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/spectrum-config.js

@@ -48,10 +48,11 @@ const config = {
                 converter.classToAttribute('is-positive', 'positive'),
                 converter.classToAttribute('is-notice', 'notice'),
                 converter.classToAttribute('is-negative', 'negative'),
+                // Default to `size='m'` without needing the attribute
+                converter.classToHost('spectrum-ProgressBar--sizeM'),
                 ...converter.enumerateAttributes(
                     [
                         ['spectrum-ProgressBar--sizeS', 's'],
-                        ['spectrum-ProgressBar--sizeM', 'm'],
                         ['spectrum-ProgressBar--sizeL', 'l'],
                         ['spectrum-ProgressBar--sizeXL', 'xl'],
                     ],

package/src/spectrum-meter.css.dev.js

@@ -5,7 +5,7 @@ const styles = css`
 --spectrum-animation-ease-in-out
 );--spectrum-progressbar-animation-duration-indeterminate:var(
 --spectrum-animation-duration-2000
-);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(
+);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(
 --spectrum-progress-bar-thickness-medium
 );--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(
 --spectrum-spacing-75
@@ -25,7 +25,7 @@ const styles = css`
 --spectrum-progress-bar-thickness-small
 );--spectrum-progressbar-spacing-top-to-text:var(
 --spectrum-component-top-to-text-75
-)}:host([size=m]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(
+)}:host{--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(
 --spectrum-progress-bar-thickness-large
 );--spectrum-progressbar-spacing-top-to-text:var(
 --spectrum-component-top-to-text-75

package/src/spectrum-meter.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-meter.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(\n--spectrum-animation-ease-in-out\n);--spectrum-progressbar-animation-duration-indeterminate:var(\n--spectrum-animation-duration-2000\n);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-medium\n);--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(\n--spectrum-spacing-75\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-progressbar-spacing-label-to-text:var(--spectrum-spacing-200);--spectrum-progressbar-text-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-progressbar-track-color:var(--spectrum-gray-300);--spectrum-progressbar-fill-color:var(--spectrum-accent-color-900);--spectrum-progressbar-fill-color-positive:var(\n--spectrum-positive-visual-color\n);--spectrum-progressbar-fill-color-notice:var(\n--spectrum-notice-visual-color\n);--spectrum-progressbar-fill-color-negative:var(\n--spectrum-negative-visual-color\n);--spectrum-progressbar-label-and-value-white:var(--spectrum-white);--spectrum-progressbar-track-color-white:var(\n--spectrum-transparent-white-300\n);--spectrum-progressbar-fill-color-white:var(--spectrum-white)}:host([size=s]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-small\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=m]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=l]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2500);--spectrum-progressbar-font-size:var(--spectrum-font-size-100);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-200\n)}:host([size=xl]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2800);--spectrum-progressbar-font-size:var(--spectrum-font-size-200);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-extra-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-300\n)}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}:host{align-items:center;display:inline-flex;flex-flow:wrap;font-size:var(\n--mod-progressbar-font-size,var(--spectrum-progressbar-font-size)\n);inline-size:var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n);justify-content:space-between;max-inline-size:var(\n--mod-progressbar-max-size,var(--spectrum-progressbar-max-size)\n);min-inline-size:var(\n--mod-progressbar-min-size,var(--spectrum-progressbar-min-size)\n);position:relative;vertical-align:top}.label,.percentage{color:var(\n--mod-progressbar-text-color,var(--spectrum-progressbar-text-color)\n);line-height:var(\n--mod-progressbar-line-height,var(--spectrum-progressbar-line-height)\n);margin-block-end:var(\n--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar)\n);margin-block-start:var(\n--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text)\n);text-align:start}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(\n--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk)\n)}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}.track{background:var(\n--highcontrast-progressbar-track-color,var(\n--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border-radius:var(--spectrum-progressbar-corner-radius);inline-size:100%;overflow:hidden}:host([positive]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-positive,var(--spectrum-progressbar-fill-color-positive)\n)\n)}:host([notice]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-notice,var(--spectrum-progressbar-fill-color-notice)\n)\n)}:host([negative]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-negative,var(--spectrum-progressbar-fill-color-negative)\n)\n)}.fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border:none;transition:width 1s}:host([indeterminate]) .fill{animation-timing-function:var(\n--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate)\n);inline-size:var(\n--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate)\n);position:relative;will-change:transform}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between}:host([side-label]) .track{flex:1 1 var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n)}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}:host([side-label]) .percentage{margin-block-end:0;margin-inline-start:var(\n--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n);order:3;text-align:end}:host([static=white]) .fill{background:var(\n--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white)\n);color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .label,:host([static=white]) .percentage{color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .track{background-color:var(--spectrum-progressbar-track-color-white)}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(\n--mod-progressbar-fill-size-indeterminate,\nvar(--spectrum-progressbar-fill-size-indeterminate)\n)*-1))}to{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)\n))}to{transform:translate(calc(var(\n--mod-progressbar-size-default,\nvar(--spectrum-progressbar-size-default)\n)*-1))}}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(\n--spectrum-animation-ease-in-out\n);--spectrum-progressbar-animation-duration-indeterminate:var(\n--spectrum-animation-duration-2000\n);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-medium\n);--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(\n--spectrum-spacing-75\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-progressbar-spacing-label-to-text:var(--spectrum-spacing-200);--spectrum-progressbar-text-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-progressbar-track-color:var(--spectrum-gray-300);--spectrum-progressbar-fill-color:var(--spectrum-accent-color-900);--spectrum-progressbar-fill-color-positive:var(\n--spectrum-positive-visual-color\n);--spectrum-progressbar-fill-color-notice:var(\n--spectrum-notice-visual-color\n);--spectrum-progressbar-fill-color-negative:var(\n--spectrum-negative-visual-color\n);--spectrum-progressbar-label-and-value-white:var(--spectrum-white);--spectrum-progressbar-track-color-white:var(\n--spectrum-transparent-white-300\n);--spectrum-progressbar-fill-color-white:var(--spectrum-white)}:host([size=s]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-small\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host{--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=l]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2500);--spectrum-progressbar-font-size:var(--spectrum-font-size-100);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-200\n)}:host([size=xl]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2800);--spectrum-progressbar-font-size:var(--spectrum-font-size-200);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-extra-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-300\n)}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}:host{align-items:center;display:inline-flex;flex-flow:wrap;font-size:var(\n--mod-progressbar-font-size,var(--spectrum-progressbar-font-size)\n);inline-size:var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n);justify-content:space-between;max-inline-size:var(\n--mod-progressbar-max-size,var(--spectrum-progressbar-max-size)\n);min-inline-size:var(\n--mod-progressbar-min-size,var(--spectrum-progressbar-min-size)\n);position:relative;vertical-align:top}.label,.percentage{color:var(\n--mod-progressbar-text-color,var(--spectrum-progressbar-text-color)\n);line-height:var(\n--mod-progressbar-line-height,var(--spectrum-progressbar-line-height)\n);margin-block-end:var(\n--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar)\n);margin-block-start:var(\n--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text)\n);text-align:start}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(\n--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk)\n)}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}.track{background:var(\n--highcontrast-progressbar-track-color,var(\n--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border-radius:var(--spectrum-progressbar-corner-radius);inline-size:100%;overflow:hidden}:host([positive]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-positive,var(--spectrum-progressbar-fill-color-positive)\n)\n)}:host([notice]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-notice,var(--spectrum-progressbar-fill-color-notice)\n)\n)}:host([negative]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-negative,var(--spectrum-progressbar-fill-color-negative)\n)\n)}.fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border:none;transition:width 1s}:host([indeterminate]) .fill{animation-timing-function:var(\n--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate)\n);inline-size:var(\n--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate)\n);position:relative;will-change:transform}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between}:host([side-label]) .track{flex:1 1 var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n)}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}:host([side-label]) .percentage{margin-block-end:0;margin-inline-start:var(\n--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n);order:3;text-align:end}:host([static=white]) .fill{background:var(\n--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white)\n);color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .label,:host([static=white]) .percentage{color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .track{background-color:var(--spectrum-progressbar-track-color-white)}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(\n--mod-progressbar-fill-size-indeterminate,\nvar(--spectrum-progressbar-fill-size-indeterminate)\n)*-1))}to{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)\n))}to{transform:translate(calc(var(\n--mod-progressbar-size-default,\nvar(--spectrum-progressbar-size-default)\n)*-1))}}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiHf,eAAe;",
   "names": []
 }

package/src/spectrum-meter.css.js

@@ -3,7 +3,7 @@
 --spectrum-animation-ease-in-out
 );--spectrum-progressbar-animation-duration-indeterminate:var(
 --spectrum-animation-duration-2000
-);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(
+);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(
 --spectrum-progress-bar-thickness-medium
 );--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(
 --spectrum-spacing-75
@@ -23,7 +23,7 @@
 --spectrum-progress-bar-thickness-small
 );--spectrum-progressbar-spacing-top-to-text:var(
 --spectrum-component-top-to-text-75
-)}:host([size=m]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(
+)}:host{--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(
 --spectrum-progress-bar-thickness-large
 );--spectrum-progressbar-spacing-top-to-text:var(
 --spectrum-component-top-to-text-75

package/src/spectrum-meter.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-meter.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(\n--spectrum-animation-ease-in-out\n);--spectrum-progressbar-animation-duration-indeterminate:var(\n--spectrum-animation-duration-2000\n);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-medium\n);--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(\n--spectrum-spacing-75\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-progressbar-spacing-label-to-text:var(--spectrum-spacing-200);--spectrum-progressbar-text-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-progressbar-track-color:var(--spectrum-gray-300);--spectrum-progressbar-fill-color:var(--spectrum-accent-color-900);--spectrum-progressbar-fill-color-positive:var(\n--spectrum-positive-visual-color\n);--spectrum-progressbar-fill-color-notice:var(\n--spectrum-notice-visual-color\n);--spectrum-progressbar-fill-color-negative:var(\n--spectrum-negative-visual-color\n);--spectrum-progressbar-label-and-value-white:var(--spectrum-white);--spectrum-progressbar-track-color-white:var(\n--spectrum-transparent-white-300\n);--spectrum-progressbar-fill-color-white:var(--spectrum-white)}:host([size=s]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-small\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=m]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=l]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2500);--spectrum-progressbar-font-size:var(--spectrum-font-size-100);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-200\n)}:host([size=xl]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2800);--spectrum-progressbar-font-size:var(--spectrum-font-size-200);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-extra-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-300\n)}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}:host{align-items:center;display:inline-flex;flex-flow:wrap;font-size:var(\n--mod-progressbar-font-size,var(--spectrum-progressbar-font-size)\n);inline-size:var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n);justify-content:space-between;max-inline-size:var(\n--mod-progressbar-max-size,var(--spectrum-progressbar-max-size)\n);min-inline-size:var(\n--mod-progressbar-min-size,var(--spectrum-progressbar-min-size)\n);position:relative;vertical-align:top}.label,.percentage{color:var(\n--mod-progressbar-text-color,var(--spectrum-progressbar-text-color)\n);line-height:var(\n--mod-progressbar-line-height,var(--spectrum-progressbar-line-height)\n);margin-block-end:var(\n--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar)\n);margin-block-start:var(\n--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text)\n);text-align:start}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(\n--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk)\n)}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}.track{background:var(\n--highcontrast-progressbar-track-color,var(\n--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border-radius:var(--spectrum-progressbar-corner-radius);inline-size:100%;overflow:hidden}:host([positive]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-positive,var(--spectrum-progressbar-fill-color-positive)\n)\n)}:host([notice]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-notice,var(--spectrum-progressbar-fill-color-notice)\n)\n)}:host([negative]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-negative,var(--spectrum-progressbar-fill-color-negative)\n)\n)}.fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border:none;transition:width 1s}:host([indeterminate]) .fill{animation-timing-function:var(\n--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate)\n);inline-size:var(\n--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate)\n);position:relative;will-change:transform}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between}:host([side-label]) .track{flex:1 1 var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n)}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}:host([side-label]) .percentage{margin-block-end:0;margin-inline-start:var(\n--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n);order:3;text-align:end}:host([static=white]) .fill{background:var(\n--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white)\n);color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .label,:host([static=white]) .percentage{color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .track{background-color:var(--spectrum-progressbar-track-color-white)}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(\n--mod-progressbar-fill-size-indeterminate,\nvar(--spectrum-progressbar-fill-size-indeterminate)\n)*-1))}to{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)\n))}to{transform:translate(calc(var(\n--mod-progressbar-size-default,\nvar(--spectrum-progressbar-size-default)\n)*-1))}}\n`;\nexport default styles;"],
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(\n--spectrum-animation-ease-in-out\n);--spectrum-progressbar-animation-duration-indeterminate:var(\n--spectrum-animation-duration-2000\n);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-medium\n);--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(\n--spectrum-spacing-75\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-100\n);--spectrum-progressbar-spacing-label-to-text:var(--spectrum-spacing-200);--spectrum-progressbar-text-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-progressbar-track-color:var(--spectrum-gray-300);--spectrum-progressbar-fill-color:var(--spectrum-accent-color-900);--spectrum-progressbar-fill-color-positive:var(\n--spectrum-positive-visual-color\n);--spectrum-progressbar-fill-color-notice:var(\n--spectrum-notice-visual-color\n);--spectrum-progressbar-fill-color-negative:var(\n--spectrum-negative-visual-color\n);--spectrum-progressbar-label-and-value-white:var(--spectrum-white);--spectrum-progressbar-track-color-white:var(\n--spectrum-transparent-white-300\n);--spectrum-progressbar-fill-color-white:var(--spectrum-white)}:host([size=s]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-small\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host{--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-75\n)}:host([size=l]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2500);--spectrum-progressbar-font-size:var(--spectrum-font-size-100);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-200\n)}:host([size=xl]){--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2800);--spectrum-progressbar-font-size:var(--spectrum-font-size-200);--spectrum-progressbar-thickness:var(\n--spectrum-progress-bar-thickness-extra-large\n);--spectrum-progressbar-spacing-top-to-text:var(\n--spectrum-component-top-to-text-300\n)}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}:host{align-items:center;display:inline-flex;flex-flow:wrap;font-size:var(\n--mod-progressbar-font-size,var(--spectrum-progressbar-font-size)\n);inline-size:var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n);justify-content:space-between;max-inline-size:var(\n--mod-progressbar-max-size,var(--spectrum-progressbar-max-size)\n);min-inline-size:var(\n--mod-progressbar-min-size,var(--spectrum-progressbar-min-size)\n);position:relative;vertical-align:top}.label,.percentage{color:var(\n--mod-progressbar-text-color,var(--spectrum-progressbar-text-color)\n);line-height:var(\n--mod-progressbar-line-height,var(--spectrum-progressbar-line-height)\n);margin-block-end:var(\n--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar)\n);margin-block-start:var(\n--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text)\n);text-align:start}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(\n--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk)\n)}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}.track{background:var(\n--highcontrast-progressbar-track-color,var(\n--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border-radius:var(--spectrum-progressbar-corner-radius);inline-size:100%;overflow:hidden}:host([positive]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-positive,var(--spectrum-progressbar-fill-color-positive)\n)\n)}:host([notice]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-notice,var(--spectrum-progressbar-fill-color-notice)\n)\n)}:host([negative]) .fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color-negative,var(--spectrum-progressbar-fill-color-negative)\n)\n)}.fill{background:var(\n--highcontrast-progressbar-fill-color,var(\n--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)\n)\n);block-size:var(\n--mod-progressbar-thickness,var(--spectrum-progressbar-thickness)\n);border:none;transition:width 1s}:host([indeterminate]) .fill{animation-timing-function:var(\n--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate)\n);inline-size:var(\n--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate)\n);position:relative;will-change:transform}:host([side-label]){display:inline-flex;flex-flow:row;justify-content:space-between}:host([side-label]) .track{flex:1 1 var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n)}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(\n--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n)}:host([side-label]) .percentage{margin-block-end:0;margin-inline-start:var(\n--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text)\n);order:3;text-align:end}:host([static=white]) .fill{background:var(\n--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white)\n);color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .label,:host([static=white]) .percentage{color:var(\n--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white)\n)}:host([static=white]) .track{background-color:var(--spectrum-progressbar-track-color-white)}:host([dir=ltr][indeterminate]) .fill{animation:indeterminate-loop-ltr var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}:host([dir=rtl][indeterminate]) .fill{animation:indeterminate-loop-rtl var(\n--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate)\n) infinite}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(\n--mod-progressbar-fill-size-indeterminate,\nvar(--spectrum-progressbar-fill-size-indeterminate)\n)*-1))}to{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)\n))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(\n--mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)\n))}to{transform:translate(calc(var(\n--mod-progressbar-size-default,\nvar(--spectrum-progressbar-size-default)\n)*-1))}}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiHf,eAAeC",
   "names": ["css", "styles"]
 }