@spectrum-web-components/badge 0.41.0 → 0.41.2

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 (9) hide show
  1. package/package.json +5 -5
  2. package/src/badge.css.dev.js +1 -171
  3. package/src/badge.css.dev.js.map +2 -2
  4. package/src/badge.css.js +1 -171
  5. package/src/badge.css.js.map +2 -2
  6. package/src/spectrum-badge.css.dev.js +1 -171
  7. package/src/spectrum-badge.css.dev.js.map +2 -2
  8. package/src/spectrum-badge.css.js +1 -171
  9. package/src/spectrum-badge.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/badge",
3
- "version": "0.41.0",
3
+ "version": "0.41.2",
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.0",
61
- "@spectrum-web-components/shared": "^0.41.0"
60
+ "@spectrum-web-components/base": "^0.41.2",
61
+ "@spectrum-web-components/shared": "^0.41.2"
62
62
  },
63
63
  "devDependencies": {
64
- "@spectrum-css/badge": "^3.2.0"
64
+ "@spectrum-css/badge": "^3.2.3"
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": "0bf38fd427adc39804b228a4c61de623e5ebb82e"
72
+ "gitHead": "78c3f16b08c9133c9e5ca88d0c9fef5ea7d2ab87"
73
73
  }
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-background-color-default:var(
5
- --spectrum-neutral-subdued-background-color-default
6
- );--spectrum-badge-background-color-accent:var(
7
- --spectrum-accent-background-color-default
8
- );--spectrum-badge-background-color-informative:var(
9
- --spectrum-informative-background-color-default
10
- );--spectrum-badge-background-color-negative:var(
11
- --spectrum-negative-background-color-default
12
- );--spectrum-badge-background-color-positive:var(
13
- --spectrum-positive-background-color-default
14
- );--spectrum-badge-background-color-notice:var(
15
- --spectrum-notice-background-color-default
16
- );--spectrum-badge-background-color-gray:var(
17
- --spectrum-gray-background-color-default
18
- );--spectrum-badge-background-color-red:var(
19
- --spectrum-red-background-color-default
20
- );--spectrum-badge-background-color-orange:var(
21
- --spectrum-orange-background-color-default
22
- );--spectrum-badge-background-color-yellow:var(
23
- --spectrum-yellow-background-color-default
24
- );--spectrum-badge-background-color-chartreuse:var(
25
- --spectrum-chartreuse-background-color-default
26
- );--spectrum-badge-background-color-celery:var(
27
- --spectrum-celery-background-color-default
28
- );--spectrum-badge-background-color-green:var(
29
- --spectrum-green-background-color-default
30
- );--spectrum-badge-background-color-seafoam:var(
31
- --spectrum-seafoam-background-color-default
32
- );--spectrum-badge-background-color-cyan:var(
33
- --spectrum-cyan-background-color-default
34
- );--spectrum-badge-background-color-blue:var(
35
- --spectrum-blue-background-color-default
36
- );--spectrum-badge-background-color-indigo:var(
37
- --spectrum-indigo-background-color-default
38
- );--spectrum-badge-background-color-purple:var(
39
- --spectrum-purple-background-color-default
40
- );--spectrum-badge-background-color-fuchsia:var(
41
- --spectrum-fuchsia-background-color-default
42
- );--spectrum-badge-background-color-magenta:var(
43
- --spectrum-magenta-background-color-default
44
- );--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(
45
- --spectrum-component-top-to-text-100
46
- );--spectrum-badge-label-spacing-vertical-bottom:var(
47
- --spectrum-component-bottom-to-text-100
48
- );--spectrum-badge-label-spacing-horizontal:var(
49
- --spectrum-component-edge-to-text-100
50
- );--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(
51
- --spectrum-component-edge-to-visual-100
52
- );--spectrum-badge-icon-spacing-vertical-top:var(
53
- --spectrum-component-top-to-workflow-icon-100
54
- );--spectrum-badge-icon-only-spacing-horizontal:var(
55
- --spectrum-component-edge-to-visual-only-100
56
- )}.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(
57
- --spectrum-badge-label-icon-color-primary
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;inline-size:auto;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;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)}.spectrum-Badge--orange,:host([variant=yellow]),.spectrum-Badge--chartreuse,.spectrum-Badge--celery{--spectrum-badge-label-icon-color:var(--spectrum-black)}.spectrum-Badge--gray,.spectrum-Badge--red,.spectrum-Badge--green,:host([variant=seafoam]),.spectrum-Badge--cyan,.spectrum-Badge--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))}.spectrum-Badge--notice{background:var(--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice))}.spectrum-Badge--gray{background:var(--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray))}.spectrum-Badge--red{background:var(--mod-badge-background-color-red,var(--spectrum-badge-background-color-red))}.spectrum-Badge--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))}.spectrum-Badge--chartreuse{background:var(--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse))}.spectrum-Badge--celery{background:var(--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery))}.spectrum-Badge--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))}.spectrum-Badge--cyan{background:var(--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan))}.spectrum-Badge--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-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)}.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([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;inline-size:auto;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;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)}.spectrum-Badge--orange,:host([variant=yellow]),.spectrum-Badge--chartreuse,.spectrum-Badge--celery{--spectrum-badge-label-icon-color:var(--spectrum-black)}.spectrum-Badge--gray,.spectrum-Badge--red,.spectrum-Badge--green,:host([variant=seafoam]),.spectrum-Badge--cyan,.spectrum-Badge--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))}.spectrum-Badge--notice{background:var(--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice))}.spectrum-Badge--gray{background:var(--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray))}.spectrum-Badge--red{background:var(--mod-badge-background-color-red,var(--spectrum-badge-background-color-red))}.spectrum-Badge--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))}.spectrum-Badge--chartreuse{background:var(--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse))}.spectrum-Badge--celery{background:var(--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery))}.spectrum-Badge--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))}.spectrum-Badge--cyan{background:var(--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan))}.spectrum-Badge--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
  }
package/src/badge.css.js CHANGED
@@ -1,174 +1,4 @@
1
1
  "use strict";import{css as e}from"@spectrum-web-components/base";const r=e`
2
- :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-background-color-default:var(
3
- --spectrum-neutral-subdued-background-color-default
4
- );--spectrum-badge-background-color-accent:var(
5
- --spectrum-accent-background-color-default
6
- );--spectrum-badge-background-color-informative:var(
7
- --spectrum-informative-background-color-default
8
- );--spectrum-badge-background-color-negative:var(
9
- --spectrum-negative-background-color-default
10
- );--spectrum-badge-background-color-positive:var(
11
- --spectrum-positive-background-color-default
12
- );--spectrum-badge-background-color-notice:var(
13
- --spectrum-notice-background-color-default
14
- );--spectrum-badge-background-color-gray:var(
15
- --spectrum-gray-background-color-default
16
- );--spectrum-badge-background-color-red:var(
17
- --spectrum-red-background-color-default
18
- );--spectrum-badge-background-color-orange:var(
19
- --spectrum-orange-background-color-default
20
- );--spectrum-badge-background-color-yellow:var(
21
- --spectrum-yellow-background-color-default
22
- );--spectrum-badge-background-color-chartreuse:var(
23
- --spectrum-chartreuse-background-color-default
24
- );--spectrum-badge-background-color-celery:var(
25
- --spectrum-celery-background-color-default
26
- );--spectrum-badge-background-color-green:var(
27
- --spectrum-green-background-color-default
28
- );--spectrum-badge-background-color-seafoam:var(
29
- --spectrum-seafoam-background-color-default
30
- );--spectrum-badge-background-color-cyan:var(
31
- --spectrum-cyan-background-color-default
32
- );--spectrum-badge-background-color-blue:var(
33
- --spectrum-blue-background-color-default
34
- );--spectrum-badge-background-color-indigo:var(
35
- --spectrum-indigo-background-color-default
36
- );--spectrum-badge-background-color-purple:var(
37
- --spectrum-purple-background-color-default
38
- );--spectrum-badge-background-color-fuchsia:var(
39
- --spectrum-fuchsia-background-color-default
40
- );--spectrum-badge-background-color-magenta:var(
41
- --spectrum-magenta-background-color-default
42
- );--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(
43
- --spectrum-component-top-to-text-100
44
- );--spectrum-badge-label-spacing-vertical-bottom:var(
45
- --spectrum-component-bottom-to-text-100
46
- );--spectrum-badge-label-spacing-horizontal:var(
47
- --spectrum-component-edge-to-text-100
48
- );--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(
49
- --spectrum-component-edge-to-visual-100
50
- );--spectrum-badge-icon-spacing-vertical-top:var(
51
- --spectrum-component-top-to-workflow-icon-100
52
- );--spectrum-badge-icon-only-spacing-horizontal:var(
53
- --spectrum-component-edge-to-visual-only-100
54
- )}.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(
55
- --spectrum-badge-label-icon-color-primary
56
- )}: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(
57
- --spectrum-component-top-to-text-75
58
- );--spectrum-badge-label-spacing-vertical-bottom:var(
59
- --spectrum-component-bottom-to-text-75
60
- );--spectrum-badge-label-spacing-horizontal:var(
61
- --spectrum-component-edge-to-text-75
62
- );--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(
63
- --spectrum-component-edge-to-visual-75
64
- );--spectrum-badge-icon-spacing-vertical-top:var(
65
- --spectrum-component-top-to-workflow-icon-75
66
- );--spectrum-badge-icon-only-spacing-horizontal:var(
67
- --spectrum-component-edge-to-visual-only-75
68
- )}: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(
69
- --spectrum-component-top-to-text-200
70
- );--spectrum-badge-label-spacing-vertical-bottom:var(
71
- --spectrum-component-bottom-to-text-200
72
- );--spectrum-badge-label-spacing-horizontal:var(
73
- --spectrum-component-edge-to-text-200
74
- );--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(
75
- --spectrum-component-edge-to-visual-200
76
- );--spectrum-badge-icon-spacing-vertical-top:var(
77
- --spectrum-component-top-to-workflow-icon-200
78
- );--spectrum-badge-icon-only-spacing-horizontal:var(
79
- --spectrum-component-edge-to-visual-only-200
80
- )}: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(
81
- --spectrum-component-top-to-text-300
82
- );--spectrum-badge-label-spacing-vertical-bottom:var(
83
- --spectrum-component-bottom-to-text-300
84
- );--spectrum-badge-label-spacing-horizontal:var(
85
- --spectrum-component-edge-to-text-300
86
- );--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(
87
- --spectrum-component-edge-to-visual-300
88
- );--spectrum-badge-icon-spacing-vertical-top:var(
89
- --spectrum-component-top-to-workflow-icon-300
90
- );--spectrum-badge-icon-only-spacing-horizontal:var(
91
- --spectrum-component-edge-to-visual-only-300
92
- )}@media (forced-colors:active){:host{border-color:CanvasText}}:host{cursor:default;inline-size:auto;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(
93
- --mod-badge-background-color-default,var(--spectrum-badge-background-color-default)
94
- );border:1px solid #0000;border-radius:var(
95
- --mod-badge-corner-radius,var(--spectrum-badge-corner-radius)
96
- );color:var(
97
- --mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)
98
- );display:inline-flex;position:relative}:host([variant=neutral]){background:var(
99
- --mod-badge-background-color-default,var(--spectrum-badge-background-color-default)
100
- )}:host([variant=accent]){background:var(
101
- --mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)
102
- )}:host([variant=informative]){background:var(
103
- --mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)
104
- )}:host([variant=negative]){background:var(
105
- --mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)
106
- )}:host([variant=positive]){background:var(
107
- --mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)
108
- )}.spectrum-Badge--notice{background:var(
109
- --mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice)
110
- )}.spectrum-Badge--gray{background:var(
111
- --mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray)
112
- )}.spectrum-Badge--red{background:var(
113
- --mod-badge-background-color-red,var(--spectrum-badge-background-color-red)
114
- )}.spectrum-Badge--orange{background:var(
115
- --mod-badge-background-color-orange,var(--spectrum-badge-background-color-orange)
116
- )}:host([variant=yellow]){background:var(
117
- --mod-badge-background-color-yellow,var(--spectrum-badge-background-color-yellow)
118
- )}.spectrum-Badge--chartreuse{background:var(
119
- --mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse)
120
- )}.spectrum-Badge--celery{background:var(
121
- --mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery)
122
- )}.spectrum-Badge--green{background:var(
123
- --mod-badge-background-color-green,var(--spectrum-badge-background-color-green)
124
- )}:host([variant=seafoam]){background:var(
125
- --mod-badge-background-color-seafoam,var(--spectrum-badge-background-color-seafoam)
126
- )}.spectrum-Badge--cyan{background:var(
127
- --mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan)
128
- )}.spectrum-Badge--blue{background:var(
129
- --mod-badge-background-color-blue,var(--spectrum-badge-background-color-blue)
130
- )}:host([variant=indigo]){background:var(
131
- --mod-badge-background-color-indigo,var(--spectrum-badge-background-color-indigo)
132
- )}:host([variant=purple]){background:var(
133
- --mod-badge-background-color-purple,var(--spectrum-badge-background-color-purple)
134
- )}:host([variant=fuchsia]){background:var(
135
- --mod-badge-background-color-fuchsia,var(--spectrum-badge-background-color-fuchsia)
136
- )}:host([variant=magenta]){background:var(
137
- --mod-badge-background-color-magenta,var(--spectrum-badge-background-color-magenta)
138
- )}: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(
139
- --mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)
140
- );font-size:var(--mod-badge-font-size,var(--spectrum-badge-font-size));line-height:var(
141
- --mod-badge-line-height,var(--spectrum-badge-line-height)
142
- );padding-block-end:var(
143
- --mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)
144
- );padding-block-start:var(
145
- --mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)
146
- );padding-inline-end:var(
147
- --mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)
148
- );padding-inline-start:var(
149
- --mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)
150
- )}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(
151
- --mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)
152
- )}[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(
153
- --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
154
- );color:var(
155
- --mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)
156
- );flex:0 0 var(
157
- --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
158
- );inline-size:var(
159
- --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
160
- );padding-block-end:var(
161
- --mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)
162
- );padding-block-start:var(
163
- --mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)
164
- );padding-inline-end:var(
165
- --mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)
166
- );padding-inline-start:var(
167
- --mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)
168
- )}[icon-only]::slotted(*){padding-inline-end:var(
169
- --mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)
170
- );padding-inline-start:var(
171
- --mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)
172
- )}: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}
2
+ :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--orange,:host([variant=yellow]),.spectrum-Badge--chartreuse,.spectrum-Badge--celery{--spectrum-badge-label-icon-color:var(--spectrum-black)}.spectrum-Badge--gray,.spectrum-Badge--red,.spectrum-Badge--green,:host([variant=seafoam]),.spectrum-Badge--cyan,.spectrum-Badge--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))}.spectrum-Badge--notice{background:var(--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice))}.spectrum-Badge--gray{background:var(--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray))}.spectrum-Badge--red{background:var(--mod-badge-background-color-red,var(--spectrum-badge-background-color-red))}.spectrum-Badge--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))}.spectrum-Badge--chartreuse{background:var(--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse))}.spectrum-Badge--celery{background:var(--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery))}.spectrum-Badge--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))}.spectrum-Badge--cyan{background:var(--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan))}.spectrum-Badge--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}
173
3
  `;export default r;
174
4
  //# sourceMappingURL=badge.css.js.map
package/src/badge.css.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-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)}.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([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;inline-size:auto;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;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,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6Kf,eAAeC",
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--orange,:host([variant=yellow]),.spectrum-Badge--chartreuse,.spectrum-Badge--celery{--spectrum-badge-label-icon-color:var(--spectrum-black)}.spectrum-Badge--gray,.spectrum-Badge--red,.spectrum-Badge--green,:host([variant=seafoam]),.spectrum-Badge--cyan,.spectrum-Badge--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))}.spectrum-Badge--notice{background:var(--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice))}.spectrum-Badge--gray{background:var(--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray))}.spectrum-Badge--red{background:var(--mod-badge-background-color-red,var(--spectrum-badge-background-color-red))}.spectrum-Badge--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))}.spectrum-Badge--chartreuse{background:var(--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse))}.spectrum-Badge--celery{background:var(--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery))}.spectrum-Badge--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))}.spectrum-Badge--cyan{background:var(--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan))}.spectrum-Badge--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,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-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-background-color-default:var(
5
- --spectrum-neutral-subdued-background-color-default
6
- );--spectrum-badge-background-color-accent:var(
7
- --spectrum-accent-background-color-default
8
- );--spectrum-badge-background-color-informative:var(
9
- --spectrum-informative-background-color-default
10
- );--spectrum-badge-background-color-negative:var(
11
- --spectrum-negative-background-color-default
12
- );--spectrum-badge-background-color-positive:var(
13
- --spectrum-positive-background-color-default
14
- );--spectrum-badge-background-color-notice:var(
15
- --spectrum-notice-background-color-default
16
- );--spectrum-badge-background-color-gray:var(
17
- --spectrum-gray-background-color-default
18
- );--spectrum-badge-background-color-red:var(
19
- --spectrum-red-background-color-default
20
- );--spectrum-badge-background-color-orange:var(
21
- --spectrum-orange-background-color-default
22
- );--spectrum-badge-background-color-yellow:var(
23
- --spectrum-yellow-background-color-default
24
- );--spectrum-badge-background-color-chartreuse:var(
25
- --spectrum-chartreuse-background-color-default
26
- );--spectrum-badge-background-color-celery:var(
27
- --spectrum-celery-background-color-default
28
- );--spectrum-badge-background-color-green:var(
29
- --spectrum-green-background-color-default
30
- );--spectrum-badge-background-color-seafoam:var(
31
- --spectrum-seafoam-background-color-default
32
- );--spectrum-badge-background-color-cyan:var(
33
- --spectrum-cyan-background-color-default
34
- );--spectrum-badge-background-color-blue:var(
35
- --spectrum-blue-background-color-default
36
- );--spectrum-badge-background-color-indigo:var(
37
- --spectrum-indigo-background-color-default
38
- );--spectrum-badge-background-color-purple:var(
39
- --spectrum-purple-background-color-default
40
- );--spectrum-badge-background-color-fuchsia:var(
41
- --spectrum-fuchsia-background-color-default
42
- );--spectrum-badge-background-color-magenta:var(
43
- --spectrum-magenta-background-color-default
44
- );--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(
45
- --spectrum-component-top-to-text-100
46
- );--spectrum-badge-label-spacing-vertical-bottom:var(
47
- --spectrum-component-bottom-to-text-100
48
- );--spectrum-badge-label-spacing-horizontal:var(
49
- --spectrum-component-edge-to-text-100
50
- );--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(
51
- --spectrum-component-edge-to-visual-100
52
- );--spectrum-badge-icon-spacing-vertical-top:var(
53
- --spectrum-component-top-to-workflow-icon-100
54
- );--spectrum-badge-icon-only-spacing-horizontal:var(
55
- --spectrum-component-edge-to-visual-only-100
56
- )}.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(
57
- --spectrum-badge-label-icon-color-primary
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;inline-size:auto;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;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
- )}
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--orange,:host([variant=yellow]),.spectrum-Badge--chartreuse,.spectrum-Badge--celery{--spectrum-badge-label-icon-color:var(--spectrum-black)}.spectrum-Badge--gray,.spectrum-Badge--red,.spectrum-Badge--green,:host([variant=seafoam]),.spectrum-Badge--cyan,.spectrum-Badge--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))}.spectrum-Badge--notice{background:var(--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice))}.spectrum-Badge--gray{background:var(--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray))}.spectrum-Badge--red{background:var(--mod-badge-background-color-red,var(--spectrum-badge-background-color-red))}.spectrum-Badge--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))}.spectrum-Badge--chartreuse{background:var(--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse))}.spectrum-Badge--celery{background:var(--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery))}.spectrum-Badge--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))}.spectrum-Badge--cyan{background:var(--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan))}.spectrum-Badge--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))}
175
5
  `;
176
6
  export default styles;
177
7
  //# sourceMappingURL=spectrum-badge.css.dev.js.map
package/src/spectrum-badge.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-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-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)}.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([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;inline-size:auto;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;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)}\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)}.spectrum-Badge--orange,:host([variant=yellow]),.spectrum-Badge--chartreuse,.spectrum-Badge--celery{--spectrum-badge-label-icon-color:var(--spectrum-black)}.spectrum-Badge--gray,.spectrum-Badge--red,.spectrum-Badge--green,:host([variant=seafoam]),.spectrum-Badge--cyan,.spectrum-Badge--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))}.spectrum-Badge--notice{background:var(--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice))}.spectrum-Badge--gray{background:var(--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray))}.spectrum-Badge--red{background:var(--mod-badge-background-color-red,var(--spectrum-badge-background-color-red))}.spectrum-Badge--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))}.spectrum-Badge--chartreuse{background:var(--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse))}.spectrum-Badge--celery{background:var(--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery))}.spectrum-Badge--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))}.spectrum-Badge--cyan{background:var(--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan))}.spectrum-Badge--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))}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-badge.css.js CHANGED
@@ -1,174 +1,4 @@
1
1
  "use strict";import{css as e}from"@spectrum-web-components/base";const a=e`
2
- :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-background-color-default:var(
3
- --spectrum-neutral-subdued-background-color-default
4
- );--spectrum-badge-background-color-accent:var(
5
- --spectrum-accent-background-color-default
6
- );--spectrum-badge-background-color-informative:var(
7
- --spectrum-informative-background-color-default
8
- );--spectrum-badge-background-color-negative:var(
9
- --spectrum-negative-background-color-default
10
- );--spectrum-badge-background-color-positive:var(
11
- --spectrum-positive-background-color-default
12
- );--spectrum-badge-background-color-notice:var(
13
- --spectrum-notice-background-color-default
14
- );--spectrum-badge-background-color-gray:var(
15
- --spectrum-gray-background-color-default
16
- );--spectrum-badge-background-color-red:var(
17
- --spectrum-red-background-color-default
18
- );--spectrum-badge-background-color-orange:var(
19
- --spectrum-orange-background-color-default
20
- );--spectrum-badge-background-color-yellow:var(
21
- --spectrum-yellow-background-color-default
22
- );--spectrum-badge-background-color-chartreuse:var(
23
- --spectrum-chartreuse-background-color-default
24
- );--spectrum-badge-background-color-celery:var(
25
- --spectrum-celery-background-color-default
26
- );--spectrum-badge-background-color-green:var(
27
- --spectrum-green-background-color-default
28
- );--spectrum-badge-background-color-seafoam:var(
29
- --spectrum-seafoam-background-color-default
30
- );--spectrum-badge-background-color-cyan:var(
31
- --spectrum-cyan-background-color-default
32
- );--spectrum-badge-background-color-blue:var(
33
- --spectrum-blue-background-color-default
34
- );--spectrum-badge-background-color-indigo:var(
35
- --spectrum-indigo-background-color-default
36
- );--spectrum-badge-background-color-purple:var(
37
- --spectrum-purple-background-color-default
38
- );--spectrum-badge-background-color-fuchsia:var(
39
- --spectrum-fuchsia-background-color-default
40
- );--spectrum-badge-background-color-magenta:var(
41
- --spectrum-magenta-background-color-default
42
- );--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(
43
- --spectrum-component-top-to-text-100
44
- );--spectrum-badge-label-spacing-vertical-bottom:var(
45
- --spectrum-component-bottom-to-text-100
46
- );--spectrum-badge-label-spacing-horizontal:var(
47
- --spectrum-component-edge-to-text-100
48
- );--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(
49
- --spectrum-component-edge-to-visual-100
50
- );--spectrum-badge-icon-spacing-vertical-top:var(
51
- --spectrum-component-top-to-workflow-icon-100
52
- );--spectrum-badge-icon-only-spacing-horizontal:var(
53
- --spectrum-component-edge-to-visual-only-100
54
- )}.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(
55
- --spectrum-badge-label-icon-color-primary
56
- )}: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(
57
- --spectrum-component-top-to-text-75
58
- );--spectrum-badge-label-spacing-vertical-bottom:var(
59
- --spectrum-component-bottom-to-text-75
60
- );--spectrum-badge-label-spacing-horizontal:var(
61
- --spectrum-component-edge-to-text-75
62
- );--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(
63
- --spectrum-component-edge-to-visual-75
64
- );--spectrum-badge-icon-spacing-vertical-top:var(
65
- --spectrum-component-top-to-workflow-icon-75
66
- );--spectrum-badge-icon-only-spacing-horizontal:var(
67
- --spectrum-component-edge-to-visual-only-75
68
- )}: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(
69
- --spectrum-component-top-to-text-200
70
- );--spectrum-badge-label-spacing-vertical-bottom:var(
71
- --spectrum-component-bottom-to-text-200
72
- );--spectrum-badge-label-spacing-horizontal:var(
73
- --spectrum-component-edge-to-text-200
74
- );--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(
75
- --spectrum-component-edge-to-visual-200
76
- );--spectrum-badge-icon-spacing-vertical-top:var(
77
- --spectrum-component-top-to-workflow-icon-200
78
- );--spectrum-badge-icon-only-spacing-horizontal:var(
79
- --spectrum-component-edge-to-visual-only-200
80
- )}: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(
81
- --spectrum-component-top-to-text-300
82
- );--spectrum-badge-label-spacing-vertical-bottom:var(
83
- --spectrum-component-bottom-to-text-300
84
- );--spectrum-badge-label-spacing-horizontal:var(
85
- --spectrum-component-edge-to-text-300
86
- );--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(
87
- --spectrum-component-edge-to-visual-300
88
- );--spectrum-badge-icon-spacing-vertical-top:var(
89
- --spectrum-component-top-to-workflow-icon-300
90
- );--spectrum-badge-icon-only-spacing-horizontal:var(
91
- --spectrum-component-edge-to-visual-only-300
92
- )}@media (forced-colors:active){:host{border-color:CanvasText}}:host{cursor:default;inline-size:auto;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(
93
- --mod-badge-background-color-default,var(--spectrum-badge-background-color-default)
94
- );border:1px solid #0000;border-radius:var(
95
- --mod-badge-corner-radius,var(--spectrum-badge-corner-radius)
96
- );color:var(
97
- --mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)
98
- );display:inline-flex;position:relative}:host([variant=neutral]){background:var(
99
- --mod-badge-background-color-default,var(--spectrum-badge-background-color-default)
100
- )}:host([variant=accent]){background:var(
101
- --mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent)
102
- )}:host([variant=informative]){background:var(
103
- --mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative)
104
- )}:host([variant=negative]){background:var(
105
- --mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative)
106
- )}:host([variant=positive]){background:var(
107
- --mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive)
108
- )}.spectrum-Badge--notice{background:var(
109
- --mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice)
110
- )}.spectrum-Badge--gray{background:var(
111
- --mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray)
112
- )}.spectrum-Badge--red{background:var(
113
- --mod-badge-background-color-red,var(--spectrum-badge-background-color-red)
114
- )}.spectrum-Badge--orange{background:var(
115
- --mod-badge-background-color-orange,var(--spectrum-badge-background-color-orange)
116
- )}:host([variant=yellow]){background:var(
117
- --mod-badge-background-color-yellow,var(--spectrum-badge-background-color-yellow)
118
- )}.spectrum-Badge--chartreuse{background:var(
119
- --mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse)
120
- )}.spectrum-Badge--celery{background:var(
121
- --mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery)
122
- )}.spectrum-Badge--green{background:var(
123
- --mod-badge-background-color-green,var(--spectrum-badge-background-color-green)
124
- )}:host([variant=seafoam]){background:var(
125
- --mod-badge-background-color-seafoam,var(--spectrum-badge-background-color-seafoam)
126
- )}.spectrum-Badge--cyan{background:var(
127
- --mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan)
128
- )}.spectrum-Badge--blue{background:var(
129
- --mod-badge-background-color-blue,var(--spectrum-badge-background-color-blue)
130
- )}:host([variant=indigo]){background:var(
131
- --mod-badge-background-color-indigo,var(--spectrum-badge-background-color-indigo)
132
- )}:host([variant=purple]){background:var(
133
- --mod-badge-background-color-purple,var(--spectrum-badge-background-color-purple)
134
- )}:host([variant=fuchsia]){background:var(
135
- --mod-badge-background-color-fuchsia,var(--spectrum-badge-background-color-fuchsia)
136
- )}:host([variant=magenta]){background:var(
137
- --mod-badge-background-color-magenta,var(--spectrum-badge-background-color-magenta)
138
- )}: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(
139
- --mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)
140
- );font-size:var(--mod-badge-font-size,var(--spectrum-badge-font-size));line-height:var(
141
- --mod-badge-line-height,var(--spectrum-badge-line-height)
142
- );padding-block-end:var(
143
- --mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom)
144
- );padding-block-start:var(
145
- --mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top)
146
- );padding-inline-end:var(
147
- --mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)
148
- );padding-inline-start:var(
149
- --mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal)
150
- )}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(
151
- --mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk)
152
- )}[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(
153
- --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
154
- );color:var(
155
- --mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color)
156
- );flex:0 0 var(
157
- --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
158
- );inline-size:var(
159
- --mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size)
160
- );padding-block-end:var(
161
- --mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)
162
- );padding-block-start:var(
163
- --mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top)
164
- );padding-inline-end:var(
165
- --mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing)
166
- );padding-inline-start:var(
167
- --mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal)
168
- )}[icon-only]::slotted(*){padding-inline-end:var(
169
- --mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)
170
- );padding-inline-start:var(
171
- --mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal)
172
- )}
2
+ :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--orange,:host([variant=yellow]),.spectrum-Badge--chartreuse,.spectrum-Badge--celery{--spectrum-badge-label-icon-color:var(--spectrum-black)}.spectrum-Badge--gray,.spectrum-Badge--red,.spectrum-Badge--green,:host([variant=seafoam]),.spectrum-Badge--cyan,.spectrum-Badge--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))}.spectrum-Badge--notice{background:var(--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice))}.spectrum-Badge--gray{background:var(--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray))}.spectrum-Badge--red{background:var(--mod-badge-background-color-red,var(--spectrum-badge-background-color-red))}.spectrum-Badge--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))}.spectrum-Badge--chartreuse{background:var(--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse))}.spectrum-Badge--celery{background:var(--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery))}.spectrum-Badge--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))}.spectrum-Badge--cyan{background:var(--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan))}.spectrum-Badge--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))}
173
3
  `;export default a;
174
4
  //# sourceMappingURL=spectrum-badge.css.js.map
package/src/spectrum-badge.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-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-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)}.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([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;inline-size:auto;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;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)}\n`;\nexport default styles;"],
5
- "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6Kf,eAAeC",
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--orange,:host([variant=yellow]),.spectrum-Badge--chartreuse,.spectrum-Badge--celery{--spectrum-badge-label-icon-color:var(--spectrum-black)}.spectrum-Badge--gray,.spectrum-Badge--red,.spectrum-Badge--green,:host([variant=seafoam]),.spectrum-Badge--cyan,.spectrum-Badge--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))}.spectrum-Badge--notice{background:var(--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice))}.spectrum-Badge--gray{background:var(--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray))}.spectrum-Badge--red{background:var(--mod-badge-background-color-red,var(--spectrum-badge-background-color-red))}.spectrum-Badge--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))}.spectrum-Badge--chartreuse{background:var(--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse))}.spectrum-Badge--celery{background:var(--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery))}.spectrum-Badge--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))}.spectrum-Badge--cyan{background:var(--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan))}.spectrum-Badge--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))}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }