@spectrum-web-components/badge 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +113 -0
  3. package/custom-elements.json +107 -0
  4. package/package.json +60 -0
  5. package/sp-badge.d.ts +6 -0
  6. package/sp-badge.js +14 -0
  7. package/sp-badge.js.map +1 -0
  8. package/src/Badge.d.ts +22 -0
  9. package/src/Badge.js +55 -0
  10. package/src/Badge.js.map +1 -0
  11. package/src/badge.css.d.ts +2 -0
  12. package/src/badge.css.js +213 -0
  13. package/src/badge.css.js.map +1 -0
  14. package/src/index.d.ts +1 -0
  15. package/src/index.js +13 -0
  16. package/src/index.js.map +1 -0
  17. package/src/spectrum-badge.css.d.ts +2 -0
  18. package/src/spectrum-badge.css.js +181 -0
  19. package/src/spectrum-badge.css.js.map +1 -0
  20. package/src/spectrum-config.js +69 -0
  21. package/stories/badge.stories.js +138 -0
  22. package/stories/badge.stories.js.map +1 -0
  23. package/test/badge.test-vrt.js +15 -0
  24. package/test/badge.test-vrt.js.map +1 -0
  25. package/test/badge.test.js +29 -0
  26. package/test/badge.test.js.map +1 -0
  27. package/test/benchmark/basic-test.js +22 -0
  28. package/test/benchmark/basic-test.js.map +1 -0
package/src/badge.css.js ADDED
@@ -0,0 +1,213 @@
1
+ /*
2
+ Copyright 2022 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import { css } from '@spectrum-web-components/base';
13
+ const styles = css `
14
+ :host([size=s]){--spectrum-badge-neutral-textonly-text-padding-bottom:var(
15
+ --spectrum-badge-s-neutral-textonly-text-padding-bottom
16
+ );--spectrum-badge-neutral-textonly-text-size:var(
17
+ --spectrum-badge-s-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-75)
18
+ );--spectrum-badge-neutral-textonly-text-padding-top:var(
19
+ --spectrum-badge-s-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)
20
+ );--spectrum-badge-neutral-textonly-text-line-height:var(
21
+ --spectrum-badge-s-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
22
+ );--spectrum-badge-neutral-textonly-border-top-left-radius:var(
23
+ --spectrum-badge-s-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)
24
+ );--spectrum-badge-neutral-textonly-border-top-right-radius:var(
25
+ --spectrum-badge-s-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)
26
+ );--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(
27
+ --spectrum-badge-s-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)
28
+ );--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(
29
+ --spectrum-badge-s-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)
30
+ );--spectrum-badge-neutral-textonly-padding-right:var(
31
+ --spectrum-badge-s-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-115)
32
+ );--spectrum-badge-neutral-textonly-padding-left:var(
33
+ --spectrum-badge-s-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-115)
34
+ )}:host([size=m]){--spectrum-badge-neutral-textonly-text-size:var(
35
+ --spectrum-badge-m-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-100)
36
+ );--spectrum-badge-neutral-textonly-text-padding-top:var(
37
+ --spectrum-badge-m-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)
38
+ );--spectrum-badge-neutral-textonly-text-padding-bottom:var(
39
+ --spectrum-badge-m-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-115)
40
+ );--spectrum-badge-neutral-textonly-text-line-height:var(
41
+ --spectrum-badge-m-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
42
+ );--spectrum-badge-neutral-textonly-border-top-left-radius:var(
43
+ --spectrum-badge-m-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)
44
+ );--spectrum-badge-neutral-textonly-border-top-right-radius:var(
45
+ --spectrum-badge-m-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)
46
+ );--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(
47
+ --spectrum-badge-m-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)
48
+ );--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(
49
+ --spectrum-badge-m-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)
50
+ );--spectrum-badge-neutral-textonly-padding-right:var(
51
+ --spectrum-badge-m-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-150)
52
+ );--spectrum-badge-neutral-textonly-padding-left:var(
53
+ --spectrum-badge-m-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-150)
54
+ )}:host([size=l]){--spectrum-badge-neutral-textonly-text-padding-top:var(
55
+ --spectrum-badge-l-neutral-textonly-text-padding-top
56
+ );--spectrum-badge-neutral-textonly-text-size:var(
57
+ --spectrum-badge-l-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-200)
58
+ );--spectrum-badge-neutral-textonly-text-padding-bottom:var(
59
+ --spectrum-badge-l-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)
60
+ );--spectrum-badge-neutral-textonly-text-line-height:var(
61
+ --spectrum-badge-l-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
62
+ );--spectrum-badge-neutral-textonly-border-top-left-radius:var(
63
+ --spectrum-badge-l-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)
64
+ );--spectrum-badge-neutral-textonly-border-top-right-radius:var(
65
+ --spectrum-badge-l-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)
66
+ );--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(
67
+ --spectrum-badge-l-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)
68
+ );--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(
69
+ --spectrum-badge-l-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)
70
+ );--spectrum-badge-neutral-textonly-padding-right:var(
71
+ --spectrum-badge-l-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-185)
72
+ );--spectrum-badge-neutral-textonly-padding-left:var(
73
+ --spectrum-badge-l-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-185)
74
+ )}:host([size=xl]){--spectrum-badge-neutral-textonly-text-size:var(
75
+ --spectrum-badge-xl-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-300)
76
+ );--spectrum-badge-neutral-textonly-text-padding-top:var(
77
+ --spectrum-badge-xl-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-150)
78
+ );--spectrum-badge-neutral-textonly-text-padding-bottom:var(
79
+ --spectrum-badge-xl-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-175)
80
+ );--spectrum-badge-neutral-textonly-text-line-height:var(
81
+ --spectrum-badge-xl-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
82
+ );--spectrum-badge-neutral-textonly-border-top-left-radius:var(
83
+ --spectrum-badge-xl-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)
84
+ );--spectrum-badge-neutral-textonly-border-top-right-radius:var(
85
+ --spectrum-badge-xl-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)
86
+ );--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(
87
+ --spectrum-badge-xl-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)
88
+ );--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(
89
+ --spectrum-badge-xl-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)
90
+ );--spectrum-badge-neutral-textonly-padding-right:var(
91
+ --spectrum-badge-xl-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-225)
92
+ );--spectrum-badge-neutral-textonly-padding-left:var(
93
+ --spectrum-badge-xl-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-225)
94
+ )}:host([dir=ltr]){padding-left:var(
95
+ --spectrum-badge-neutral-textonly-padding-right
96
+ );padding-right:var(--spectrum-badge-neutral-textonly-padding-left)}:host([dir=rtl]){padding-left:var(--spectrum-badge-neutral-textonly-padding-left);padding-right:var(
97
+ --spectrum-badge-neutral-textonly-padding-right
98
+ )}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;border-radius:var(--spectrum-badge-neutral-textonly-border-top-left-radius) var(--spectrum-badge-neutral-textonly-border-top-right-radius) var(--spectrum-badge-neutral-textonly-border-bottom-right-radius) var(--spectrum-badge-neutral-textonly-border-bottom-left-radius);cursor:default;display:inline-block;font-size:var(--spectrum-badge-neutral-textonly-text-size);line-height:var(--spectrum-badge-neutral-textonly-text-line-height);padding-bottom:var(--spectrum-badge-neutral-textonly-text-padding-bottom);padding-top:var(--spectrum-badge-neutral-textonly-text-padding-top);position:relative;width:auto}:host([variant=neutral]){--spectrum-badge-m-texticon-text-color:var(
99
+ --spectrum-badge-m-neutral-texticon-text-color,var(--spectrum-global-color-static-white)
100
+ );--spectrum-badge-m-textonly-background-color:var(
101
+ --spectrum-badge-m-neutral-textonly-background-color,var(--spectrum-semantic-neutral-background-color-default)
102
+ );--spectrum-badge-m-textonly-text-color-hover:var(
103
+ --spectrum-badge-m-neutral-textonly-text-color-hover,var(--spectrum-global-color-static-white)
104
+ );--spectrum-badge-m-textonly-background-color-hover:var(
105
+ --spectrum-badge-m-neutral-textonly-background-color-hover,var(--spectrum-semantic-neutral-background-color-hover)
106
+ )}:host([variant=informative]){--spectrum-badge-m-texticon-text-color:var(
107
+ --spectrum-badge-m-informative-texticon-text-color,var(--spectrum-global-color-static-white)
108
+ );--spectrum-badge-m-textonly-background-color:var(
109
+ --spectrum-badge-m-informative-textonly-background-color,var(--spectrum-semantic-informative-background-color-default)
110
+ );--spectrum-badge-m-textonly-text-color-hover:var(
111
+ --spectrum-badge-m-informative-textonly-text-color-hover,var(--spectrum-global-color-static-white)
112
+ );--spectrum-badge-m-textonly-background-color-hover:var(
113
+ --spectrum-badge-m-informative-textonly-background-color-hover,var(--spectrum-semantic-informative-background-color-hover)
114
+ )}:host([variant=positive]){--spectrum-badge-m-texticon-text-color:var(
115
+ --spectrum-badge-m-positive-texticon-text-color,var(--spectrum-global-color-static-white)
116
+ );--spectrum-badge-m-textonly-background-color:var(
117
+ --spectrum-badge-m-positive-textonly-background-color,var(--spectrum-semantic-positive-background-color-default)
118
+ );--spectrum-badge-m-textonly-text-color-hover:var(
119
+ --spectrum-badge-m-positive-textonly-text-color-hover,var(--spectrum-global-color-static-white)
120
+ );--spectrum-badge-m-textonly-background-color-hover:var(
121
+ --spectrum-badge-m-positive-textonly-background-color-hover,var(--spectrum-semantic-positive-background-color-hover)
122
+ )}:host([variant=negative]){--spectrum-badge-m-texticon-text-color:var(
123
+ --spectrum-badge-m-negative-texticon-text-color,var(--spectrum-global-color-static-white)
124
+ );--spectrum-badge-m-textonly-background-color:var(
125
+ --spectrum-badge-m-negative-textonly-background-color,var(--spectrum-semantic-negative-background-color-default)
126
+ );--spectrum-badge-m-textonly-text-color-hover:var(
127
+ --spectrum-badge-m-negative-textonly-text-color-hover,var(--spectrum-global-color-static-white)
128
+ );--spectrum-badge-m-textonly-background-color-hover:var(
129
+ --spectrum-badge-m-negative-textonly-background-color-hover,var(--spectrum-semantic-negative-background-color-hover)
130
+ )}:host([variant=fuchsia]){--spectrum-badge-m-texticon-text-color:var(
131
+ --spectrum-badge-m-fuchsia-texticon-text-color,var(--spectrum-global-color-static-white)
132
+ );--spectrum-badge-m-textonly-background-color:var(
133
+ --spectrum-badge-m-fuchsia-textonly-background-color,var(--spectrum-global-color-static-fuchsia-600)
134
+ );--spectrum-badge-m-textonly-text-color-hover:var(
135
+ --spectrum-badge-m-fuchsia-textonly-text-color-hover,var(--spectrum-global-color-static-white)
136
+ );--spectrum-badge-m-textonly-background-color-hover:var(
137
+ --spectrum-badge-m-fuchsia-textonly-background-color-hover,var(--spectrum-global-color-static-fuchsia-700)
138
+ )}:host([variant=indigo]){--spectrum-badge-m-texticon-text-color:var(
139
+ --spectrum-badge-m-indigo-texticon-text-color,var(--spectrum-global-color-static-white)
140
+ );--spectrum-badge-m-textonly-background-color:var(
141
+ --spectrum-badge-m-indigo-textonly-background-color,var(--spectrum-global-color-static-indigo-600)
142
+ );--spectrum-badge-m-textonly-text-color-hover:var(
143
+ --spectrum-badge-m-indigo-textonly-text-color-hover,var(--spectrum-global-color-static-white)
144
+ );--spectrum-badge-m-textonly-background-color-hover:var(
145
+ --spectrum-badge-m-indigo-textonly-background-color-hover,var(--spectrum-global-color-static-indigo-700)
146
+ )}:host([variant=magenta]){--spectrum-badge-m-texticon-text-color:var(
147
+ --spectrum-badge-m-magenta-texticon-text-color,var(--spectrum-global-color-static-white)
148
+ );--spectrum-badge-m-textonly-background-color:var(
149
+ --spectrum-badge-m-magenta-textonly-background-color,var(--spectrum-global-color-static-magenta-600)
150
+ );--spectrum-badge-m-textonly-text-color-hover:var(
151
+ --spectrum-badge-m-magenta-textonly-text-color-hover,var(--spectrum-global-color-static-white)
152
+ );--spectrum-badge-m-textonly-background-color-hover:var(
153
+ --spectrum-badge-m-magenta-textonly-background-color-hover,var(--spectrum-global-color-static-magenta-700)
154
+ )}:host([variant=purple]){--spectrum-badge-m-texticon-text-color:var(
155
+ --spectrum-badge-m-purple-texticon-text-color,var(--spectrum-global-color-static-white)
156
+ );--spectrum-badge-m-textonly-background-color:var(
157
+ --spectrum-badge-m-purple-textonly-background-color,var(--spectrum-global-color-static-purple-600)
158
+ );--spectrum-badge-m-textonly-text-color-hover:var(
159
+ --spectrum-badge-m-purple-textonly-text-color-hover,var(--spectrum-global-color-static-white)
160
+ );--spectrum-badge-m-textonly-background-color-hover:var(
161
+ --spectrum-badge-m-purple-textonly-background-color-hover,var(--spectrum-global-color-static-purple-700)
162
+ )}:host([variant=seafoam]){--spectrum-badge-m-texticon-text-color:var(
163
+ --spectrum-badge-m-seafoam-texticon-text-color,var(--spectrum-global-color-static-white)
164
+ );--spectrum-badge-m-textonly-background-color:var(
165
+ --spectrum-badge-m-seafoam-textonly-background-color,var(--spectrum-global-color-static-seafoam-600)
166
+ );--spectrum-badge-m-textonly-text-color-hover:var(
167
+ --spectrum-badge-m-seafoam-textonly-text-color-hover,var(--spectrum-global-color-static-white)
168
+ );--spectrum-badge-m-textonly-background-color-hover:var(
169
+ --spectrum-badge-m-seafoam-textonly-background-color-hover,var(--spectrum-global-color-static-seafoam-700)
170
+ )}:host([variant=yellow]){--spectrum-badge-m-texticon-text-color:var(
171
+ --spectrum-badge-m-yellow-texticon-text-color,var(--spectrum-global-color-static-black)
172
+ );--spectrum-badge-m-textonly-background-color:var(
173
+ --spectrum-badge-m-yellow-textonly-background-color,var(--spectrum-alias-background-color-yellow-default)
174
+ );--spectrum-badge-m-textonly-text-color-hover:var(
175
+ --spectrum-badge-m-yellow-textonly-text-color-hover,var(--spectrum-global-color-static-black)
176
+ );--spectrum-badge-m-textonly-background-color-hover:var(
177
+ --spectrum-badge-m-yellow-textonly-background-color-hover,var(--spectrum-alias-background-color-yellow-hover)
178
+ )}:host{background-color:var(--spectrum-badge-m-textonly-background-color);color:var(--spectrum-badge-m-texticon-text-color)}:host{align-items:center;display:inline-flex}:host([fixed=top]){--spectrum-badge-neutral-textonly-border-top-left-radius:0;--spectrum-badge-neutral-textonly-border-top-right-radius:0}:host([fixed=right]){--spectrum-badge-neutral-textonly-border-top-right-radius:0;--spectrum-badge-neutral-textonly-border-bottom-right-radius:0}:host([fixed=bottom]){--spectrum-badge-neutral-textonly-border-bottom-left-radius:0;--spectrum-badge-neutral-textonly-border-bottom-right-radius:0}:host([fixed=left]){--spectrum-badge-neutral-textonly-border-top-left-radius:0;--spectrum-badge-neutral-textonly-border-bottom-left-radius:0}:host([size=s]){--spectrum-icon-tshirt-size-height:var(
179
+ --spectrum-alias-workflow-icon-size-s
180
+ );--spectrum-icon-tshirt-size-width:var(
181
+ --spectrum-alias-workflow-icon-size-s
182
+ );--spectrum-ui-icon-tshirt-size-height:var(
183
+ --spectrum-alias-ui-icon-cornertriangle-size-75
184
+ );--spectrum-ui-icon-tshirt-size-width:var(
185
+ --spectrum-alias-ui-icon-cornertriangle-size-75
186
+ )}:host([size=m]){--spectrum-icon-tshirt-size-height:var(
187
+ --spectrum-alias-workflow-icon-size-m
188
+ );--spectrum-icon-tshirt-size-width:var(
189
+ --spectrum-alias-workflow-icon-size-m
190
+ );--spectrum-ui-icon-tshirt-size-height:var(
191
+ --spectrum-alias-ui-icon-cornertriangle-size-100
192
+ );--spectrum-ui-icon-tshirt-size-width:var(
193
+ --spectrum-alias-ui-icon-cornertriangle-size-100
194
+ )}:host([size=l]){--spectrum-icon-tshirt-size-height:var(
195
+ --spectrum-alias-workflow-icon-size-l
196
+ );--spectrum-icon-tshirt-size-width:var(
197
+ --spectrum-alias-workflow-icon-size-l
198
+ );--spectrum-ui-icon-tshirt-size-height:var(
199
+ --spectrum-alias-ui-icon-cornertriangle-size-200
200
+ );--spectrum-ui-icon-tshirt-size-width:var(
201
+ --spectrum-alias-ui-icon-cornertriangle-size-200
202
+ )}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(
203
+ --spectrum-alias-workflow-icon-size-xl
204
+ );--spectrum-icon-tshirt-size-width:var(
205
+ --spectrum-alias-workflow-icon-size-xl
206
+ );--spectrum-ui-icon-tshirt-size-height:var(
207
+ --spectrum-alias-ui-icon-cornertriangle-size-300
208
+ );--spectrum-ui-icon-tshirt-size-width:var(
209
+ --spectrum-alias-ui-icon-cornertriangle-size-300
210
+ )}::slotted([slot=icon]){flex-shrink:0;margin-right:calc(var(--spectrum-badge-neutral-textonly-padding-left)/2)}slot[icon-only]::slotted([slot=icon]){margin-left:calc(var(--spectrum-badge-neutral-textonly-text-padding-bottom) - var(--spectrum-badge-neutral-textonly-padding-left));margin-right:calc(var(--spectrum-badge-neutral-textonly-text-padding-bottom) - var(--spectrum-badge-neutral-textonly-padding-left))}#label{max-height:calc(var(--spectrum-badge-neutral-textonly-text-line-height)*var(--spectrum-badge-neutral-textonly-text-size)*2);overflow:hidden}
211
+ `;
212
+ export default styles;
213
+ //# sourceMappingURL=badge.css.js.map
package/src/badge.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.css.js","sourceRoot":"","sources":["badge.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsMjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2022 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([size=s]){--spectrum-badge-neutral-textonly-text-padding-bottom:var(\n--spectrum-badge-s-neutral-textonly-text-padding-bottom\n);--spectrum-badge-neutral-textonly-text-size:var(\n--spectrum-badge-s-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-badge-neutral-textonly-text-padding-top:var(\n--spectrum-badge-s-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)\n);--spectrum-badge-neutral-textonly-text-line-height:var(\n--spectrum-badge-s-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-badge-neutral-textonly-border-top-left-radius:var(\n--spectrum-badge-s-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-top-right-radius:var(\n--spectrum-badge-s-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(\n--spectrum-badge-s-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(\n--spectrum-badge-s-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-padding-right:var(\n--spectrum-badge-s-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-115)\n);--spectrum-badge-neutral-textonly-padding-left:var(\n--spectrum-badge-s-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-115)\n)}:host([size=m]){--spectrum-badge-neutral-textonly-text-size:var(\n--spectrum-badge-m-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-badge-neutral-textonly-text-padding-top:var(\n--spectrum-badge-m-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-badge-neutral-textonly-text-padding-bottom:var(\n--spectrum-badge-m-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-115)\n);--spectrum-badge-neutral-textonly-text-line-height:var(\n--spectrum-badge-m-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-badge-neutral-textonly-border-top-left-radius:var(\n--spectrum-badge-m-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-top-right-radius:var(\n--spectrum-badge-m-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(\n--spectrum-badge-m-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(\n--spectrum-badge-m-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-padding-right:var(\n--spectrum-badge-m-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-badge-neutral-textonly-padding-left:var(\n--spectrum-badge-m-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-150)\n)}:host([size=l]){--spectrum-badge-neutral-textonly-text-padding-top:var(\n--spectrum-badge-l-neutral-textonly-text-padding-top\n);--spectrum-badge-neutral-textonly-text-size:var(\n--spectrum-badge-l-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-200)\n);--spectrum-badge-neutral-textonly-text-padding-bottom:var(\n--spectrum-badge-l-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)\n);--spectrum-badge-neutral-textonly-text-line-height:var(\n--spectrum-badge-l-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-badge-neutral-textonly-border-top-left-radius:var(\n--spectrum-badge-l-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-top-right-radius:var(\n--spectrum-badge-l-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(\n--spectrum-badge-l-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(\n--spectrum-badge-l-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-padding-right:var(\n--spectrum-badge-l-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-185)\n);--spectrum-badge-neutral-textonly-padding-left:var(\n--spectrum-badge-l-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-185)\n)}:host([size=xl]){--spectrum-badge-neutral-textonly-text-size:var(\n--spectrum-badge-xl-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-300)\n);--spectrum-badge-neutral-textonly-text-padding-top:var(\n--spectrum-badge-xl-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-150)\n);--spectrum-badge-neutral-textonly-text-padding-bottom:var(\n--spectrum-badge-xl-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-175)\n);--spectrum-badge-neutral-textonly-text-line-height:var(\n--spectrum-badge-xl-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-badge-neutral-textonly-border-top-left-radius:var(\n--spectrum-badge-xl-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-top-right-radius:var(\n--spectrum-badge-xl-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(\n--spectrum-badge-xl-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(\n--spectrum-badge-xl-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-padding-right:var(\n--spectrum-badge-xl-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-225)\n);--spectrum-badge-neutral-textonly-padding-left:var(\n--spectrum-badge-xl-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-225)\n)}:host([dir=ltr]){padding-left:var(\n--spectrum-badge-neutral-textonly-padding-right\n);padding-right:var(--spectrum-badge-neutral-textonly-padding-left)}:host([dir=rtl]){padding-left:var(--spectrum-badge-neutral-textonly-padding-left);padding-right:var(\n--spectrum-badge-neutral-textonly-padding-right\n)}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;border-radius:var(--spectrum-badge-neutral-textonly-border-top-left-radius) var(--spectrum-badge-neutral-textonly-border-top-right-radius) var(--spectrum-badge-neutral-textonly-border-bottom-right-radius) var(--spectrum-badge-neutral-textonly-border-bottom-left-radius);cursor:default;display:inline-block;font-size:var(--spectrum-badge-neutral-textonly-text-size);line-height:var(--spectrum-badge-neutral-textonly-text-line-height);padding-bottom:var(--spectrum-badge-neutral-textonly-text-padding-bottom);padding-top:var(--spectrum-badge-neutral-textonly-text-padding-top);position:relative;width:auto}:host([variant=neutral]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-neutral-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-neutral-textonly-background-color,var(--spectrum-semantic-neutral-background-color-default)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-neutral-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-neutral-textonly-background-color-hover,var(--spectrum-semantic-neutral-background-color-hover)\n)}:host([variant=informative]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-informative-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-informative-textonly-background-color,var(--spectrum-semantic-informative-background-color-default)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-informative-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-informative-textonly-background-color-hover,var(--spectrum-semantic-informative-background-color-hover)\n)}:host([variant=positive]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-positive-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-positive-textonly-background-color,var(--spectrum-semantic-positive-background-color-default)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-positive-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-positive-textonly-background-color-hover,var(--spectrum-semantic-positive-background-color-hover)\n)}:host([variant=negative]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-negative-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-negative-textonly-background-color,var(--spectrum-semantic-negative-background-color-default)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-negative-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-negative-textonly-background-color-hover,var(--spectrum-semantic-negative-background-color-hover)\n)}:host([variant=fuchsia]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-fuchsia-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-fuchsia-textonly-background-color,var(--spectrum-global-color-static-fuchsia-600)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-fuchsia-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-fuchsia-textonly-background-color-hover,var(--spectrum-global-color-static-fuchsia-700)\n)}:host([variant=indigo]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-indigo-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-indigo-textonly-background-color,var(--spectrum-global-color-static-indigo-600)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-indigo-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-indigo-textonly-background-color-hover,var(--spectrum-global-color-static-indigo-700)\n)}:host([variant=magenta]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-magenta-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-magenta-textonly-background-color,var(--spectrum-global-color-static-magenta-600)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-magenta-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-magenta-textonly-background-color-hover,var(--spectrum-global-color-static-magenta-700)\n)}:host([variant=purple]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-purple-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-purple-textonly-background-color,var(--spectrum-global-color-static-purple-600)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-purple-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-purple-textonly-background-color-hover,var(--spectrum-global-color-static-purple-700)\n)}:host([variant=seafoam]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-seafoam-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-seafoam-textonly-background-color,var(--spectrum-global-color-static-seafoam-600)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-seafoam-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-seafoam-textonly-background-color-hover,var(--spectrum-global-color-static-seafoam-700)\n)}:host([variant=yellow]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-yellow-texticon-text-color,var(--spectrum-global-color-static-black)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-yellow-textonly-background-color,var(--spectrum-alias-background-color-yellow-default)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-yellow-textonly-text-color-hover,var(--spectrum-global-color-static-black)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-yellow-textonly-background-color-hover,var(--spectrum-alias-background-color-yellow-hover)\n)}:host{background-color:var(--spectrum-badge-m-textonly-background-color);color:var(--spectrum-badge-m-texticon-text-color)}:host{align-items:center;display:inline-flex}:host([fixed=top]){--spectrum-badge-neutral-textonly-border-top-left-radius:0;--spectrum-badge-neutral-textonly-border-top-right-radius:0}:host([fixed=right]){--spectrum-badge-neutral-textonly-border-top-right-radius:0;--spectrum-badge-neutral-textonly-border-bottom-right-radius:0}:host([fixed=bottom]){--spectrum-badge-neutral-textonly-border-bottom-left-radius:0;--spectrum-badge-neutral-textonly-border-bottom-right-radius:0}:host([fixed=left]){--spectrum-badge-neutral-textonly-border-top-left-radius:0;--spectrum-badge-neutral-textonly-border-bottom-left-radius:0}:host([size=s]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-s\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75\n)}:host([size=m]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-m\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n)}:host([size=l]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-l\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200\n)}:host([size=xl]){--spectrum-icon-tshirt-size-height:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-icon-tshirt-size-width:var(\n--spectrum-alias-workflow-icon-size-xl\n);--spectrum-ui-icon-tshirt-size-height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n);--spectrum-ui-icon-tshirt-size-width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}::slotted([slot=icon]){flex-shrink:0;margin-right:calc(var(--spectrum-badge-neutral-textonly-padding-left)/2)}slot[icon-only]::slotted([slot=icon]){margin-left:calc(var(--spectrum-badge-neutral-textonly-text-padding-bottom) - var(--spectrum-badge-neutral-textonly-padding-left));margin-right:calc(var(--spectrum-badge-neutral-textonly-text-padding-bottom) - var(--spectrum-badge-neutral-textonly-padding-left))}#label{max-height:calc(var(--spectrum-badge-neutral-textonly-text-line-height)*var(--spectrum-badge-neutral-textonly-text-size)*2);overflow:hidden}\n`;\nexport default styles;"]}
package/src/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './Badge.js';
package/src/index.js ADDED
@@ -0,0 +1,13 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ export * from './Badge.js';
13
+ //# sourceMappingURL=index.js.map
package/src/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,cAAc,YAAY,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nexport * from './Badge.js';\n"]}
package/src/spectrum-badge.css.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const styles: import("@spectrum-web-components/base").CSSResult;
2
+ export default styles;
package/src/spectrum-badge.css.js ADDED
@@ -0,0 +1,181 @@
1
+ /*
2
+ Copyright 2022 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import { css } from '@spectrum-web-components/base';
13
+ const styles = css `
14
+ :host([size=s]){--spectrum-badge-neutral-textonly-text-padding-bottom:var(
15
+ --spectrum-badge-s-neutral-textonly-text-padding-bottom
16
+ );--spectrum-badge-neutral-textonly-text-size:var(
17
+ --spectrum-badge-s-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-75)
18
+ );--spectrum-badge-neutral-textonly-text-padding-top:var(
19
+ --spectrum-badge-s-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)
20
+ );--spectrum-badge-neutral-textonly-text-line-height:var(
21
+ --spectrum-badge-s-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
22
+ );--spectrum-badge-neutral-textonly-border-top-left-radius:var(
23
+ --spectrum-badge-s-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)
24
+ );--spectrum-badge-neutral-textonly-border-top-right-radius:var(
25
+ --spectrum-badge-s-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)
26
+ );--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(
27
+ --spectrum-badge-s-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)
28
+ );--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(
29
+ --spectrum-badge-s-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)
30
+ );--spectrum-badge-neutral-textonly-padding-right:var(
31
+ --spectrum-badge-s-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-115)
32
+ );--spectrum-badge-neutral-textonly-padding-left:var(
33
+ --spectrum-badge-s-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-115)
34
+ )}:host([size=m]){--spectrum-badge-neutral-textonly-text-size:var(
35
+ --spectrum-badge-m-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-100)
36
+ );--spectrum-badge-neutral-textonly-text-padding-top:var(
37
+ --spectrum-badge-m-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)
38
+ );--spectrum-badge-neutral-textonly-text-padding-bottom:var(
39
+ --spectrum-badge-m-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-115)
40
+ );--spectrum-badge-neutral-textonly-text-line-height:var(
41
+ --spectrum-badge-m-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
42
+ );--spectrum-badge-neutral-textonly-border-top-left-radius:var(
43
+ --spectrum-badge-m-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)
44
+ );--spectrum-badge-neutral-textonly-border-top-right-radius:var(
45
+ --spectrum-badge-m-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)
46
+ );--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(
47
+ --spectrum-badge-m-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)
48
+ );--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(
49
+ --spectrum-badge-m-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)
50
+ );--spectrum-badge-neutral-textonly-padding-right:var(
51
+ --spectrum-badge-m-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-150)
52
+ );--spectrum-badge-neutral-textonly-padding-left:var(
53
+ --spectrum-badge-m-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-150)
54
+ )}:host([size=l]){--spectrum-badge-neutral-textonly-text-padding-top:var(
55
+ --spectrum-badge-l-neutral-textonly-text-padding-top
56
+ );--spectrum-badge-neutral-textonly-text-size:var(
57
+ --spectrum-badge-l-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-200)
58
+ );--spectrum-badge-neutral-textonly-text-padding-bottom:var(
59
+ --spectrum-badge-l-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)
60
+ );--spectrum-badge-neutral-textonly-text-line-height:var(
61
+ --spectrum-badge-l-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
62
+ );--spectrum-badge-neutral-textonly-border-top-left-radius:var(
63
+ --spectrum-badge-l-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)
64
+ );--spectrum-badge-neutral-textonly-border-top-right-radius:var(
65
+ --spectrum-badge-l-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)
66
+ );--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(
67
+ --spectrum-badge-l-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)
68
+ );--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(
69
+ --spectrum-badge-l-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)
70
+ );--spectrum-badge-neutral-textonly-padding-right:var(
71
+ --spectrum-badge-l-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-185)
72
+ );--spectrum-badge-neutral-textonly-padding-left:var(
73
+ --spectrum-badge-l-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-185)
74
+ )}:host([size=xl]){--spectrum-badge-neutral-textonly-text-size:var(
75
+ --spectrum-badge-xl-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-300)
76
+ );--spectrum-badge-neutral-textonly-text-padding-top:var(
77
+ --spectrum-badge-xl-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-150)
78
+ );--spectrum-badge-neutral-textonly-text-padding-bottom:var(
79
+ --spectrum-badge-xl-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-175)
80
+ );--spectrum-badge-neutral-textonly-text-line-height:var(
81
+ --spectrum-badge-xl-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)
82
+ );--spectrum-badge-neutral-textonly-border-top-left-radius:var(
83
+ --spectrum-badge-xl-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)
84
+ );--spectrum-badge-neutral-textonly-border-top-right-radius:var(
85
+ --spectrum-badge-xl-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)
86
+ );--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(
87
+ --spectrum-badge-xl-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)
88
+ );--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(
89
+ --spectrum-badge-xl-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)
90
+ );--spectrum-badge-neutral-textonly-padding-right:var(
91
+ --spectrum-badge-xl-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-225)
92
+ );--spectrum-badge-neutral-textonly-padding-left:var(
93
+ --spectrum-badge-xl-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-225)
94
+ )}:host([dir=ltr]){padding-left:var(
95
+ --spectrum-badge-neutral-textonly-padding-right
96
+ );padding-right:var(--spectrum-badge-neutral-textonly-padding-left)}:host([dir=rtl]){padding-left:var(--spectrum-badge-neutral-textonly-padding-left);padding-right:var(
97
+ --spectrum-badge-neutral-textonly-padding-right
98
+ )}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;border-radius:var(--spectrum-badge-neutral-textonly-border-top-left-radius) var(--spectrum-badge-neutral-textonly-border-top-right-radius) var(--spectrum-badge-neutral-textonly-border-bottom-right-radius) var(--spectrum-badge-neutral-textonly-border-bottom-left-radius);cursor:default;display:inline-block;font-size:var(--spectrum-badge-neutral-textonly-text-size);line-height:var(--spectrum-badge-neutral-textonly-text-line-height);padding-bottom:var(--spectrum-badge-neutral-textonly-text-padding-bottom);padding-top:var(--spectrum-badge-neutral-textonly-text-padding-top);position:relative;width:auto}:host([variant=neutral]){--spectrum-badge-m-texticon-text-color:var(
99
+ --spectrum-badge-m-neutral-texticon-text-color,var(--spectrum-global-color-static-white)
100
+ );--spectrum-badge-m-textonly-background-color:var(
101
+ --spectrum-badge-m-neutral-textonly-background-color,var(--spectrum-semantic-neutral-background-color-default)
102
+ );--spectrum-badge-m-textonly-text-color-hover:var(
103
+ --spectrum-badge-m-neutral-textonly-text-color-hover,var(--spectrum-global-color-static-white)
104
+ );--spectrum-badge-m-textonly-background-color-hover:var(
105
+ --spectrum-badge-m-neutral-textonly-background-color-hover,var(--spectrum-semantic-neutral-background-color-hover)
106
+ )}:host([variant=informative]){--spectrum-badge-m-texticon-text-color:var(
107
+ --spectrum-badge-m-informative-texticon-text-color,var(--spectrum-global-color-static-white)
108
+ );--spectrum-badge-m-textonly-background-color:var(
109
+ --spectrum-badge-m-informative-textonly-background-color,var(--spectrum-semantic-informative-background-color-default)
110
+ );--spectrum-badge-m-textonly-text-color-hover:var(
111
+ --spectrum-badge-m-informative-textonly-text-color-hover,var(--spectrum-global-color-static-white)
112
+ );--spectrum-badge-m-textonly-background-color-hover:var(
113
+ --spectrum-badge-m-informative-textonly-background-color-hover,var(--spectrum-semantic-informative-background-color-hover)
114
+ )}:host([variant=positive]){--spectrum-badge-m-texticon-text-color:var(
115
+ --spectrum-badge-m-positive-texticon-text-color,var(--spectrum-global-color-static-white)
116
+ );--spectrum-badge-m-textonly-background-color:var(
117
+ --spectrum-badge-m-positive-textonly-background-color,var(--spectrum-semantic-positive-background-color-default)
118
+ );--spectrum-badge-m-textonly-text-color-hover:var(
119
+ --spectrum-badge-m-positive-textonly-text-color-hover,var(--spectrum-global-color-static-white)
120
+ );--spectrum-badge-m-textonly-background-color-hover:var(
121
+ --spectrum-badge-m-positive-textonly-background-color-hover,var(--spectrum-semantic-positive-background-color-hover)
122
+ )}:host([variant=negative]){--spectrum-badge-m-texticon-text-color:var(
123
+ --spectrum-badge-m-negative-texticon-text-color,var(--spectrum-global-color-static-white)
124
+ );--spectrum-badge-m-textonly-background-color:var(
125
+ --spectrum-badge-m-negative-textonly-background-color,var(--spectrum-semantic-negative-background-color-default)
126
+ );--spectrum-badge-m-textonly-text-color-hover:var(
127
+ --spectrum-badge-m-negative-textonly-text-color-hover,var(--spectrum-global-color-static-white)
128
+ );--spectrum-badge-m-textonly-background-color-hover:var(
129
+ --spectrum-badge-m-negative-textonly-background-color-hover,var(--spectrum-semantic-negative-background-color-hover)
130
+ )}:host([variant=fuchsia]){--spectrum-badge-m-texticon-text-color:var(
131
+ --spectrum-badge-m-fuchsia-texticon-text-color,var(--spectrum-global-color-static-white)
132
+ );--spectrum-badge-m-textonly-background-color:var(
133
+ --spectrum-badge-m-fuchsia-textonly-background-color,var(--spectrum-global-color-static-fuchsia-600)
134
+ );--spectrum-badge-m-textonly-text-color-hover:var(
135
+ --spectrum-badge-m-fuchsia-textonly-text-color-hover,var(--spectrum-global-color-static-white)
136
+ );--spectrum-badge-m-textonly-background-color-hover:var(
137
+ --spectrum-badge-m-fuchsia-textonly-background-color-hover,var(--spectrum-global-color-static-fuchsia-700)
138
+ )}:host([variant=indigo]){--spectrum-badge-m-texticon-text-color:var(
139
+ --spectrum-badge-m-indigo-texticon-text-color,var(--spectrum-global-color-static-white)
140
+ );--spectrum-badge-m-textonly-background-color:var(
141
+ --spectrum-badge-m-indigo-textonly-background-color,var(--spectrum-global-color-static-indigo-600)
142
+ );--spectrum-badge-m-textonly-text-color-hover:var(
143
+ --spectrum-badge-m-indigo-textonly-text-color-hover,var(--spectrum-global-color-static-white)
144
+ );--spectrum-badge-m-textonly-background-color-hover:var(
145
+ --spectrum-badge-m-indigo-textonly-background-color-hover,var(--spectrum-global-color-static-indigo-700)
146
+ )}:host([variant=magenta]){--spectrum-badge-m-texticon-text-color:var(
147
+ --spectrum-badge-m-magenta-texticon-text-color,var(--spectrum-global-color-static-white)
148
+ );--spectrum-badge-m-textonly-background-color:var(
149
+ --spectrum-badge-m-magenta-textonly-background-color,var(--spectrum-global-color-static-magenta-600)
150
+ );--spectrum-badge-m-textonly-text-color-hover:var(
151
+ --spectrum-badge-m-magenta-textonly-text-color-hover,var(--spectrum-global-color-static-white)
152
+ );--spectrum-badge-m-textonly-background-color-hover:var(
153
+ --spectrum-badge-m-magenta-textonly-background-color-hover,var(--spectrum-global-color-static-magenta-700)
154
+ )}:host([variant=purple]){--spectrum-badge-m-texticon-text-color:var(
155
+ --spectrum-badge-m-purple-texticon-text-color,var(--spectrum-global-color-static-white)
156
+ );--spectrum-badge-m-textonly-background-color:var(
157
+ --spectrum-badge-m-purple-textonly-background-color,var(--spectrum-global-color-static-purple-600)
158
+ );--spectrum-badge-m-textonly-text-color-hover:var(
159
+ --spectrum-badge-m-purple-textonly-text-color-hover,var(--spectrum-global-color-static-white)
160
+ );--spectrum-badge-m-textonly-background-color-hover:var(
161
+ --spectrum-badge-m-purple-textonly-background-color-hover,var(--spectrum-global-color-static-purple-700)
162
+ )}:host([variant=seafoam]){--spectrum-badge-m-texticon-text-color:var(
163
+ --spectrum-badge-m-seafoam-texticon-text-color,var(--spectrum-global-color-static-white)
164
+ );--spectrum-badge-m-textonly-background-color:var(
165
+ --spectrum-badge-m-seafoam-textonly-background-color,var(--spectrum-global-color-static-seafoam-600)
166
+ );--spectrum-badge-m-textonly-text-color-hover:var(
167
+ --spectrum-badge-m-seafoam-textonly-text-color-hover,var(--spectrum-global-color-static-white)
168
+ );--spectrum-badge-m-textonly-background-color-hover:var(
169
+ --spectrum-badge-m-seafoam-textonly-background-color-hover,var(--spectrum-global-color-static-seafoam-700)
170
+ )}:host([variant=yellow]){--spectrum-badge-m-texticon-text-color:var(
171
+ --spectrum-badge-m-yellow-texticon-text-color,var(--spectrum-global-color-static-black)
172
+ );--spectrum-badge-m-textonly-background-color:var(
173
+ --spectrum-badge-m-yellow-textonly-background-color,var(--spectrum-alias-background-color-yellow-default)
174
+ );--spectrum-badge-m-textonly-text-color-hover:var(
175
+ --spectrum-badge-m-yellow-textonly-text-color-hover,var(--spectrum-global-color-static-black)
176
+ );--spectrum-badge-m-textonly-background-color-hover:var(
177
+ --spectrum-badge-m-yellow-textonly-background-color-hover,var(--spectrum-alias-background-color-yellow-hover)
178
+ )}:host{background-color:var(--spectrum-badge-m-textonly-background-color);color:var(--spectrum-badge-m-texticon-text-color)}
179
+ `;
180
+ export default styles;
181
+ //# sourceMappingURL=spectrum-badge.css.js.map
package/src/spectrum-badge.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spectrum-badge.css.js","sourceRoot":"","sources":["spectrum-badge.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsKjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2022 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([size=s]){--spectrum-badge-neutral-textonly-text-padding-bottom:var(\n--spectrum-badge-s-neutral-textonly-text-padding-bottom\n);--spectrum-badge-neutral-textonly-text-size:var(\n--spectrum-badge-s-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-badge-neutral-textonly-text-padding-top:var(\n--spectrum-badge-s-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-static-size-50)\n);--spectrum-badge-neutral-textonly-text-line-height:var(\n--spectrum-badge-s-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-badge-neutral-textonly-border-top-left-radius:var(\n--spectrum-badge-s-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-top-right-radius:var(\n--spectrum-badge-s-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(\n--spectrum-badge-s-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(\n--spectrum-badge-s-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-padding-right:var(\n--spectrum-badge-s-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-115)\n);--spectrum-badge-neutral-textonly-padding-left:var(\n--spectrum-badge-s-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-115)\n)}:host([size=m]){--spectrum-badge-neutral-textonly-text-size:var(\n--spectrum-badge-m-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-badge-neutral-textonly-text-padding-top:var(\n--spectrum-badge-m-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-badge-neutral-textonly-text-padding-bottom:var(\n--spectrum-badge-m-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-115)\n);--spectrum-badge-neutral-textonly-text-line-height:var(\n--spectrum-badge-m-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-badge-neutral-textonly-border-top-left-radius:var(\n--spectrum-badge-m-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-top-right-radius:var(\n--spectrum-badge-m-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(\n--spectrum-badge-m-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(\n--spectrum-badge-m-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-padding-right:var(\n--spectrum-badge-m-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-badge-neutral-textonly-padding-left:var(\n--spectrum-badge-m-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-150)\n)}:host([size=l]){--spectrum-badge-neutral-textonly-text-padding-top:var(\n--spectrum-badge-l-neutral-textonly-text-padding-top\n);--spectrum-badge-neutral-textonly-text-size:var(\n--spectrum-badge-l-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-200)\n);--spectrum-badge-neutral-textonly-text-padding-bottom:var(\n--spectrum-badge-l-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)\n);--spectrum-badge-neutral-textonly-text-line-height:var(\n--spectrum-badge-l-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-badge-neutral-textonly-border-top-left-radius:var(\n--spectrum-badge-l-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-top-right-radius:var(\n--spectrum-badge-l-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(\n--spectrum-badge-l-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(\n--spectrum-badge-l-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-padding-right:var(\n--spectrum-badge-l-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-185)\n);--spectrum-badge-neutral-textonly-padding-left:var(\n--spectrum-badge-l-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-185)\n)}:host([size=xl]){--spectrum-badge-neutral-textonly-text-size:var(\n--spectrum-badge-xl-neutral-textonly-text-size,var(--spectrum-global-dimension-font-size-300)\n);--spectrum-badge-neutral-textonly-text-padding-top:var(\n--spectrum-badge-xl-neutral-textonly-text-padding-top,var(--spectrum-global-dimension-size-150)\n);--spectrum-badge-neutral-textonly-text-padding-bottom:var(\n--spectrum-badge-xl-neutral-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-175)\n);--spectrum-badge-neutral-textonly-text-line-height:var(\n--spectrum-badge-xl-neutral-textonly-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-badge-neutral-textonly-border-top-left-radius:var(\n--spectrum-badge-xl-neutral-textonly-border-top-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-top-right-radius:var(\n--spectrum-badge-xl-neutral-textonly-border-top-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-right-radius:var(\n--spectrum-badge-xl-neutral-textonly-border-bottom-right-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-border-bottom-left-radius:var(\n--spectrum-badge-xl-neutral-textonly-border-bottom-left-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-badge-neutral-textonly-padding-right:var(\n--spectrum-badge-xl-neutral-textonly-padding-right,var(--spectrum-global-dimension-size-225)\n);--spectrum-badge-neutral-textonly-padding-left:var(\n--spectrum-badge-xl-neutral-textonly-padding-left,var(--spectrum-global-dimension-size-225)\n)}:host([dir=ltr]){padding-left:var(\n--spectrum-badge-neutral-textonly-padding-right\n);padding-right:var(--spectrum-badge-neutral-textonly-padding-left)}:host([dir=rtl]){padding-left:var(--spectrum-badge-neutral-textonly-padding-left);padding-right:var(\n--spectrum-badge-neutral-textonly-padding-right\n)}:host{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;border-radius:var(--spectrum-badge-neutral-textonly-border-top-left-radius) var(--spectrum-badge-neutral-textonly-border-top-right-radius) var(--spectrum-badge-neutral-textonly-border-bottom-right-radius) var(--spectrum-badge-neutral-textonly-border-bottom-left-radius);cursor:default;display:inline-block;font-size:var(--spectrum-badge-neutral-textonly-text-size);line-height:var(--spectrum-badge-neutral-textonly-text-line-height);padding-bottom:var(--spectrum-badge-neutral-textonly-text-padding-bottom);padding-top:var(--spectrum-badge-neutral-textonly-text-padding-top);position:relative;width:auto}:host([variant=neutral]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-neutral-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-neutral-textonly-background-color,var(--spectrum-semantic-neutral-background-color-default)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-neutral-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-neutral-textonly-background-color-hover,var(--spectrum-semantic-neutral-background-color-hover)\n)}:host([variant=informative]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-informative-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-informative-textonly-background-color,var(--spectrum-semantic-informative-background-color-default)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-informative-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-informative-textonly-background-color-hover,var(--spectrum-semantic-informative-background-color-hover)\n)}:host([variant=positive]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-positive-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-positive-textonly-background-color,var(--spectrum-semantic-positive-background-color-default)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-positive-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-positive-textonly-background-color-hover,var(--spectrum-semantic-positive-background-color-hover)\n)}:host([variant=negative]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-negative-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-negative-textonly-background-color,var(--spectrum-semantic-negative-background-color-default)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-negative-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-negative-textonly-background-color-hover,var(--spectrum-semantic-negative-background-color-hover)\n)}:host([variant=fuchsia]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-fuchsia-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-fuchsia-textonly-background-color,var(--spectrum-global-color-static-fuchsia-600)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-fuchsia-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-fuchsia-textonly-background-color-hover,var(--spectrum-global-color-static-fuchsia-700)\n)}:host([variant=indigo]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-indigo-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-indigo-textonly-background-color,var(--spectrum-global-color-static-indigo-600)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-indigo-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-indigo-textonly-background-color-hover,var(--spectrum-global-color-static-indigo-700)\n)}:host([variant=magenta]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-magenta-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-magenta-textonly-background-color,var(--spectrum-global-color-static-magenta-600)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-magenta-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-magenta-textonly-background-color-hover,var(--spectrum-global-color-static-magenta-700)\n)}:host([variant=purple]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-purple-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-purple-textonly-background-color,var(--spectrum-global-color-static-purple-600)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-purple-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-purple-textonly-background-color-hover,var(--spectrum-global-color-static-purple-700)\n)}:host([variant=seafoam]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-seafoam-texticon-text-color,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-seafoam-textonly-background-color,var(--spectrum-global-color-static-seafoam-600)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-seafoam-textonly-text-color-hover,var(--spectrum-global-color-static-white)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-seafoam-textonly-background-color-hover,var(--spectrum-global-color-static-seafoam-700)\n)}:host([variant=yellow]){--spectrum-badge-m-texticon-text-color:var(\n--spectrum-badge-m-yellow-texticon-text-color,var(--spectrum-global-color-static-black)\n);--spectrum-badge-m-textonly-background-color:var(\n--spectrum-badge-m-yellow-textonly-background-color,var(--spectrum-alias-background-color-yellow-default)\n);--spectrum-badge-m-textonly-text-color-hover:var(\n--spectrum-badge-m-yellow-textonly-text-color-hover,var(--spectrum-global-color-static-black)\n);--spectrum-badge-m-textonly-background-color-hover:var(\n--spectrum-badge-m-yellow-textonly-background-color-hover,var(--spectrum-alias-background-color-yellow-hover)\n)}:host{background-color:var(--spectrum-badge-m-textonly-background-color);color:var(--spectrum-badge-m-texticon-text-color)}\n`;\nexport default styles;"]}
package/src/spectrum-config.js ADDED
@@ -0,0 +1,69 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+
13
+ const config = {
14
+ spectrum: 'badge',
15
+ components: [
16
+ {
17
+ name: 'badge',
18
+ host: {
19
+ selector: '.spectrum-Badge',
20
+ },
21
+ attributes: [
22
+ {
23
+ type: 'enum',
24
+ name: 'size',
25
+ values: [
26
+ {
27
+ name: 's',
28
+ selector: '.spectrum-Badge--sizeS',
29
+ },
30
+ {
31
+ name: 'm',
32
+ selector: '.spectrum-Badge--sizeM',
33
+ },
34
+ {
35
+ name: 'l',
36
+ selector: '.spectrum-Badge--sizeL',
37
+ },
38
+ {
39
+ name: 'xl',
40
+ selector: '.spectrum-Badge--sizeXL',
41
+ },
42
+ ],
43
+ },
44
+ {
45
+ type: 'enum',
46
+ name: 'variant',
47
+ values: [
48
+ // semantic
49
+ '.spectrum-Badge--positive',
50
+ '.spectrum-Badge--informative',
51
+ '.spectrum-Badge--negative',
52
+ '.spectrum-Badge--neutral',
53
+ // non-semantic
54
+ '.spectrum-Badge--seafoam',
55
+ '.spectrum-Badge--indigo',
56
+ '.spectrum-Badge--purple',
57
+ '.spectrum-Badge--fuchsia',
58
+ '.spectrum-Badge--magenta',
59
+ '.spectrum-Badge--yellow',
60
+ ],
61
+ },
62
+ ],
63
+ /* disable :hover until Spectrum CSS disables hover upstream */
64
+ exclude: [/\:hover/],
65
+ },
66
+ ],
67
+ };
68
+
69
+ export default config;