@spectrum-web-components/badge 0.41.1 → 0.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/README.md +17 -45
  2. package/custom-elements.json +2 -2
  3. package/package.json +5 -5
  4. package/src/Badge.d.ts +1 -1
  5. package/src/Badge.dev.js +10 -1
  6. package/src/Badge.dev.js.map +2 -2
  7. package/src/Badge.js +2 -2
  8. package/src/Badge.js.map +2 -2
  9. package/src/badge.css.dev.js +1 -171
  10. package/src/badge.css.dev.js.map +2 -2
  11. package/src/badge.css.js +2 -172
  12. package/src/badge.css.js.map +2 -2
  13. package/src/spectrum-badge.css.dev.js +1 -171
  14. package/src/spectrum-badge.css.dev.js.map +2 -2
  15. package/src/spectrum-badge.css.js +3 -173
  16. package/src/spectrum-badge.css.js.map +2 -2
  17. package/src/spectrum-config.js +9 -0
  18. package/stories/badge.stories.js +15 -37
  19. package/stories/badge.stories.js.map +2 -2
package/README.md CHANGED
@@ -93,10 +93,12 @@ The `<sp-badge>` can be customized with either semantic or non-semantic variants
93
93
 
94
94
  ```html demo
95
95
  <div style="display: flex; gap: var(--spectrum-spacing-75);">
96
+ <sp-badge variant="accent">Informative</sp-badge>
96
97
  <sp-badge variant="neutral">Neutral</sp-badge>
97
98
  <sp-badge variant="informative">Informative</sp-badge>
98
99
  <sp-badge variant="positive">Positive</sp-badge>
99
100
  <sp-badge variant="negative">Negative</sp-badge>
101
+ <sp-badge variant="notice">Notice</sp-badge>
100
102
  </div>
101
103
  ```
102
104
 
@@ -105,51 +107,21 @@ The `<sp-badge>` can be customized with either semantic or non-semantic variants
105
107
  Non-semantic badge colors are no longer supported directly by Spectrum and Spectrum Web Components. You can mimic their delivery via the following CSS Custom Properties. These values for the `variant` attribute/property have not been marked as deprecated, but will no longer achieve the results you may have relied on in the past.
106
108
 
107
109
  ```html demo
108
- <div style="display: flex; gap: var(--spectrum-spacing-75);">
109
- <sp-badge
110
- variant="seafoam"
111
- static="black"
112
- style="--mod-badge-background-color-default: var(--spectrum-seafoam-background-color-default)"
113
- >
114
- Seafoam
115
- </sp-badge>
116
- <sp-badge
117
- variant="indigo"
118
- static="black"
119
- style="--mod-badge-background-color-default: var(--spectrum-indigo-background-color-default)"
120
- >
121
- Indigo
122
- </sp-badge>
123
- <sp-badge
124
- variant="purple"
125
- static="black"
126
- style="--mod-badge-background-color-default: var(--spectrum-purple-background-color-default)"
127
- >
128
- Purple
129
- </sp-badge>
130
- <sp-badge
131
- variant="fuchsia"
132
- static="black"
133
- style="--mod-badge-background-color-default: var(--spectrum-fuchsia-background-color-default)"
134
- >
135
- Fuchsia
136
- </sp-badge>
137
- <sp-badge
138
- variant="magenta"
139
- static="black"
140
- style="--mod-badge-background-color-default: var(--spectrum-magenta-background-color-default)"
141
- >
142
- Magenta
143
- </sp-badge>
144
- <sp-badge
145
- variant="yellow"
146
- static="black"
147
- style="
148
- --mod-badge-background-color-default: var(--spectrum-yellow-background-color-default); --mod-badge-label-icon-color-white: var(--spectrum-black);
149
- "
150
- >
151
- Yellow
152
- </sp-badge>
110
+ <div style="display: flex; gap: var(--spectrum-spacing-75); flex-wrap:wrap;">
111
+ <sp-badge variant="seafoam">Seafoam</sp-badge>
112
+ <sp-badge variant="indigo">Indigo</sp-badge>
113
+ <sp-badge variant="purple">Purple</sp-badge>
114
+ <sp-badge variant="fuchsia">Fuchsia</sp-badge>
115
+ <sp-badge variant="magenta">Magenta</sp-badge>
116
+ <sp-badge variant="yellow">Yellow</sp-badge>
117
+ <sp-badge variant="gray">Gray</sp-badge>
118
+ <sp-badge variant="red">Red</sp-badge>
119
+ <sp-badge variant="orange">Orange</sp-badge>
120
+ <sp-badge variant="chartreuse">Chartreuse</sp-badge>
121
+ <sp-badge variant="celery">Celery</sp-badge>
122
+ <sp-badge variant="green">Green</sp-badge>
123
+ <sp-badge variant="cyan">Cyan</sp-badge>
124
+ <sp-badge variant="blue">Blue</sp-badge>
153
125
  </div>
154
126
  ```
155
127
 
package/custom-elements.json CHANGED
@@ -25,9 +25,9 @@
25
25
  "kind": "variable",
26
26
  "name": "BADGE_VARIANTS",
27
27
  "type": {
28
- "text": "[\n 'accent',\n 'neutral',\n 'informative',\n 'positive',\n 'negative',\n 'fuchsia',\n 'indigo',\n 'magenta',\n 'purple',\n 'seafoam',\n 'yellow',\n]"
28
+ "text": "[\n 'accent',\n 'neutral',\n 'informative',\n 'positive',\n 'negative',\n 'notice',\n 'fuchsia',\n 'indigo',\n 'magenta',\n 'purple',\n 'seafoam',\n 'yellow',\n 'gray',\n 'red',\n 'orange',\n 'chartreuse',\n 'celery',\n 'green',\n 'cyan',\n 'blue',\n]"
29
29
  },
30
- "default": "[\n 'accent',\n 'neutral',\n 'informative',\n 'positive',\n 'negative',\n 'fuchsia',\n 'indigo',\n 'magenta',\n 'purple',\n 'seafoam',\n 'yellow',\n]"
30
+ "default": "[\n 'accent',\n 'neutral',\n 'informative',\n 'positive',\n 'negative',\n 'notice',\n 'fuchsia',\n 'indigo',\n 'magenta',\n 'purple',\n 'seafoam',\n 'yellow',\n 'gray',\n 'red',\n 'orange',\n 'chartreuse',\n 'celery',\n 'green',\n 'cyan',\n 'blue',\n]"
31
31
  },
32
32
  {
33
33
  "kind": "variable",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/badge",
3
- "version": "0.41.1",
3
+ "version": "0.42.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,11 +57,11 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.41.1",
61
- "@spectrum-web-components/shared": "^0.41.1"
60
+ "@spectrum-web-components/base": "^0.42.0",
61
+ "@spectrum-web-components/shared": "^0.42.0"
62
62
  },
63
63
  "devDependencies": {
64
- "@spectrum-css/badge": "^3.2.1"
64
+ "@spectrum-css/badge": "^3.2.4"
65
65
  },
66
66
  "types": "./src/index.d.ts",
67
67
  "customElements": "custom-elements.json",
@@ -69,5 +69,5 @@
69
69
  "./sp-*.js",
70
70
  "./**/*.dev.js"
71
71
  ],
72
- "gitHead": "1eded35d98d01973b40990486b86840ba464a2da"
72
+ "gitHead": "9b3bd55ff8e8f9438817255976e77fd456b19d72"
73
73
  }
package/src/Badge.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { CSSResultArray, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
2
- export declare const BADGE_VARIANTS: readonly ["accent", "neutral", "informative", "positive", "negative", "fuchsia", "indigo", "magenta", "purple", "seafoam", "yellow"];
2
+ export declare const BADGE_VARIANTS: readonly ["accent", "neutral", "informative", "positive", "negative", "notice", "fuchsia", "indigo", "magenta", "purple", "seafoam", "yellow", "gray", "red", "orange", "chartreuse", "celery", "green", "cyan", "blue"];
3
3
  export declare type BadgeVariant = typeof BADGE_VARIANTS[number];
4
4
  export declare const FIXED_VALUES_DEPRECATED: string[];
5
5
  export declare const FIXED_VALUES: readonly ["inline-start", "inline-end", "block-start", "block-end"];
package/src/Badge.dev.js CHANGED
@@ -26,12 +26,21 @@ export const BADGE_VARIANTS = [
26
26
  "informative",
27
27
  "positive",
28
28
  "negative",
29
+ "notice",
29
30
  "fuchsia",
30
31
  "indigo",
31
32
  "magenta",
32
33
  "purple",
33
34
  "seafoam",
34
- "yellow"
35
+ "yellow",
36
+ "gray",
37
+ "red",
38
+ "orange",
39
+ "chartreuse",
40
+ "celery",
41
+ "green",
42
+ "cyan",
43
+ "blue"
35
44
  ];
36
45
  export const FIXED_VALUES_DEPRECATED = ["top", "bottom", "left", "right"];
37
46
  export const FIXED_VALUES = [
package/src/Badge.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["Badge.ts"],
4
- "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 SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport styles from './badge.css.js';\n\nexport const BADGE_VARIANTS = [\n 'accent',\n 'neutral',\n 'informative',\n 'positive',\n 'negative',\n 'fuchsia',\n 'indigo',\n 'magenta',\n 'purple',\n 'seafoam',\n 'yellow',\n] as const;\nexport type BadgeVariant = typeof BADGE_VARIANTS[number];\nexport const FIXED_VALUES_DEPRECATED = ['top', 'bottom', 'left', 'right'];\nexport const FIXED_VALUES = [\n 'inline-start',\n 'inline-end',\n 'block-start',\n 'block-end',\n] as const;\nexport type FixedValues =\n | typeof FIXED_VALUES[number]\n | typeof FIXED_VALUES_DEPRECATED[number];\n\n/**\n * @element sp-badge\n *\n * @slot - Text label of the badge\n * @slot icon - Optional icon that appears to the left of the label\n */\nexport class Badge extends SizedMixin(\n ObserveSlotText(ObserveSlotPresence(SpectrumElement, '[slot=\"icon\"]'), ''),\n {\n noDefaultSize: true,\n }\n) {\n public static override get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ reflect: true })\n public get fixed(): FixedValues | undefined {\n return this._fixed;\n }\n\n public set fixed(fixed: FixedValues | undefined) {\n if (fixed === this.fixed) return;\n const oldValue = this.fixed;\n if (window.__swc.DEBUG) {\n if (fixed && FIXED_VALUES_DEPRECATED.includes(fixed)) {\n window.__swc.warn(\n this,\n `The following values for \"fixed\" in <${this.localName}> have been deprecated. They will be removed in a future release.`,\n 'https://opensource.adobe.com/spectrum-web-components/components/badge/#fixed',\n {\n issues: [...FIXED_VALUES_DEPRECATED],\n }\n );\n }\n }\n this._fixed = fixed;\n if (fixed) {\n this.setAttribute('fixed', fixed);\n } else {\n this.removeAttribute('fixed');\n }\n this.requestUpdate('fixed', oldValue);\n }\n\n private _fixed?: FixedValues;\n\n @property({ type: String, reflect: true })\n public variant: BadgeVariant = 'informative';\n\n protected get hasIcon(): boolean {\n return this.slotContentIsPresent;\n }\n\n protected override render(): TemplateResult {\n if (window.__swc.DEBUG) {\n if (!BADGE_VARIANTS.includes(this.variant)) {\n window.__swc.warn(\n this,\n `<${this.localName}> element expect the \"variant\" attribute to be one of the following:`,\n 'https://opensource.adobe.com/spectrum-web-components/components/badge/#variants',\n {\n issues: [...BADGE_VARIANTS],\n }\n );\n }\n }\n return html`\n ${this.hasIcon\n ? html`\n <slot\n name=\"icon\"\n ?icon-only=${!this.slotHasContent}\n ></slot>\n `\n : nothing}\n <div class=\"label\">\n <slot></slot>\n </div>\n `;\n }\n}\n"],
5
- "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AAEzB,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,OAAO,YAAY;AAEZ,aAAM,iBAAiB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,aAAM,0BAA0B,CAAC,OAAO,UAAU,QAAQ,OAAO;AACjE,aAAM,eAAe;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,aAAM,cAAc;AAAA,EACvB,gBAAgB,oBAAoB,iBAAiB,eAAe,GAAG,EAAE;AAAA,EACzE;AAAA,IACI,eAAe;AAAA,EACnB;AACJ,EAAE;AAAA,EALK;AAAA;AA0CH,SAAO,UAAwB;AAAA;AAAA,EApC/B,WAA2B,SAAyB;AAChD,WAAO,CAAC,MAAM;AAAA,EAClB;AAAA,EAGA,IAAW,QAAiC;AACxC,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAW,MAAM,OAAgC;AAC7C,QAAI,UAAU,KAAK;AAAO;AAC1B,UAAM,WAAW,KAAK;AACtB,QAAI,MAAoB;AACpB,UAAI,SAAS,wBAAwB,SAAS,KAAK,GAAG;AAClD,eAAO,MAAM;AAAA,UACT;AAAA,UACA,wCAAwC,KAAK,SAAS;AAAA,UACtD;AAAA,UACA;AAAA,YACI,QAAQ,CAAC,GAAG,uBAAuB;AAAA,UACvC;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AACA,SAAK,SAAS;AACd,QAAI,OAAO;AACP,WAAK,aAAa,SAAS,KAAK;AAAA,IACpC,OAAO;AACH,WAAK,gBAAgB,OAAO;AAAA,IAChC;AACA,SAAK,cAAc,SAAS,QAAQ;AAAA,EACxC;AAAA,EAOA,IAAc,UAAmB;AAC7B,WAAO,KAAK;AAAA,EAChB;AAAA,EAEmB,SAAyB;AACxC,QAAI,MAAoB;AACpB,UAAI,CAAC,eAAe,SAAS,KAAK,OAAO,GAAG;AACxC,eAAO,MAAM;AAAA,UACT;AAAA,UACA,IAAI,KAAK,SAAS;AAAA,UAClB;AAAA,UACA;AAAA,YACI,QAAQ,CAAC,GAAG,cAAc;AAAA,UAC9B;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AACA,WAAO;AAAA,cACD,KAAK,UACD;AAAA;AAAA;AAAA,uCAGqB,CAAC,KAAK,cAAc;AAAA;AAAA,sBAGzC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB;AACJ;AAhEe;AAAA,EADV,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVlB,MAWE;AA+BJ;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAzChC,MA0CF;",
4
+ "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 SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport styles from './badge.css.js';\n\nexport const BADGE_VARIANTS = [\n 'accent',\n 'neutral',\n 'informative',\n 'positive',\n 'negative',\n 'notice',\n 'fuchsia',\n 'indigo',\n 'magenta',\n 'purple',\n 'seafoam',\n 'yellow',\n 'gray',\n 'red',\n 'orange',\n 'chartreuse',\n 'celery',\n 'green',\n 'cyan',\n 'blue',\n] as const;\nexport type BadgeVariant = typeof BADGE_VARIANTS[number];\nexport const FIXED_VALUES_DEPRECATED = ['top', 'bottom', 'left', 'right'];\nexport const FIXED_VALUES = [\n 'inline-start',\n 'inline-end',\n 'block-start',\n 'block-end',\n] as const;\nexport type FixedValues =\n | typeof FIXED_VALUES[number]\n | typeof FIXED_VALUES_DEPRECATED[number];\n\n/**\n * @element sp-badge\n *\n * @slot - Text label of the badge\n * @slot icon - Optional icon that appears to the left of the label\n */\nexport class Badge extends SizedMixin(\n ObserveSlotText(ObserveSlotPresence(SpectrumElement, '[slot=\"icon\"]'), ''),\n {\n noDefaultSize: true,\n }\n) {\n public static override get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ reflect: true })\n public get fixed(): FixedValues | undefined {\n return this._fixed;\n }\n\n public set fixed(fixed: FixedValues | undefined) {\n if (fixed === this.fixed) return;\n const oldValue = this.fixed;\n if (window.__swc.DEBUG) {\n if (fixed && FIXED_VALUES_DEPRECATED.includes(fixed)) {\n window.__swc.warn(\n this,\n `The following values for \"fixed\" in <${this.localName}> have been deprecated. They will be removed in a future release.`,\n 'https://opensource.adobe.com/spectrum-web-components/components/badge/#fixed',\n {\n issues: [...FIXED_VALUES_DEPRECATED],\n }\n );\n }\n }\n this._fixed = fixed;\n if (fixed) {\n this.setAttribute('fixed', fixed);\n } else {\n this.removeAttribute('fixed');\n }\n this.requestUpdate('fixed', oldValue);\n }\n\n private _fixed?: FixedValues;\n\n @property({ type: String, reflect: true })\n public variant: BadgeVariant = 'informative';\n\n protected get hasIcon(): boolean {\n return this.slotContentIsPresent;\n }\n\n protected override render(): TemplateResult {\n if (window.__swc.DEBUG) {\n if (!BADGE_VARIANTS.includes(this.variant)) {\n window.__swc.warn(\n this,\n `<${this.localName}> element expect the \"variant\" attribute to be one of the following:`,\n 'https://opensource.adobe.com/spectrum-web-components/components/badge/#variants',\n {\n issues: [...BADGE_VARIANTS],\n }\n );\n }\n }\n return html`\n ${this.hasIcon\n ? html`\n <slot\n name=\"icon\"\n ?icon-only=${!this.slotHasContent}\n ></slot>\n `\n : nothing}\n <div class=\"label\">\n <slot></slot>\n </div>\n `;\n }\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AAEzB,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,OAAO,YAAY;AAEZ,aAAM,iBAAiB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,aAAM,0BAA0B,CAAC,OAAO,UAAU,QAAQ,OAAO;AACjE,aAAM,eAAe;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,aAAM,cAAc;AAAA,EACvB,gBAAgB,oBAAoB,iBAAiB,eAAe,GAAG,EAAE;AAAA,EACzE;AAAA,IACI,eAAe;AAAA,EACnB;AACJ,EAAE;AAAA,EALK;AAAA;AA0CH,SAAO,UAAwB;AAAA;AAAA,EApC/B,WAA2B,SAAyB;AAChD,WAAO,CAAC,MAAM;AAAA,EAClB;AAAA,EAGA,IAAW,QAAiC;AACxC,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAW,MAAM,OAAgC;AAC7C,QAAI,UAAU,KAAK;AAAO;AAC1B,UAAM,WAAW,KAAK;AACtB,QAAI,MAAoB;AACpB,UAAI,SAAS,wBAAwB,SAAS,KAAK,GAAG;AAClD,eAAO,MAAM;AAAA,UACT;AAAA,UACA,wCAAwC,KAAK,SAAS;AAAA,UACtD;AAAA,UACA;AAAA,YACI,QAAQ,CAAC,GAAG,uBAAuB;AAAA,UACvC;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AACA,SAAK,SAAS;AACd,QAAI,OAAO;AACP,WAAK,aAAa,SAAS,KAAK;AAAA,IACpC,OAAO;AACH,WAAK,gBAAgB,OAAO;AAAA,IAChC;AACA,SAAK,cAAc,SAAS,QAAQ;AAAA,EACxC;AAAA,EAOA,IAAc,UAAmB;AAC7B,WAAO,KAAK;AAAA,EAChB;AAAA,EAEmB,SAAyB;AACxC,QAAI,MAAoB;AACpB,UAAI,CAAC,eAAe,SAAS,KAAK,OAAO,GAAG;AACxC,eAAO,MAAM;AAAA,UACT;AAAA,UACA,IAAI,KAAK,SAAS;AAAA,UAClB;AAAA,UACA;AAAA,YACI,QAAQ,CAAC,GAAG,cAAc;AAAA,UAC9B;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AACA,WAAO;AAAA,cACD,KAAK,UACD;AAAA;AAAA;AAAA,uCAGqB,CAAC,KAAK,cAAc;AAAA;AAAA,sBAGzC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB;AACJ;AAhEe;AAAA,EADV,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVlB,MAWE;AA+BJ;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAzChC,MA0CF;",
6
6
  "names": []
7
7
  }
package/src/Badge.js CHANGED
@@ -1,10 +1,10 @@
1
- "use strict";var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=(s,o,e,i)=>{for(var t=i>1?void 0:i?p(o,e):o,n=s.length-1,r;n>=0;n--)(r=s[n])&&(t=(i?r(o,e,t):r(t))||t);return i&&t&&d(o,e,t),t};import{html as l,nothing as u,SizedMixin as f,SpectrumElement as m}from"@spectrum-web-components/base";import{property as c}from"@spectrum-web-components/base/src/decorators.js";import{ObserveSlotText as E}from"@spectrum-web-components/shared/src/observe-slot-text.js";import{ObserveSlotPresence as h}from"@spectrum-web-components/shared/src/observe-slot-presence.js";import b from"./badge.css.js";export const BADGE_VARIANTS=["accent","neutral","informative","positive","negative","fuchsia","indigo","magenta","purple","seafoam","yellow"],FIXED_VALUES_DEPRECATED=["top","bottom","left","right"],FIXED_VALUES=["inline-start","inline-end","block-start","block-end"];export class Badge extends f(E(h(m,'[slot="icon"]'),""),{noDefaultSize:!0}){constructor(){super(...arguments);this.variant="informative"}static get styles(){return[b]}get fixed(){return this._fixed}set fixed(e){if(e===this.fixed)return;const i=this.fixed;this._fixed=e,e?this.setAttribute("fixed",e):this.removeAttribute("fixed"),this.requestUpdate("fixed",i)}get hasIcon(){return this.slotContentIsPresent}render(){return l`
1
+ "use strict";var d=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var a=(r,o,e,i)=>{for(var t=i>1?void 0:i?u(o,e):o,s=r.length-1,n;s>=0;s--)(n=r[s])&&(t=(i?n(o,e,t):n(t))||t);return i&&t&&d(o,e,t),t};import{html as l,nothing as p,SizedMixin as f,SpectrumElement as m}from"@spectrum-web-components/base";import{property as c}from"@spectrum-web-components/base/src/decorators.js";import{ObserveSlotText as E}from"@spectrum-web-components/shared/src/observe-slot-text.js";import{ObserveSlotPresence as h}from"@spectrum-web-components/shared/src/observe-slot-presence.js";import b from"./badge.css.js";export const BADGE_VARIANTS=["accent","neutral","informative","positive","negative","notice","fuchsia","indigo","magenta","purple","seafoam","yellow","gray","red","orange","chartreuse","celery","green","cyan","blue"],FIXED_VALUES_DEPRECATED=["top","bottom","left","right"],FIXED_VALUES=["inline-start","inline-end","block-start","block-end"];export class Badge extends f(E(h(m,'[slot="icon"]'),""),{noDefaultSize:!0}){constructor(){super(...arguments);this.variant="informative"}static get styles(){return[b]}get fixed(){return this._fixed}set fixed(e){if(e===this.fixed)return;const i=this.fixed;this._fixed=e,e?this.setAttribute("fixed",e):this.removeAttribute("fixed"),this.requestUpdate("fixed",i)}get hasIcon(){return this.slotContentIsPresent}render(){return l`
2
2
  ${this.hasIcon?l`
3
3
  <slot
4
4
  name="icon"
5
5
  ?icon-only=${!this.slotHasContent}
6
6
  ></slot>
7
- `:u}
7
+ `:p}
8
8
  <div class="label">
9
9
  <slot></slot>
10
10
  </div>
package/src/Badge.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["Badge.ts"],
4
- "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 SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport styles from './badge.css.js';\n\nexport const BADGE_VARIANTS = [\n 'accent',\n 'neutral',\n 'informative',\n 'positive',\n 'negative',\n 'fuchsia',\n 'indigo',\n 'magenta',\n 'purple',\n 'seafoam',\n 'yellow',\n] as const;\nexport type BadgeVariant = typeof BADGE_VARIANTS[number];\nexport const FIXED_VALUES_DEPRECATED = ['top', 'bottom', 'left', 'right'];\nexport const FIXED_VALUES = [\n 'inline-start',\n 'inline-end',\n 'block-start',\n 'block-end',\n] as const;\nexport type FixedValues =\n | typeof FIXED_VALUES[number]\n | typeof FIXED_VALUES_DEPRECATED[number];\n\n/**\n * @element sp-badge\n *\n * @slot - Text label of the badge\n * @slot icon - Optional icon that appears to the left of the label\n */\nexport class Badge extends SizedMixin(\n ObserveSlotText(ObserveSlotPresence(SpectrumElement, '[slot=\"icon\"]'), ''),\n {\n noDefaultSize: true,\n }\n) {\n public static override get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ reflect: true })\n public get fixed(): FixedValues | undefined {\n return this._fixed;\n }\n\n public set fixed(fixed: FixedValues | undefined) {\n if (fixed === this.fixed) return;\n const oldValue = this.fixed;\n if (window.__swc.DEBUG) {\n if (fixed && FIXED_VALUES_DEPRECATED.includes(fixed)) {\n window.__swc.warn(\n this,\n `The following values for \"fixed\" in <${this.localName}> have been deprecated. They will be removed in a future release.`,\n 'https://opensource.adobe.com/spectrum-web-components/components/badge/#fixed',\n {\n issues: [...FIXED_VALUES_DEPRECATED],\n }\n );\n }\n }\n this._fixed = fixed;\n if (fixed) {\n this.setAttribute('fixed', fixed);\n } else {\n this.removeAttribute('fixed');\n }\n this.requestUpdate('fixed', oldValue);\n }\n\n private _fixed?: FixedValues;\n\n @property({ type: String, reflect: true })\n public variant: BadgeVariant = 'informative';\n\n protected get hasIcon(): boolean {\n return this.slotContentIsPresent;\n }\n\n protected override render(): TemplateResult {\n if (window.__swc.DEBUG) {\n if (!BADGE_VARIANTS.includes(this.variant)) {\n window.__swc.warn(\n this,\n `<${this.localName}> element expect the \"variant\" attribute to be one of the following:`,\n 'https://opensource.adobe.com/spectrum-web-components/components/badge/#variants',\n {\n issues: [...BADGE_VARIANTS],\n }\n );\n }\n }\n return html`\n ${this.hasIcon\n ? html`\n <slot\n name=\"icon\"\n ?icon-only=${!this.slotHasContent}\n ></slot>\n `\n : nothing}\n <div class=\"label\">\n <slot></slot>\n </div>\n `;\n }\n}\n"],
5
- "mappings": "qNAYA,OAEI,QAAAA,EACA,WAAAC,EACA,cAAAC,EACA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDAEzB,OAAS,mBAAAC,MAAuB,2DAChC,OAAS,uBAAAC,MAA2B,+DACpC,OAAOC,MAAY,iBAEZ,aAAM,eAAiB,CAC1B,SACA,UACA,cACA,WACA,WACA,UACA,SACA,UACA,SACA,UACA,QACJ,EAEa,wBAA0B,CAAC,MAAO,SAAU,OAAQ,OAAO,EAC3D,aAAe,CACxB,eACA,aACA,cACA,WACJ,EAWO,aAAM,cAAcL,EACvBG,EAAgBC,EAAoBH,EAAiB,eAAe,EAAG,EAAE,EACzE,CACI,cAAe,EACnB,CACJ,CAAE,CALK,kCA0CH,KAAO,QAAwB,cApC/B,WAA2B,QAAyB,CAChD,MAAO,CAACI,CAAM,CAClB,CAGA,IAAW,OAAiC,CACxC,OAAO,KAAK,MAChB,CAEA,IAAW,MAAMC,EAAgC,CAC7C,GAAIA,IAAU,KAAK,MAAO,OAC1B,MAAMC,EAAW,KAAK,MAatB,KAAK,OAASD,EACVA,EACA,KAAK,aAAa,QAASA,CAAK,EAEhC,KAAK,gBAAgB,OAAO,EAEhC,KAAK,cAAc,QAASC,CAAQ,CACxC,CAOA,IAAc,SAAmB,CAC7B,OAAO,KAAK,oBAChB,CAEmB,QAAyB,CAaxC,OAAOT;AAAA,cACD,KAAK,QACDA;AAAA;AAAA;AAAA,uCAGqB,CAAC,KAAK,cAAc;AAAA;AAAA,oBAGzCC,CAAO;AAAA;AAAA;AAAA;AAAA,SAKrB,CACJ,CAhEeS,EAAA,CADVN,EAAS,CAAE,QAAS,EAAK,CAAC,GAVlB,MAWE,qBA+BJM,EAAA,CADNN,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAzChC,MA0CF",
4
+ "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 SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport styles from './badge.css.js';\n\nexport const BADGE_VARIANTS = [\n 'accent',\n 'neutral',\n 'informative',\n 'positive',\n 'negative',\n 'notice',\n 'fuchsia',\n 'indigo',\n 'magenta',\n 'purple',\n 'seafoam',\n 'yellow',\n 'gray',\n 'red',\n 'orange',\n 'chartreuse',\n 'celery',\n 'green',\n 'cyan',\n 'blue',\n] as const;\nexport type BadgeVariant = typeof BADGE_VARIANTS[number];\nexport const FIXED_VALUES_DEPRECATED = ['top', 'bottom', 'left', 'right'];\nexport const FIXED_VALUES = [\n 'inline-start',\n 'inline-end',\n 'block-start',\n 'block-end',\n] as const;\nexport type FixedValues =\n | typeof FIXED_VALUES[number]\n | typeof FIXED_VALUES_DEPRECATED[number];\n\n/**\n * @element sp-badge\n *\n * @slot - Text label of the badge\n * @slot icon - Optional icon that appears to the left of the label\n */\nexport class Badge extends SizedMixin(\n ObserveSlotText(ObserveSlotPresence(SpectrumElement, '[slot=\"icon\"]'), ''),\n {\n noDefaultSize: true,\n }\n) {\n public static override get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ reflect: true })\n public get fixed(): FixedValues | undefined {\n return this._fixed;\n }\n\n public set fixed(fixed: FixedValues | undefined) {\n if (fixed === this.fixed) return;\n const oldValue = this.fixed;\n if (window.__swc.DEBUG) {\n if (fixed && FIXED_VALUES_DEPRECATED.includes(fixed)) {\n window.__swc.warn(\n this,\n `The following values for \"fixed\" in <${this.localName}> have been deprecated. They will be removed in a future release.`,\n 'https://opensource.adobe.com/spectrum-web-components/components/badge/#fixed',\n {\n issues: [...FIXED_VALUES_DEPRECATED],\n }\n );\n }\n }\n this._fixed = fixed;\n if (fixed) {\n this.setAttribute('fixed', fixed);\n } else {\n this.removeAttribute('fixed');\n }\n this.requestUpdate('fixed', oldValue);\n }\n\n private _fixed?: FixedValues;\n\n @property({ type: String, reflect: true })\n public variant: BadgeVariant = 'informative';\n\n protected get hasIcon(): boolean {\n return this.slotContentIsPresent;\n }\n\n protected override render(): TemplateResult {\n if (window.__swc.DEBUG) {\n if (!BADGE_VARIANTS.includes(this.variant)) {\n window.__swc.warn(\n this,\n `<${this.localName}> element expect the \"variant\" attribute to be one of the following:`,\n 'https://opensource.adobe.com/spectrum-web-components/components/badge/#variants',\n {\n issues: [...BADGE_VARIANTS],\n }\n );\n }\n }\n return html`\n ${this.hasIcon\n ? html`\n <slot\n name=\"icon\"\n ?icon-only=${!this.slotHasContent}\n ></slot>\n `\n : nothing}\n <div class=\"label\">\n <slot></slot>\n </div>\n `;\n }\n}\n"],
5
+ "mappings": "qNAYA,OAEI,QAAAA,EACA,WAAAC,EACA,cAAAC,EACA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDAEzB,OAAS,mBAAAC,MAAuB,2DAChC,OAAS,uBAAAC,MAA2B,+DACpC,OAAOC,MAAY,iBAEZ,aAAM,eAAiB,CAC1B,SACA,UACA,cACA,WACA,WACA,SACA,UACA,SACA,UACA,SACA,UACA,SACA,OACA,MACA,SACA,aACA,SACA,QACA,OACA,MACJ,EAEa,wBAA0B,CAAC,MAAO,SAAU,OAAQ,OAAO,EAC3D,aAAe,CACxB,eACA,aACA,cACA,WACJ,EAWO,aAAM,cAAcL,EACvBG,EAAgBC,EAAoBH,EAAiB,eAAe,EAAG,EAAE,EACzE,CACI,cAAe,EACnB,CACJ,CAAE,CALK,kCA0CH,KAAO,QAAwB,cApC/B,WAA2B,QAAyB,CAChD,MAAO,CAACI,CAAM,CAClB,CAGA,IAAW,OAAiC,CACxC,OAAO,KAAK,MAChB,CAEA,IAAW,MAAMC,EAAgC,CAC7C,GAAIA,IAAU,KAAK,MAAO,OAC1B,MAAMC,EAAW,KAAK,MAatB,KAAK,OAASD,EACVA,EACA,KAAK,aAAa,QAASA,CAAK,EAEhC,KAAK,gBAAgB,OAAO,EAEhC,KAAK,cAAc,QAASC,CAAQ,CACxC,CAOA,IAAc,SAAmB,CAC7B,OAAO,KAAK,oBAChB,CAEmB,QAAyB,CAaxC,OAAOT;AAAA,cACD,KAAK,QACDA;AAAA;AAAA;AAAA,uCAGqB,CAAC,KAAK,cAAc;AAAA;AAAA,oBAGzCC,CAAO;AAAA;AAAA;AAAA;AAAA,SAKrB,CACJ,CAhEeS,EAAA,CADVN,EAAS,CAAE,QAAS,EAAK,CAAC,GAVlB,MAWE,qBA+BJM,EAAA,CADNN,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAzChC,MA0CF",
6
6
  "names": ["html", "nothing", "SizedMixin", "SpectrumElement", "property", "ObserveSlotText", "ObserveSlotPresence", "styles", "fixed", "oldValue", "__decorateClass"]
7
7
  }
package/src/badge.css.dev.js CHANGED
@@ -1,177 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-badge-corner-radius:var(--spectrum-corner-radius-100);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color:var(--spectrum-white)}.spectrum-Badge--celery,.spectrum-Badge--chartreuse,.spectrum-Badge--orange,:host([variant=yellow]){--spectrum-badge-label-icon-color:var(--spectrum-black)}.spectrum-Badge--blue,.spectrum-Badge--cyan,.spectrum-Badge--gray,.spectrum-Badge--green,.spectrum-Badge--red,:host([variant=fuchsia]),:host([variant=indigo]),:host([variant=magenta]),:host([variant=purple]),:host([variant=seafoam]){--spectrum-badge-label-icon-color:var(
5
- --spectrum-badge-label-icon-color-primary
6
- )}:host{--spectrum-badge-background-color-default:var(
7
- --spectrum-neutral-subdued-background-color-default
8
- );--spectrum-badge-background-color-accent:var(
9
- --spectrum-accent-background-color-default
10
- );--spectrum-badge-background-color-informative:var(
11
- --spectrum-informative-background-color-default
12
- );--spectrum-badge-background-color-negative:var(
13
- --spectrum-negative-background-color-default
14
- );--spectrum-badge-background-color-positive:var(
15
- --spectrum-positive-background-color-default
16
- );--spectrum-badge-background-color-notice:var(
17
- --spectrum-notice-background-color-default
18
- );--spectrum-badge-background-color-gray:var(
19
- --spectrum-gray-background-color-default
20
- );--spectrum-badge-background-color-red:var(
21
- --spectrum-red-background-color-default
22
- );--spectrum-badge-background-color-orange:var(
23
- --spectrum-orange-background-color-default
24
- );--spectrum-badge-background-color-yellow:var(
25
- --spectrum-yellow-background-color-default
26
- );--spectrum-badge-background-color-chartreuse:var(
27
- --spectrum-chartreuse-background-color-default
28
- );--spectrum-badge-background-color-celery:var(
29
- --spectrum-celery-background-color-default
30
- );--spectrum-badge-background-color-green:var(
31
- --spectrum-green-background-color-default
32
- );--spectrum-badge-background-color-seafoam:var(
33
- --spectrum-seafoam-background-color-default
34
- );--spectrum-badge-background-color-cyan:var(
35
- --spectrum-cyan-background-color-default
36
- );--spectrum-badge-background-color-blue:var(
37
- --spectrum-blue-background-color-default
38
- );--spectrum-badge-background-color-indigo:var(
39
- --spectrum-indigo-background-color-default
40
- );--spectrum-badge-background-color-purple:var(
41
- --spectrum-purple-background-color-default
42
- );--spectrum-badge-background-color-fuchsia:var(
43
- --spectrum-fuchsia-background-color-default
44
- );--spectrum-badge-background-color-magenta:var(
45
- --spectrum-magenta-background-color-default
46
- );--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(
47
- --spectrum-component-top-to-text-100
48
- );--spectrum-badge-label-spacing-vertical-bottom:var(
49
- --spectrum-component-bottom-to-text-100
50
- );--spectrum-badge-label-spacing-horizontal:var(
51
- --spectrum-component-edge-to-text-100
52
- );--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(
53
- --spectrum-component-edge-to-visual-100
54
- );--spectrum-badge-icon-spacing-vertical-top:var(
55
- --spectrum-component-top-to-workflow-icon-100
56
- );--spectrum-badge-icon-only-spacing-horizontal:var(
57
- --spectrum-component-edge-to-visual-only-100
58
- )}:host([size=s]){--spectrum-badge-height:var(--spectrum-component-height-75);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(
59
- --spectrum-component-top-to-text-75
60
- );--spectrum-badge-label-spacing-vertical-bottom:var(
61
- --spectrum-component-bottom-to-text-75
62
- );--spectrum-badge-label-spacing-horizontal:var(
63
- --spectrum-component-edge-to-text-75
64
- );--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(
65
- --spectrum-component-edge-to-visual-75
66
- );--spectrum-badge-icon-spacing-vertical-top:var(
67
- --spectrum-component-top-to-workflow-icon-75
68
- );--spectrum-badge-icon-only-spacing-horizontal:var(
69
- --spectrum-component-edge-to-visual-only-75
70
- )}:host([size=l]){--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(
71
- --spectrum-component-top-to-text-200
72
- );--spectrum-badge-label-spacing-vertical-bottom:var(
73
- --spectrum-component-bottom-to-text-200
74
- );--spectrum-badge-label-spacing-horizontal:var(
75
- --spectrum-component-edge-to-text-200
76
- );--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(
77
- --spectrum-component-edge-to-visual-200
78
- );--spectrum-badge-icon-spacing-vertical-top:var(
79
- --spectrum-component-top-to-workflow-icon-200
80
- );--spectrum-badge-icon-only-spacing-horizontal:var(
81
- --spectrum-component-edge-to-visual-only-200
82
- )}:host([size=xl]){--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(
83
- --spectrum-component-top-to-text-300
84
- );--spectrum-badge-label-spacing-vertical-bottom:var(
85
- --spectrum-component-bottom-to-text-300
86
- );--spectrum-badge-label-spacing-horizontal:var(
87
- --spectrum-component-edge-to-text-300
88
- );--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(
89
- --spectrum-component-edge-to-visual-300
90
- );--spectrum-badge-icon-spacing-vertical-top:var(
91
- --spectrum-component-top-to-workflow-icon-300
92
- );--spectrum-badge-icon-only-spacing-horizontal:var(
93
- --spectrum-component-edge-to-visual-only-300
94
- )}@media (forced-colors:active){:host{border-color:CanvasText}}:host{cursor:default;min-block-size:var(--mod-badge-height,var(--spectrum-badge-height));vertical-align:middle;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;background:var(
95
- --mod-badge-background-color-default,var(--spectrum-badge-background-color-default)
96
- );border:1px solid #0000;border-radius:var(
97
- --mod-badge-corner-radius,var(--spectrum-badge-corner-radius)
98
- );color:var(
99
- --mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)
100
- );display:inline-flex;inline-size:auto;position:relative}:host([variant=neutral]){background:var(
101
- --mod-badge-background-color-default,var(--spectrum-badge-background-color-default)
102
- )}:host([variant=accent]){background:var(
103
- --mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)
104
- )}:host([variant=informative]){background:var(
105
- --mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)
106
- )}:host([variant=negative]){background:var(
107
- --mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)
108
- )}:host([variant=positive]){background:var(
109
- --mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)
110
- )}.spectrum-Badge--notice{background:var(
111
- --mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice)
112
- )}.spectrum-Badge--gray{background:var(
113
- --mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray)
114
- )}.spectrum-Badge--red{background:var(
115
- --mod-badge-background-color-red,var(--spectrum-badge-background-color-red)
116
- )}.spectrum-Badge--orange{background:var(
117
- --mod-badge-background-color-orange,var(--spectrum-badge-background-color-orange)
118
- )}:host([variant=yellow]){background:var(
119
- --mod-badge-background-color-yellow,var(--spectrum-badge-background-color-yellow)
120
- )}.spectrum-Badge--chartreuse{background:var(
121
- --mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse)
122
- )}.spectrum-Badge--celery{background:var(
123
- --mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery)
124
- )}.spectrum-Badge--green{background:var(
125
- --mod-badge-background-color-green,var(--spectrum-badge-background-color-green)
126
- )}:host([variant=seafoam]){background:var(
127
- --mod-badge-background-color-seafoam,var(--spectrum-badge-background-color-seafoam)
128
- )}.spectrum-Badge--cyan{background:var(
129
- --mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan)
130
- )}.spectrum-Badge--blue{background:var(
131
- --mod-badge-background-color-blue,var(--spectrum-badge-background-color-blue)
132
- )}:host([variant=indigo]){background:var(
133
- --mod-badge-background-color-indigo,var(--spectrum-badge-background-color-indigo)
134
- )}:host([variant=purple]){background:var(
135
- --mod-badge-background-color-purple,var(--spectrum-badge-background-color-purple)
136
- )}:host([variant=fuchsia]){background:var(
137
- --mod-badge-background-color-fuchsia,var(--spectrum-badge-background-color-fuchsia)
138
- )}:host([variant=magenta]){background:var(
139
- --mod-badge-background-color-magenta,var(--spectrum-badge-background-color-magenta)
140
- )}:host([fixed=inline-start]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=inline-end]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=block-start]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{color:var(
141
- --mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)
142
- );font-size:var(--mod-badge-font-size,var(--spectrum-badge-font-size));line-height:var(
143
- --mod-badge-line-height,var(--spectrum-badge-line-height)
144
- );padding-block-end:var(
145
- --mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)
146
- );padding-block-start:var(
147
- --mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)
148
- );padding-inline-end:var(
149
- --mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)
150
- );padding-inline-start:var(
151
- --mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)
152
- )}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(
153
- --mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)
154
- )}[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(
155
- --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
156
- );color:var(
157
- --mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)
158
- );flex:0 0 var(
159
- --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
160
- );inline-size:var(
161
- --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
162
- );padding-block-end:var(
163
- --mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)
164
- );padding-block-start:var(
165
- --mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)
166
- );padding-inline-end:var(
167
- --mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)
168
- );padding-inline-start:var(
169
- --mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)
170
- )}[icon-only]::slotted(*){padding-inline-end:var(
171
- --mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)
172
- );padding-inline-start:var(
173
- --mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)
174
- )}:host{align-items:center}:host([fixed=left]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=right]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=top]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=bottom]){border-end-end-radius:0;border-end-start-radius:0}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}::slotted([slot=icon]){flex-shrink:0}.label slot{display:block;max-height:calc(var(--spectrum-badge-line-height)*var(--spectrum-badge-font-size)*2);overflow:hidden}[icon-only]+.label{display:none}
4
+ :host{--spectrum-badge-corner-radius:var(--spectrum-corner-radius-100);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color:var(--spectrum-white)}:host([variant=orange]),:host([variant=yellow]),:host([variant=chartreuse]),:host([variant=celery]){--spectrum-badge-label-icon-color:var(--spectrum-black)}:host([variant=gray]),:host([variant=red]),:host([variant=green]),:host([variant=seafoam]),:host([variant=cyan]),:host([variant=blue]),:host([variant=indigo]),:host([variant=purple]),:host([variant=fuchsia]),:host([variant=magenta]){--spectrum-badge-label-icon-color:var(--spectrum-badge-label-icon-color-primary)}:host{--spectrum-badge-background-color-default:var(--spectrum-neutral-subdued-background-color-default);--spectrum-badge-background-color-accent:var(--spectrum-accent-background-color-default);--spectrum-badge-background-color-informative:var(--spectrum-informative-background-color-default);--spectrum-badge-background-color-negative:var(--spectrum-negative-background-color-default);--spectrum-badge-background-color-positive:var(--spectrum-positive-background-color-default);--spectrum-badge-background-color-notice:var(--spectrum-notice-background-color-default);--spectrum-badge-background-color-gray:var(--spectrum-gray-background-color-default);--spectrum-badge-background-color-red:var(--spectrum-red-background-color-default);--spectrum-badge-background-color-orange:var(--spectrum-orange-background-color-default);--spectrum-badge-background-color-yellow:var(--spectrum-yellow-background-color-default);--spectrum-badge-background-color-chartreuse:var(--spectrum-chartreuse-background-color-default);--spectrum-badge-background-color-celery:var(--spectrum-celery-background-color-default);--spectrum-badge-background-color-green:var(--spectrum-green-background-color-default);--spectrum-badge-background-color-seafoam:var(--spectrum-seafoam-background-color-default);--spectrum-badge-background-color-cyan:var(--spectrum-cyan-background-color-default);--spectrum-badge-background-color-blue:var(--spectrum-blue-background-color-default);--spectrum-badge-background-color-indigo:var(--spectrum-indigo-background-color-default);--spectrum-badge-background-color-purple:var(--spectrum-purple-background-color-default);--spectrum-badge-background-color-fuchsia:var(--spectrum-fuchsia-background-color-default);--spectrum-badge-background-color-magenta:var(--spectrum-magenta-background-color-default);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-100);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-100);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-100);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-100);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-100)}:host([size=s]){--spectrum-badge-height:var(--spectrum-component-height-75);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-75);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-75);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-75);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-75);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-75)}:host([size=l]){--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-200);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-200);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-200);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-200);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-200)}:host([size=xl]){--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-300);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-300);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-300);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-300);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-300)}@media (forced-colors:active){:host{border-color:canvastext}}:host{min-block-size:var(--mod-badge-height,var(--spectrum-badge-height));vertical-align:middle;cursor:default;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;border-radius:var(--mod-badge-corner-radius,var(--spectrum-badge-corner-radius));background:var(--mod-badge-background-color-default,var(--spectrum-badge-background-color-default));color:var(--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color));border:1px solid #0000;inline-size:auto;display:inline-flex;position:relative}:host([variant=neutral]){background:var(--mod-badge-background-color-default,var(--spectrum-badge-background-color-default))}:host([variant=accent]){background:var(--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent))}:host([variant=informative]){background:var(--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative))}:host([variant=negative]){background:var(--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative))}:host([variant=positive]){background:var(--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive))}:host([variant=notice]){background:var(--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice))}:host([variant=gray]){background:var(--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray))}:host([variant=red]){background:var(--mod-badge-background-color-red,var(--spectrum-badge-background-color-red))}:host([variant=orange]){background:var(--mod-badge-background-color-orange,var(--spectrum-badge-background-color-orange))}:host([variant=yellow]){background:var(--mod-badge-background-color-yellow,var(--spectrum-badge-background-color-yellow))}:host([variant=chartreuse]){background:var(--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse))}:host([variant=celery]){background:var(--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery))}:host([variant=green]){background:var(--mod-badge-background-color-green,var(--spectrum-badge-background-color-green))}:host([variant=seafoam]){background:var(--mod-badge-background-color-seafoam,var(--spectrum-badge-background-color-seafoam))}:host([variant=cyan]){background:var(--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan))}:host([variant=blue]){background:var(--mod-badge-background-color-blue,var(--spectrum-badge-background-color-blue))}:host([variant=indigo]){background:var(--mod-badge-background-color-indigo,var(--spectrum-badge-background-color-indigo))}:host([variant=purple]){background:var(--mod-badge-background-color-purple,var(--spectrum-badge-background-color-purple))}:host([variant=fuchsia]){background:var(--mod-badge-background-color-fuchsia,var(--spectrum-badge-background-color-fuchsia))}:host([variant=magenta]){background:var(--mod-badge-background-color-magenta,var(--spectrum-badge-background-color-magenta))}:host([fixed=inline-start]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=inline-end]){border-start-end-radius:0;border-end-end-radius:0}:host([fixed=block-start]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{font-size:var(--mod-badge-font-size,var(--spectrum-badge-font-size));line-height:var(--mod-badge-line-height,var(--spectrum-badge-line-height));color:var(--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color));padding-block-start:var(--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top));padding-block-end:var(--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom));padding-inline-start:var(--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal));padding-inline-end:var(--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal))}.label:lang(ja),.label:lang(zh),.label:lang(ko){line-height:var(--mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk))}[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size));inline-size:var(--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size));flex:0 0 var(--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size));color:var(--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color));padding-block-start:var(--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top));padding-block-end:var(--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top));padding-inline-start:var(--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal));padding-inline-end:var(--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing))}[icon-only]::slotted(*){padding-inline-start:var(--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal));padding-inline-end:var(--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal))}:host{align-items:center}:host([fixed=left]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=right]){border-start-end-radius:0;border-end-end-radius:0}:host([fixed=top]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=bottom]){border-end-end-radius:0;border-end-start-radius:0}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}::slotted([slot=icon]){flex-shrink:0}.label slot{max-height:calc(var(--spectrum-badge-line-height)*var(--spectrum-badge-font-size)*2);display:block;overflow:hidden}[icon-only]+.label{display:none}
175
5
  `;
176
6
  export default styles;
177
7
  //# sourceMappingURL=badge.css.dev.js.map
package/src/badge.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["badge.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 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-badge-corner-radius:var(--spectrum-corner-radius-100);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color:var(--spectrum-white)}.spectrum-Badge--celery,.spectrum-Badge--chartreuse,.spectrum-Badge--orange,:host([variant=yellow]){--spectrum-badge-label-icon-color:var(--spectrum-black)}.spectrum-Badge--blue,.spectrum-Badge--cyan,.spectrum-Badge--gray,.spectrum-Badge--green,.spectrum-Badge--red,:host([variant=fuchsia]),:host([variant=indigo]),:host([variant=magenta]),:host([variant=purple]),:host([variant=seafoam]){--spectrum-badge-label-icon-color:var(\n--spectrum-badge-label-icon-color-primary\n)}:host{--spectrum-badge-background-color-default:var(\n--spectrum-neutral-subdued-background-color-default\n);--spectrum-badge-background-color-accent:var(\n--spectrum-accent-background-color-default\n);--spectrum-badge-background-color-informative:var(\n--spectrum-informative-background-color-default\n);--spectrum-badge-background-color-negative:var(\n--spectrum-negative-background-color-default\n);--spectrum-badge-background-color-positive:var(\n--spectrum-positive-background-color-default\n);--spectrum-badge-background-color-notice:var(\n--spectrum-notice-background-color-default\n);--spectrum-badge-background-color-gray:var(\n--spectrum-gray-background-color-default\n);--spectrum-badge-background-color-red:var(\n--spectrum-red-background-color-default\n);--spectrum-badge-background-color-orange:var(\n--spectrum-orange-background-color-default\n);--spectrum-badge-background-color-yellow:var(\n--spectrum-yellow-background-color-default\n);--spectrum-badge-background-color-chartreuse:var(\n--spectrum-chartreuse-background-color-default\n);--spectrum-badge-background-color-celery:var(\n--spectrum-celery-background-color-default\n);--spectrum-badge-background-color-green:var(\n--spectrum-green-background-color-default\n);--spectrum-badge-background-color-seafoam:var(\n--spectrum-seafoam-background-color-default\n);--spectrum-badge-background-color-cyan:var(\n--spectrum-cyan-background-color-default\n);--spectrum-badge-background-color-blue:var(\n--spectrum-blue-background-color-default\n);--spectrum-badge-background-color-indigo:var(\n--spectrum-indigo-background-color-default\n);--spectrum-badge-background-color-purple:var(\n--spectrum-purple-background-color-default\n);--spectrum-badge-background-color-fuchsia:var(\n--spectrum-fuchsia-background-color-default\n);--spectrum-badge-background-color-magenta:var(\n--spectrum-magenta-background-color-default\n);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-100\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-100\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-100\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-100\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-100\n)}:host([size=s]){--spectrum-badge-height:var(--spectrum-component-height-75);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-75\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-75\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-75\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-75\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-75\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-75\n)}:host([size=l]){--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-200\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-200\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-200\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-200\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-200\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-200\n)}:host([size=xl]){--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(\n--spectrum-component-top-to-text-300\n);--spectrum-badge-label-spacing-vertical-bottom:var(\n--spectrum-component-bottom-to-text-300\n);--spectrum-badge-label-spacing-horizontal:var(\n--spectrum-component-edge-to-text-300\n);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-300\n);--spectrum-badge-icon-spacing-vertical-top:var(\n--spectrum-component-top-to-workflow-icon-300\n);--spectrum-badge-icon-only-spacing-horizontal:var(\n--spectrum-component-edge-to-visual-only-300\n)}@media (forced-colors:active){:host{border-color:CanvasText}}:host{cursor:default;min-block-size:var(--mod-badge-height,var(--spectrum-badge-height));vertical-align:middle;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n);border:1px solid #0000;border-radius:var(\n--mod-badge-corner-radius,var(--spectrum-badge-corner-radius)\n);color:var(\n--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)\n);display:inline-flex;inline-size:auto;position:relative}:host([variant=neutral]){background:var(\n--mod-badge-background-color-default,var(--spectrum-badge-background-color-default)\n)}:host([variant=accent]){background:var(\n--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)\n)}:host([variant=informative]){background:var(\n--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)\n)}:host([variant=negative]){background:var(\n--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)\n)}:host([variant=positive]){background:var(\n--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)\n)}.spectrum-Badge--notice{background:var(\n--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice)\n)}.spectrum-Badge--gray{background:var(\n--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray)\n)}.spectrum-Badge--red{background:var(\n--mod-badge-background-color-red,var(--spectrum-badge-background-color-red)\n)}.spectrum-Badge--orange{background:var(\n--mod-badge-background-color-orange,var(--spectrum-badge-background-color-orange)\n)}:host([variant=yellow]){background:var(\n--mod-badge-background-color-yellow,var(--spectrum-badge-background-color-yellow)\n)}.spectrum-Badge--chartreuse{background:var(\n--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse)\n)}.spectrum-Badge--celery{background:var(\n--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery)\n)}.spectrum-Badge--green{background:var(\n--mod-badge-background-color-green,var(--spectrum-badge-background-color-green)\n)}:host([variant=seafoam]){background:var(\n--mod-badge-background-color-seafoam,var(--spectrum-badge-background-color-seafoam)\n)}.spectrum-Badge--cyan{background:var(\n--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan)\n)}.spectrum-Badge--blue{background:var(\n--mod-badge-background-color-blue,var(--spectrum-badge-background-color-blue)\n)}:host([variant=indigo]){background:var(\n--mod-badge-background-color-indigo,var(--spectrum-badge-background-color-indigo)\n)}:host([variant=purple]){background:var(\n--mod-badge-background-color-purple,var(--spectrum-badge-background-color-purple)\n)}:host([variant=fuchsia]){background:var(\n--mod-badge-background-color-fuchsia,var(--spectrum-badge-background-color-fuchsia)\n)}:host([variant=magenta]){background:var(\n--mod-badge-background-color-magenta,var(--spectrum-badge-background-color-magenta)\n)}:host([fixed=inline-start]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=inline-end]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=block-start]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{color:var(\n--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)\n);font-size:var(--mod-badge-font-size,var(--spectrum-badge-font-size));line-height:var(\n--mod-badge-line-height,var(--spectrum-badge-line-height)\n);padding-block-end:var(\n--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)\n);padding-block-start:var(\n--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)\n)}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(\n--mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)\n)}[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);color:var(\n--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)\n);flex:0 0 var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);inline-size:var(\n--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)\n);padding-block-end:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-block-start:var(\n--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)\n);padding-inline-end:var(\n--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)\n);padding-inline-start:var(\n--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)\n)}[icon-only]::slotted(*){padding-inline-end:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n);padding-inline-start:var(\n--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)\n)}:host{align-items:center}:host([fixed=left]){border-end-start-radius:0;border-start-start-radius:0}:host([fixed=right]){border-end-end-radius:0;border-start-end-radius:0}:host([fixed=top]){border-start-end-radius:0;border-start-start-radius:0}:host([fixed=bottom]){border-end-end-radius:0;border-end-start-radius:0}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}::slotted([slot=icon]){flex-shrink:0}.label slot{display:block;max-height:calc(var(--spectrum-badge-line-height)*var(--spectrum-badge-font-size)*2);overflow:hidden}[icon-only]+.label{display:none}\n`;\nexport default styles;"],
5
- "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Kf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2024 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-badge-corner-radius:var(--spectrum-corner-radius-100);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color:var(--spectrum-white)}:host([variant=orange]),:host([variant=yellow]),:host([variant=chartreuse]),:host([variant=celery]){--spectrum-badge-label-icon-color:var(--spectrum-black)}:host([variant=gray]),:host([variant=red]),:host([variant=green]),:host([variant=seafoam]),:host([variant=cyan]),:host([variant=blue]),:host([variant=indigo]),:host([variant=purple]),:host([variant=fuchsia]),:host([variant=magenta]){--spectrum-badge-label-icon-color:var(--spectrum-badge-label-icon-color-primary)}:host{--spectrum-badge-background-color-default:var(--spectrum-neutral-subdued-background-color-default);--spectrum-badge-background-color-accent:var(--spectrum-accent-background-color-default);--spectrum-badge-background-color-informative:var(--spectrum-informative-background-color-default);--spectrum-badge-background-color-negative:var(--spectrum-negative-background-color-default);--spectrum-badge-background-color-positive:var(--spectrum-positive-background-color-default);--spectrum-badge-background-color-notice:var(--spectrum-notice-background-color-default);--spectrum-badge-background-color-gray:var(--spectrum-gray-background-color-default);--spectrum-badge-background-color-red:var(--spectrum-red-background-color-default);--spectrum-badge-background-color-orange:var(--spectrum-orange-background-color-default);--spectrum-badge-background-color-yellow:var(--spectrum-yellow-background-color-default);--spectrum-badge-background-color-chartreuse:var(--spectrum-chartreuse-background-color-default);--spectrum-badge-background-color-celery:var(--spectrum-celery-background-color-default);--spectrum-badge-background-color-green:var(--spectrum-green-background-color-default);--spectrum-badge-background-color-seafoam:var(--spectrum-seafoam-background-color-default);--spectrum-badge-background-color-cyan:var(--spectrum-cyan-background-color-default);--spectrum-badge-background-color-blue:var(--spectrum-blue-background-color-default);--spectrum-badge-background-color-indigo:var(--spectrum-indigo-background-color-default);--spectrum-badge-background-color-purple:var(--spectrum-purple-background-color-default);--spectrum-badge-background-color-fuchsia:var(--spectrum-fuchsia-background-color-default);--spectrum-badge-background-color-magenta:var(--spectrum-magenta-background-color-default);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-100);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-100);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-100);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-100);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-100)}:host([size=s]){--spectrum-badge-height:var(--spectrum-component-height-75);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-75);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-75);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-75);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-75);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-75)}:host([size=l]){--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-200);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-200);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-200);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-200);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-200)}:host([size=xl]){--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-300);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-300);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-300);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-300);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-300)}@media (forced-colors:active){:host{border-color:canvastext}}:host{min-block-size:var(--mod-badge-height,var(--spectrum-badge-height));vertical-align:middle;cursor:default;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;border-radius:var(--mod-badge-corner-radius,var(--spectrum-badge-corner-radius));background:var(--mod-badge-background-color-default,var(--spectrum-badge-background-color-default));color:var(--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color));border:1px solid #0000;inline-size:auto;display:inline-flex;position:relative}:host([variant=neutral]){background:var(--mod-badge-background-color-default,var(--spectrum-badge-background-color-default))}:host([variant=accent]){background:var(--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent))}:host([variant=informative]){background:var(--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative))}:host([variant=negative]){background:var(--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative))}:host([variant=positive]){background:var(--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive))}:host([variant=notice]){background:var(--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice))}:host([variant=gray]){background:var(--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray))}:host([variant=red]){background:var(--mod-badge-background-color-red,var(--spectrum-badge-background-color-red))}:host([variant=orange]){background:var(--mod-badge-background-color-orange,var(--spectrum-badge-background-color-orange))}:host([variant=yellow]){background:var(--mod-badge-background-color-yellow,var(--spectrum-badge-background-color-yellow))}:host([variant=chartreuse]){background:var(--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse))}:host([variant=celery]){background:var(--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery))}:host([variant=green]){background:var(--mod-badge-background-color-green,var(--spectrum-badge-background-color-green))}:host([variant=seafoam]){background:var(--mod-badge-background-color-seafoam,var(--spectrum-badge-background-color-seafoam))}:host([variant=cyan]){background:var(--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan))}:host([variant=blue]){background:var(--mod-badge-background-color-blue,var(--spectrum-badge-background-color-blue))}:host([variant=indigo]){background:var(--mod-badge-background-color-indigo,var(--spectrum-badge-background-color-indigo))}:host([variant=purple]){background:var(--mod-badge-background-color-purple,var(--spectrum-badge-background-color-purple))}:host([variant=fuchsia]){background:var(--mod-badge-background-color-fuchsia,var(--spectrum-badge-background-color-fuchsia))}:host([variant=magenta]){background:var(--mod-badge-background-color-magenta,var(--spectrum-badge-background-color-magenta))}:host([fixed=inline-start]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=inline-end]){border-start-end-radius:0;border-end-end-radius:0}:host([fixed=block-start]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{font-size:var(--mod-badge-font-size,var(--spectrum-badge-font-size));line-height:var(--mod-badge-line-height,var(--spectrum-badge-line-height));color:var(--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color));padding-block-start:var(--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top));padding-block-end:var(--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom));padding-inline-start:var(--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal));padding-inline-end:var(--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal))}.label:lang(ja),.label:lang(zh),.label:lang(ko){line-height:var(--mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk))}[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size));inline-size:var(--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size));flex:0 0 var(--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size));color:var(--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color));padding-block-start:var(--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top));padding-block-end:var(--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top));padding-inline-start:var(--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal));padding-inline-end:var(--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing))}[icon-only]::slotted(*){padding-inline-start:var(--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal));padding-inline-end:var(--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal))}:host{align-items:center}:host([fixed=left]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=right]){border-start-end-radius:0;border-end-end-radius:0}:host([fixed=top]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=bottom]){border-end-end-radius:0;border-end-start-radius:0}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}::slotted([slot=icon]){flex-shrink:0}.label slot{max-height:calc(var(--spectrum-badge-line-height)*var(--spectrum-badge-font-size)*2);display:block;overflow:hidden}[icon-only]+.label{display:none}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }