@spectrum-web-components/button 0.16.3-express.0 → 0.16.3

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 (70) hide show
  1. package/custom-elements.json +25 -39
  2. package/package.json +7 -8
  3. package/src/Button.d.ts +6 -13
  4. package/src/Button.js +15 -57
  5. package/src/Button.js.map +1 -1
  6. package/src/ClearButton.js +1 -1
  7. package/src/ClearButton.js.map +1 -1
  8. package/src/button-base.css.js +1 -1
  9. package/src/button-base.css.js.map +1 -1
  10. package/src/button.css.js +469 -500
  11. package/src/button.css.js.map +1 -1
  12. package/src/spectrum-button.css.js +469 -500
  13. package/src/spectrum-button.css.js.map +1 -1
  14. package/src/spectrum-config.js +76 -20
  15. package/stories/button-cta-sizes.stories.js +11 -0
  16. package/stories/button-cta.stories.js +115 -0
  17. package/stories/button-overBackground-sizes.stories.js +12 -0
  18. package/stories/button-overBackground.stories.js +132 -0
  19. package/stories/button-primary-sizes.stories.js +11 -0
  20. package/stories/button-primary.stories.js +129 -0
  21. package/stories/index.js +7 -112
  22. package/stories/index.js.map +1 -1
  23. package/stories/button-accent-fill-sizes.stories.js +0 -28
  24. package/stories/button-accent-fill-sizes.stories.js.map +0 -1
  25. package/stories/button-accent-fill.stories.js +0 -28
  26. package/stories/button-accent-fill.stories.js.map +0 -1
  27. package/stories/button-accent-outline-sizes.stories.js +0 -28
  28. package/stories/button-accent-outline-sizes.stories.js.map +0 -1
  29. package/stories/button-accent-outline.stories.js +0 -28
  30. package/stories/button-accent-outline.stories.js.map +0 -1
  31. package/stories/button-black-fill-sizes.stories.js +0 -29
  32. package/stories/button-black-fill-sizes.stories.js.map +0 -1
  33. package/stories/button-black-fill.stories.js +0 -29
  34. package/stories/button-black-fill.stories.js.map +0 -1
  35. package/stories/button-black-outline-sizes.stories.js +0 -29
  36. package/stories/button-black-outline-sizes.stories.js.map +0 -1
  37. package/stories/button-black-outline.stories.js +0 -29
  38. package/stories/button-black-outline.stories.js.map +0 -1
  39. package/stories/button-negative-fill-sizes.stories.js +0 -28
  40. package/stories/button-negative-fill-sizes.stories.js.map +0 -1
  41. package/stories/button-negative-fill.stories.js +0 -28
  42. package/stories/button-negative-fill.stories.js.map +0 -1
  43. package/stories/button-negative-outline-sizes.stories.js +0 -28
  44. package/stories/button-negative-outline-sizes.stories.js.map +0 -1
  45. package/stories/button-negative-outline.stories.js +0 -28
  46. package/stories/button-negative-outline.stories.js.map +0 -1
  47. package/stories/button-primary-fill-sizes.stories.js +0 -28
  48. package/stories/button-primary-fill-sizes.stories.js.map +0 -1
  49. package/stories/button-primary-fill.stories.js +0 -28
  50. package/stories/button-primary-fill.stories.js.map +0 -1
  51. package/stories/button-primary-outline-sizes.stories.js +0 -28
  52. package/stories/button-primary-outline-sizes.stories.js.map +0 -1
  53. package/stories/button-primary-outline.stories.js +0 -28
  54. package/stories/button-primary-outline.stories.js.map +0 -1
  55. package/stories/button-secondary-fill-sizes.stories.js +0 -28
  56. package/stories/button-secondary-fill-sizes.stories.js.map +0 -1
  57. package/stories/button-secondary-fill.stories.js +0 -28
  58. package/stories/button-secondary-fill.stories.js.map +0 -1
  59. package/stories/button-secondary-outline-sizes.stories.js +0 -28
  60. package/stories/button-secondary-outline-sizes.stories.js.map +0 -1
  61. package/stories/button-secondary-outline.stories.js +0 -28
  62. package/stories/button-secondary-outline.stories.js.map +0 -1
  63. package/stories/button-white-fill-sizes.stories.js +0 -29
  64. package/stories/button-white-fill-sizes.stories.js.map +0 -1
  65. package/stories/button-white-fill.stories.js +0 -29
  66. package/stories/button-white-fill.stories.js.map +0 -1
  67. package/stories/button-white-outline-sizes.stories.js +0 -29
  68. package/stories/button-white-outline-sizes.stories.js.map +0 -1
  69. package/stories/button-white-outline.stories.js +0 -29
  70. package/stories/button-white-outline.stories.js.map +0 -1
package/src/button.css.js CHANGED
@@ -15,10 +15,7 @@ const styles = css `
15
15
  --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
16
16
  );justify-content:center;line-height:var(
17
17
  --spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)
18
- );margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-height:100%}:host:after{border-radius:calc(var(
19
- --spectrum-button-m-primary-fill-texticon-border-radius,
20
- var(--spectrum-global-dimension-size-200)
21
- ) + var(
18
+ );margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host(:disabled){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-height:100%}:host:after{border-radius:calc(var(--spectrum-button-primary-texticon-border-radius) + var(
22
19
  --spectrum-alias-focus-ring-gap,
23
20
  var(--spectrum-global-dimension-static-size-25)
24
21
  ));bottom:0;content:"";display:block;left:0;margin:calc(var(
@@ -30,510 +27,482 @@ var(--spectrum-global-dimension-static-size-25)
30
27
  )*-2)}:host(:focus-visible):after{margin:calc(var(
31
28
  --spectrum-alias-focus-ring-gap,
32
29
  var(--spectrum-global-dimension-static-size-25)
33
- )*-2)}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host(:not([variant=white]):not([variant=black])[disabled]) ::slotted([slot=icon]){color:var(
34
- --spectrum-global-color-gray-500
35
- )}:host(:not([variant=white]):not([variant=black])[disabled]) #label{color:var(
36
- --spectrum-global-color-gray-500
37
- )}:host([variant=white][disabled]) ::slotted([slot=icon]){color:var(
38
- --spectrum-global-color-static-transparent-white-500,hsla(0,0%,100%,.55)
39
- )}:host([variant=white][disabled]) #label{color:var(
40
- --spectrum-global-color-static-transparent-white-500,hsla(0,0%,100%,.55)
41
- )}:host([variant=white][treatment=fill]:not([variant=secondary]):not([disabled])){background-color:var(
42
- --spectrum-global-color-static-white,#fff
43
- )}:host([variant=white][treatment=fill]:not([variant=secondary]):not([disabled])) ::slotted([slot=icon]){color:inherit}:host([variant=white][treatment=fill]:not([variant=secondary]):not([disabled])) #label{color:inherit}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])){background-color:var(
44
- --spectrum-global-color-static-transparent-white-300,hsla(0,0%,100%,.25)
45
- )}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])) ::slotted([slot=icon]){color:var(
46
- --spectrum-global-color-static-white,#fff
47
- )}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])) #label{color:var(
48
- --spectrum-global-color-static-white,#fff
49
- )}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]):hover){background-color:var(
50
- --spectrum-global-color-static-transparent-white-400,hsla(0,0%,100%,.4)
51
- )}:host([variant=white][treatment=fill][variant=secondary]:not([disabled])[active]){background-color:var(
52
- --spectrum-global-color-static-transparent-white-500,hsla(0,0%,100%,.55)
53
- )}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]).focus-visible){background-color:var(
54
- --spectrum-global-color-static-transparent-white-400,hsla(0,0%,100%,.4)
55
- )}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]):focus-visible){background-color:var(
56
- --spectrum-global-color-static-transparent-white-400,hsla(0,0%,100%,.4)
57
- )}:host([variant=white][treatment=fill][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(
58
- --spectrum-global-color-static-transparent-white-400,hsla(0,0%,100%,.4)
59
- )}:host([variant=white][treatment=fill][disabled]){background-color:var(
60
- --spectrum-global-color-static-transparent-white-200,hsla(0,0%,100%,.1)
61
- )}:host([variant=white][treatment=outline]:not([disabled])) ::slotted([slot=icon]){color:var(
62
- --spectrum-global-color-static-white,#fff
63
- )}:host([variant=white][treatment=outline]:not([disabled])) #label{color:var(
64
- --spectrum-global-color-static-white,#fff
65
- )}:host([variant=white][treatment=outline][disabled]){background-color:var(
66
- --spectrum-alias-background-color-transparent,transparent
67
- );border-color:var(
68
- --spectrum-global-color-static-transparent-white-200,hsla(0,0%,100%,.1)
69
- )}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled])){background-color:var(
70
- --spectrum-alias-background-color-transparent,transparent
71
- );border-color:var(
72
- --spectrum-global-color-static-white,#fff
73
- )}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]):hover){background-color:var(
74
- --spectrum-global-color-static-transparent-white-300,hsla(0,0%,100%,.25)
75
- )}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled])[active]){background-color:var(
76
- --spectrum-global-color-static-transparent-white-400,hsla(0,0%,100%,.4)
77
- )}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]).focus-visible){background-color:var(
78
- --spectrum-global-color-static-transparent-white-300,hsla(0,0%,100%,.25)
79
- )}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]):focus-visible){background-color:var(
80
- --spectrum-global-color-static-transparent-white-300,hsla(0,0%,100%,.25)
81
- )}:host([variant=white][treatment=outline]:not([variant=secondary]):not([disabled]).is-keyboardFocused){background-color:var(
82
- --spectrum-global-color-static-transparent-white-300,hsla(0,0%,100%,.25)
83
- )}:host([variant=white][treatment=outline][variant=secondary]:not([disabled])){background-color:var(
84
- --spectrum-alias-background-color-transparent,transparent
85
- );border-color:var(
86
- --spectrum-global-color-static-transparent-white-200,hsla(0,0%,100%,.1)
87
- )}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]):hover){background-color:var(
88
- --spectrum-global-color-static-transparent-white-300,hsla(0,0%,100%,.25)
89
- )}:host([variant=white][treatment=outline][variant=secondary]:not([disabled])[active]){background-color:var(
90
- --spectrum-global-color-static-transparent-white-400,hsla(0,0%,100%,.4)
91
- )}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]).focus-visible){background-color:var(
92
- --spectrum-global-color-static-transparent-white-300,hsla(0,0%,100%,.25)
93
- )}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]):focus-visible){background-color:var(
94
- --spectrum-global-color-static-transparent-white-300,hsla(0,0%,100%,.25)
95
- )}:host([variant=white][treatment=outline][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(
96
- --spectrum-global-color-static-transparent-white-300,hsla(0,0%,100%,.25)
97
- )}:host([variant=black][disabled]) ::slotted([slot=icon]){color:var(
98
- --spectrum-global-color-static-transparent-black-500,rgba(0,0,0,.55)
99
- )}:host([variant=black][disabled]) #label{color:var(
100
- --spectrum-global-color-static-transparent-black-500,rgba(0,0,0,.55)
101
- )}:host([variant=black][treatment=fill]:not([variant=secondary]):not([disabled])){background-color:var(
102
- --spectrum-global-color-static-black,#000
103
- )}:host([variant=black][treatment=fill]:not([variant=secondary]):not([disabled])) ::slotted([slot=icon]){color:inherit}:host([variant=black][treatment=fill]:not([variant=secondary]):not([disabled])) #label{color:inherit}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])){background-color:var(
104
- --spectrum-global-color-static-transparent-black-300,rgba(0,0,0,.25)
105
- )}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])) ::slotted([slot=icon]){color:var(
106
- --spectrum-global-color-static-black,#000
107
- )}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])) #label{color:var(
108
- --spectrum-global-color-static-black,#000
109
- )}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]):hover){background-color:var(
110
- --spectrum-global-color-static-transparent-black-400,rgba(0,0,0,.4)
111
- )}:host([variant=black][treatment=fill][variant=secondary]:not([disabled])[active]){background-color:var(
112
- --spectrum-global-color-static-transparent-black-500,rgba(0,0,0,.55)
113
- )}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]).focus-visible){background-color:var(
114
- --spectrum-global-color-static-transparent-black-400,rgba(0,0,0,.4)
115
- )}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]):focus-visible){background-color:var(
116
- --spectrum-global-color-static-transparent-black-400,rgba(0,0,0,.4)
117
- )}:host([variant=black][treatment=fill][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(
118
- --spectrum-global-color-static-transparent-black-400,rgba(0,0,0,.4)
119
- )}:host([variant=black][treatment=fill][disabled]){background-color:var(
120
- --spectrum-global-color-static-transparent-black-200,rgba(0,0,0,.1)
121
- )}:host([variant=black][treatment=outline]:not([disabled])) ::slotted([slot=icon]){color:var(
122
- --spectrum-global-color-static-black,#000
123
- )}:host([variant=black][treatment=outline]:not([disabled])) #label{color:var(
124
- --spectrum-global-color-static-black,#000
125
- )}:host([variant=black][treatment=outline][disabled]){background-color:var(
126
- --spectrum-alias-background-color-transparent,transparent
127
- );border-color:var(
128
- --spectrum-global-color-static-transparent-black-200,rgba(0,0,0,.1)
129
- )}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled])){background-color:var(
130
- --spectrum-alias-background-color-transparent,transparent
131
- );border-color:var(
132
- --spectrum-global-color-static-black,#000
133
- )}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]):hover){background-color:var(
134
- --spectrum-global-color-static-transparent-black-300,rgba(0,0,0,.25)
135
- )}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled])[active]){background-color:var(
136
- --spectrum-global-color-static-transparent-black-400,rgba(0,0,0,.4)
137
- )}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]).focus-visible){background-color:var(
138
- --spectrum-global-color-static-transparent-black-300,rgba(0,0,0,.25)
139
- )}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]):focus-visible){background-color:var(
140
- --spectrum-global-color-static-transparent-black-300,rgba(0,0,0,.25)
141
- )}:host([variant=black][treatment=outline]:not([variant=secondary]):not([disabled]).is-keyboardFocused){background-color:var(
142
- --spectrum-global-color-static-transparent-black-300,rgba(0,0,0,.25)
143
- )}:host([variant=black][treatment=outline][variant=secondary]:not([disabled])){background-color:var(
144
- --spectrum-alias-background-color-transparent,transparent
145
- );border-color:var(
146
- --spectrum-global-color-static-transparent-black-200,rgba(0,0,0,.1)
147
- )}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]):hover){background-color:var(
148
- --spectrum-global-color-static-transparent-black-300,rgba(0,0,0,.25)
149
- )}:host([variant=black][treatment=outline][variant=secondary]:not([disabled])[active]){background-color:var(
150
- --spectrum-global-color-static-transparent-black-400,rgba(0,0,0,.4)
151
- )}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]).focus-visible){background-color:var(
152
- --spectrum-global-color-static-transparent-black-300,rgba(0,0,0,.25)
153
- )}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]):focus-visible){background-color:var(
154
- --spectrum-global-color-static-transparent-black-300,rgba(0,0,0,.25)
155
- )}:host([variant=black][treatment=outline][variant=secondary]:not([disabled]).is-keyboardFocused){background-color:var(
156
- --spectrum-global-color-static-transparent-black-300,rgba(0,0,0,.25)
157
- )}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(
158
- --spectrum-global-color-static-blue-600,#1473e6
159
- )}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(
160
- --spectrum-global-color-static-white,#fff
161
- )}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(
162
- --spectrum-global-color-static-white,#fff
163
- )}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(
164
- --spectrum-global-color-static-blue-700,#0d66d0
165
- )}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(
166
- --spectrum-global-color-static-blue-800,#095aba
167
- )}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(
168
- --spectrum-global-color-static-blue-700,#0d66d0
169
- )}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(
170
- --spectrum-global-color-static-blue-700,#0d66d0
171
- )}:host([treatment=fill][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(
172
- --spectrum-global-color-static-blue-700,#0d66d0
173
- )}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(
174
- --spectrum-global-color-static-red-600,#d7373f
175
- )}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(
176
- --spectrum-global-color-static-white,#fff
177
- )}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(
178
- --spectrum-global-color-static-white,#fff
179
- )}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(
180
- --spectrum-global-color-static-red-700,#c9252d
181
- )}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(
182
- --spectrum-global-color-static-red-800,#bb121a
183
- )}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(
184
- --spectrum-global-color-static-red-700,#c9252d
185
- )}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(
186
- --spectrum-global-color-static-red-700,#c9252d
187
- )}:host([treatment=fill][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(
188
- --spectrum-global-color-static-red-700,#c9252d
189
- )}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(
190
- --spectrum-global-color-gray-800
191
- )}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(
192
- --spectrum-global-color-gray-50
193
- )}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(
194
- --spectrum-global-color-gray-50
195
- )}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(
196
- --spectrum-global-color-gray-900
197
- )}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(
198
- --spectrum-global-color-gray-900
199
- )}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(
200
- --spectrum-global-color-gray-900
201
- )}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(
202
- --spectrum-global-color-gray-900
203
- )}:host([treatment=fill][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(
204
- --spectrum-global-color-gray-900
205
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(
206
- --spectrum-global-color-gray-200
207
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(
208
- --spectrum-global-color-gray-800
209
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(
210
- --spectrum-global-color-gray-300
211
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(
212
- --spectrum-global-color-gray-900
213
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(
214
- --spectrum-global-color-gray-900
215
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(
216
- --spectrum-global-color-gray-400
217
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(
218
- --spectrum-global-color-gray-900
219
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(
220
- --spectrum-global-color-gray-900
221
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(
222
- --spectrum-global-color-gray-300
223
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(
224
- --spectrum-global-color-gray-300
225
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(
226
- --spectrum-global-color-gray-900
227
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(
228
- --spectrum-global-color-gray-900
229
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(
230
- --spectrum-global-color-gray-900
231
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(
232
- --spectrum-global-color-gray-900
233
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(
234
- --spectrum-global-color-gray-300
235
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(
236
- --spectrum-global-color-gray-900
237
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(
238
- --spectrum-global-color-gray-900
239
- )}:host([treatment=fill][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(
240
- --spectrum-global-color-gray-800
241
- )}:host([treatment=fill]:not([variant=white]):not([variant=black])[disabled]){background-color:var(
242
- --spectrum-global-color-gray-200
243
- )}:host([treatment=fill][disabled]){border-color:transparent}:host([treatment=fill]:not([disabled])){border-color:transparent}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(
244
- --spectrum-alias-background-color-transparent,transparent
245
- );border-color:var(--spectrum-global-color-blue-500)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(
246
- --spectrum-global-color-blue-500
247
- )}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(
248
- --spectrum-alias-transparent-blue-background-color-hover,rgba(13,102,208,.15)
249
- );border-color:var(--spectrum-global-color-blue-600)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(
250
- --spectrum-global-color-blue-600
251
- )}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(
252
- --spectrum-global-color-blue-600
253
- )}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(
254
- --spectrum-alias-transparent-blue-background-color-down,rgba(9,90,186,.15)
255
- );border-color:var(--spectrum-global-color-blue-700)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(
256
- --spectrum-global-color-blue-700
257
- )}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(
258
- --spectrum-global-color-blue-700
259
- )}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(
260
- --spectrum-alias-transparent-blue-background-color-key-focus,var(--spectrum-alias-transparent-blue-background-color-hover)
261
- );border-color:var(--spectrum-global-color-blue-600)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(
262
- --spectrum-alias-transparent-blue-background-color-key-focus,var(--spectrum-alias-transparent-blue-background-color-hover)
263
- );border-color:var(--spectrum-global-color-blue-600)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(
264
- --spectrum-global-color-blue-600
265
- )}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(
266
- --spectrum-global-color-blue-600
267
- )}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(
268
- --spectrum-global-color-blue-600
269
- )}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(
270
- --spectrum-global-color-blue-600
271
- )}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(
272
- --spectrum-alias-transparent-blue-background-color-key-focus,var(--spectrum-alias-transparent-blue-background-color-hover)
273
- );border-color:var(--spectrum-global-color-blue-600)}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(
274
- --spectrum-global-color-blue-600
275
- )}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(
276
- --spectrum-global-color-blue-600
277
- )}:host([treatment=outline][variant=accent]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(
278
- --spectrum-global-color-blue-500
279
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(
280
- --spectrum-alias-background-color-transparent,transparent
281
- );border-color:var(--spectrum-global-color-red-500)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(
282
- --spectrum-global-color-red-500
283
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(
284
- --spectrum-alias-transparent-red-background-color-hover,rgba(201,37,45,.15)
285
- );border-color:var(--spectrum-global-color-red-600)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(
286
- --spectrum-global-color-red-600
287
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(
288
- --spectrum-global-color-red-600
289
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(
290
- --spectrum-alias-transparent-red-background-color-down,rgba(187,18,26,.15)
291
- );border-color:var(--spectrum-global-color-red-700)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(
292
- --spectrum-global-color-red-700
293
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(
294
- --spectrum-global-color-red-700
295
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(
296
- --spectrum-alias-transparent-red-background-color-key-focus,var(--spectrum-alias-transparent-red-background-color-hover)
297
- );border-color:var(--spectrum-global-color-red-600)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(
298
- --spectrum-alias-transparent-red-background-color-key-focus,var(--spectrum-alias-transparent-red-background-color-hover)
299
- );border-color:var(--spectrum-global-color-red-600)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(
300
- --spectrum-global-color-red-600
301
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(
302
- --spectrum-global-color-red-600
303
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(
304
- --spectrum-global-color-red-600
305
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(
306
- --spectrum-global-color-red-600
307
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(
308
- --spectrum-alias-transparent-red-background-color-key-focus,var(--spectrum-alias-transparent-red-background-color-hover)
309
- );border-color:var(--spectrum-global-color-red-600)}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(
310
- --spectrum-global-color-red-600
311
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(
312
- --spectrum-global-color-red-600
313
- )}:host([treatment=outline][variant=negative]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(
314
- --spectrum-global-color-red-500
315
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(
316
- --spectrum-alias-background-color-transparent,transparent
317
- );border-color:var(--spectrum-global-color-gray-800)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(
318
- --spectrum-global-color-gray-800
319
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(
320
- --spectrum-global-color-gray-300
321
- );border-color:var(--spectrum-global-color-gray-900)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(
322
- --spectrum-global-color-gray-900
323
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(
324
- --spectrum-global-color-gray-900
325
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(
326
- --spectrum-global-color-gray-400
327
- );border-color:var(--spectrum-global-color-gray-900)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(
328
- --spectrum-global-color-gray-900
329
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(
330
- --spectrum-global-color-gray-900
331
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(
332
- --spectrum-global-color-gray-300
333
- );border-color:var(--spectrum-global-color-gray-900)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(
334
- --spectrum-global-color-gray-300
335
- );border-color:var(--spectrum-global-color-gray-900)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(
336
- --spectrum-global-color-gray-900
337
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(
338
- --spectrum-global-color-gray-900
339
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(
340
- --spectrum-global-color-gray-900
341
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(
342
- --spectrum-global-color-gray-900
343
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(
344
- --spectrum-global-color-gray-300
345
- );border-color:var(--spectrum-global-color-gray-900)}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(
346
- --spectrum-global-color-gray-900
347
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(
348
- --spectrum-global-color-gray-900
349
- )}:host([treatment=outline][variant=primary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(
350
- --spectrum-global-color-gray-800
351
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])){background-color:var(
352
- --spectrum-alias-background-color-transparent,transparent
353
- );border-color:var(--spectrum-global-color-gray-300)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) ::slotted([slot=icon]){color:var(
354
- --spectrum-global-color-gray-800
355
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover){background-color:var(
356
- --spectrum-global-color-gray-300
357
- );border-color:var(--spectrum-global-color-gray-400)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) ::slotted([slot=icon]){color:var(
358
- --spectrum-global-color-gray-900
359
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):hover) #label{color:var(
360
- --spectrum-global-color-gray-900
361
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]){background-color:var(
362
- --spectrum-global-color-gray-400
363
- );border-color:var(--spectrum-global-color-gray-500)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) ::slotted([slot=icon]){color:var(
364
- --spectrum-global-color-gray-900
365
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])[active]) #label{color:var(
366
- --spectrum-global-color-gray-900
367
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible){background-color:var(
368
- --spectrum-global-color-gray-300
369
- );border-color:var(--spectrum-global-color-gray-400)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible){background-color:var(
370
- --spectrum-global-color-gray-300
371
- );border-color:var(--spectrum-global-color-gray-400)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) ::slotted([slot=icon]){color:var(
372
- --spectrum-global-color-gray-900
373
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) ::slotted([slot=icon]){color:var(
374
- --spectrum-global-color-gray-900
375
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).focus-visible) #label{color:var(
376
- --spectrum-global-color-gray-900
377
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]):focus-visible) #label{color:var(
378
- --spectrum-global-color-gray-900
379
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused){background-color:var(
380
- --spectrum-global-color-gray-300
381
- );border-color:var(--spectrum-global-color-gray-400)}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) ::slotted([slot=icon]){color:var(
382
- --spectrum-global-color-gray-900
383
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled]).is-keyboardFocused) #label{color:var(
384
- --spectrum-global-color-gray-900
385
- )}:host([treatment=outline][variant=secondary]:not([variant=white]):not([variant=black]):not([disabled])) #label{color:var(
386
- --spectrum-global-color-gray-800
387
- )}:host([treatment=outline]:not([variant=white]):not([variant=black])[disabled]){background-color:var(
388
- --spectrum-alias-background-color-transparent,transparent
389
- );border-color:var(
390
- --spectrum-global-color-gray-200
391
- )}:host([size=s]){--spectrum-button-primary-fill-textonly-text-padding-bottom:var(
392
- --spectrum-button-s-primary-fill-textonly-text-padding-bottom
393
- );--spectrum-button-primary-fill-texticon-text-size:var(
394
- --spectrum-button-s-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-75)
395
- );--spectrum-button-primary-fill-texticon-text-font-weight:var(
396
- --spectrum-button-s-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)
397
- );--spectrum-button-primary-fill-texticon-text-line-height:var(
398
- --spectrum-button-s-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)
399
- );--spectrum-button-primary-fill-texticon-icon-gap:var(
400
- --spectrum-button-s-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-85)
401
- );--spectrum-button-primary-fill-texticon-focus-ring-size:var(
402
- --spectrum-button-s-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)
403
- );--spectrum-button-primary-fill-texticon-border-size:var(
404
- --spectrum-button-s-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)
405
- );--spectrum-button-primary-fill-texticon-padding-left:var(
406
- --spectrum-button-s-primary-fill-texticon-padding-left,var(--spectrum-global-dimension-size-125)
407
- );--spectrum-button-primary-fill-texticon-border-radius:var(
408
- --spectrum-button-s-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-150)
409
- );--spectrum-button-primary-fill-textonly-border-size:var(
410
- --spectrum-button-s-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)
411
- );--spectrum-button-primary-fill-textonly-min-width:var(
412
- --spectrum-button-s-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-675)
413
- );--spectrum-button-primary-fill-textonly-padding-left:var(
414
- --spectrum-button-s-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-150)
415
- );--spectrum-button-primary-fill-textonly-padding-right:var(
416
- --spectrum-button-s-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-150)
417
- );--spectrum-button-primary-fill-textonly-height:var(
418
- --spectrum-button-s-primary-fill-textonly-height,var(--spectrum-global-dimension-size-300)
419
- );--spectrum-button-primary-fill-textonly-text-padding-top:calc(var(
420
- --spectrum-button-s-primary-fill-textonly-text-padding-top,
30
+ )*-2)}#label{align-self:center;justify-self:center;text-align:center}#label:empty{display:none}:host([size=s]){--spectrum-button-primary-textonly-text-padding-bottom:var(
31
+ --spectrum-button-s-primary-textonly-text-padding-bottom
32
+ );--spectrum-button-primary-texticon-text-size:var(
33
+ --spectrum-button-s-primary-texticon-text-size,var(--spectrum-global-dimension-font-size-75)
34
+ );--spectrum-button-primary-texticon-text-font-weight:var(
35
+ --spectrum-button-s-primary-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)
36
+ );--spectrum-button-primary-texticon-text-line-height:var(
37
+ --spectrum-button-s-primary-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)
38
+ );--spectrum-button-primary-texticon-icon-gap:var(
39
+ --spectrum-button-s-primary-texticon-icon-gap,var(--spectrum-global-dimension-size-85)
40
+ );--spectrum-button-primary-texticon-focus-ring-size:var(
41
+ --spectrum-button-s-primary-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)
42
+ );--spectrum-button-primary-texticon-border-size:var(
43
+ --spectrum-button-s-primary-texticon-border-size,var(--spectrum-alias-border-size-thick)
44
+ );--spectrum-button-primary-texticon-border-radius:var(
45
+ --spectrum-button-s-primary-texticon-border-radius,var(--spectrum-global-dimension-size-150)
46
+ );--spectrum-button-primary-texticon-padding-left:var(
47
+ --spectrum-button-s-primary-texticon-padding-left,var(--spectrum-global-dimension-size-125)
48
+ );--spectrum-button-primary-textonly-border-size:var(
49
+ --spectrum-button-s-primary-textonly-border-size,var(--spectrum-alias-border-size-thick)
50
+ );--spectrum-button-primary-textonly-min-width:var(
51
+ --spectrum-button-s-primary-textonly-min-width,var(--spectrum-global-dimension-size-675)
52
+ );--spectrum-button-primary-textonly-padding-right:var(
53
+ --spectrum-button-s-primary-textonly-padding-right,var(--spectrum-global-dimension-size-150)
54
+ );--spectrum-button-primary-textonly-padding-left:var(
55
+ --spectrum-button-s-primary-textonly-padding-left,var(--spectrum-global-dimension-size-150)
56
+ );--spectrum-button-primary-textonly-height:var(
57
+ --spectrum-button-s-primary-textonly-height,var(--spectrum-global-dimension-size-300)
58
+ );--spectrum-button-primary-textonly-text-padding-top:calc(var(
59
+ --spectrum-button-s-primary-textonly-text-padding-top,
421
60
  var(--spectrum-global-dimension-static-size-50)
422
- ) - 1px)}:host([size=m]){--spectrum-button-primary-fill-texticon-padding-left:var(
423
- --spectrum-button-m-primary-fill-texticon-padding-left
424
- );--spectrum-button-primary-fill-texticon-text-size:var(
425
- --spectrum-button-m-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-100)
426
- );--spectrum-button-primary-fill-texticon-text-font-weight:var(
427
- --spectrum-button-m-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)
428
- );--spectrum-button-primary-fill-texticon-text-line-height:var(
429
- --spectrum-button-m-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)
430
- );--spectrum-button-primary-fill-texticon-icon-gap:var(
431
- --spectrum-button-m-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-100)
432
- );--spectrum-button-primary-fill-texticon-focus-ring-size:var(
433
- --spectrum-button-m-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)
434
- );--spectrum-button-primary-fill-texticon-border-size:var(
435
- --spectrum-button-m-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)
436
- );--spectrum-button-primary-fill-texticon-border-radius:var(
437
- --spectrum-button-m-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-200)
438
- );--spectrum-button-primary-fill-textonly-text-padding-top:var(
439
- --spectrum-button-m-primary-fill-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)
440
- );--spectrum-button-primary-fill-textonly-border-size:var(
441
- --spectrum-button-m-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)
442
- );--spectrum-button-primary-fill-textonly-min-width:var(
443
- --spectrum-button-m-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-900)
444
- );--spectrum-button-primary-fill-textonly-padding-left:var(
445
- --spectrum-button-m-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-200)
446
- );--spectrum-button-primary-fill-textonly-padding-right:var(
447
- --spectrum-button-m-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-200)
448
- );--spectrum-button-primary-fill-textonly-height:var(
449
- --spectrum-button-m-primary-fill-textonly-height,var(--spectrum-global-dimension-size-400)
450
- );--spectrum-button-primary-fill-textonly-text-padding-bottom:calc(var(
451
- --spectrum-button-m-primary-fill-textonly-text-padding-bottom,
61
+ ) - 1px)}:host([size=m]){--spectrum-button-primary-texticon-padding-left:var(
62
+ --spectrum-button-m-primary-texticon-padding-left
63
+ );--spectrum-button-primary-texticon-text-size:var(
64
+ --spectrum-button-m-primary-texticon-text-size,var(--spectrum-global-dimension-font-size-100)
65
+ );--spectrum-button-primary-texticon-text-font-weight:var(
66
+ --spectrum-button-m-primary-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)
67
+ );--spectrum-button-primary-texticon-text-line-height:var(
68
+ --spectrum-button-m-primary-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)
69
+ );--spectrum-button-primary-texticon-icon-gap:var(
70
+ --spectrum-button-m-primary-texticon-icon-gap,var(--spectrum-global-dimension-size-100)
71
+ );--spectrum-button-primary-texticon-focus-ring-size:var(
72
+ --spectrum-button-m-primary-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)
73
+ );--spectrum-button-primary-texticon-border-size:var(
74
+ --spectrum-button-m-primary-texticon-border-size,var(--spectrum-alias-border-size-thick)
75
+ );--spectrum-button-primary-texticon-border-radius:var(
76
+ --spectrum-button-m-primary-texticon-border-radius,var(--spectrum-global-dimension-size-200)
77
+ );--spectrum-button-primary-textonly-text-padding-top:var(
78
+ --spectrum-button-m-primary-textonly-text-padding-top,var(--spectrum-global-dimension-size-75)
79
+ );--spectrum-button-primary-textonly-border-size:var(
80
+ --spectrum-button-m-primary-textonly-border-size,var(--spectrum-alias-border-size-thick)
81
+ );--spectrum-button-primary-textonly-min-width:var(
82
+ --spectrum-button-m-primary-textonly-min-width,var(--spectrum-global-dimension-size-900)
83
+ );--spectrum-button-primary-textonly-padding-right:var(
84
+ --spectrum-button-m-primary-textonly-padding-right,var(--spectrum-global-dimension-size-200)
85
+ );--spectrum-button-primary-textonly-padding-left:var(
86
+ --spectrum-button-m-primary-textonly-padding-left,var(--spectrum-global-dimension-size-200)
87
+ );--spectrum-button-primary-textonly-height:var(
88
+ --spectrum-button-m-primary-textonly-height,var(--spectrum-global-dimension-size-400)
89
+ );--spectrum-button-primary-textonly-text-padding-bottom:calc(var(
90
+ --spectrum-button-m-primary-textonly-text-padding-bottom,
452
91
  var(--spectrum-global-dimension-size-115)
453
- ) - 1px)}:host([size=l]){--spectrum-button-primary-fill-textonly-text-padding-top:var(
454
- --spectrum-button-l-primary-fill-textonly-text-padding-top
455
- );--spectrum-button-primary-fill-texticon-text-size:var(
456
- --spectrum-button-l-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-200)
457
- );--spectrum-button-primary-fill-texticon-text-font-weight:var(
458
- --spectrum-button-l-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)
459
- );--spectrum-button-primary-fill-texticon-text-line-height:var(
460
- --spectrum-button-l-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)
461
- );--spectrum-button-primary-fill-texticon-icon-gap:var(
462
- --spectrum-button-l-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-115)
463
- );--spectrum-button-primary-fill-texticon-focus-ring-size:var(
464
- --spectrum-button-l-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)
465
- );--spectrum-button-primary-fill-texticon-border-size:var(
466
- --spectrum-button-l-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)
467
- );--spectrum-button-primary-fill-texticon-padding-left:var(
468
- --spectrum-button-l-primary-fill-texticon-padding-left,var(--spectrum-global-dimension-size-225)
469
- );--spectrum-button-primary-fill-texticon-border-radius:var(
470
- --spectrum-button-l-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-250)
471
- );--spectrum-button-primary-fill-textonly-text-padding-bottom:var(
472
- --spectrum-button-l-primary-fill-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)
473
- );--spectrum-button-primary-fill-textonly-border-size:var(
474
- --spectrum-button-l-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)
475
- );--spectrum-button-primary-fill-textonly-min-width:var(
476
- --spectrum-button-l-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-1125)
477
- );--spectrum-button-primary-fill-textonly-padding-left:var(
478
- --spectrum-button-l-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-250)
479
- );--spectrum-button-primary-fill-textonly-padding-right:var(
480
- --spectrum-button-l-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-250)
481
- );--spectrum-button-primary-fill-textonly-height:var(
482
- --spectrum-button-l-primary-fill-textonly-height,var(--spectrum-global-dimension-size-500)
483
- )}:host([size=xl]){--spectrum-button-primary-fill-texticon-padding-left:var(
484
- --spectrum-button-xl-primary-fill-texticon-padding-left
485
- );--spectrum-button-primary-fill-texticon-text-size:var(
486
- --spectrum-button-xl-primary-fill-texticon-text-size,var(--spectrum-global-dimension-font-size-300)
487
- );--spectrum-button-primary-fill-texticon-text-font-weight:var(
488
- --spectrum-button-xl-primary-fill-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)
489
- );--spectrum-button-primary-fill-texticon-text-line-height:var(
490
- --spectrum-button-xl-primary-fill-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)
491
- );--spectrum-button-primary-fill-texticon-icon-gap:var(
492
- --spectrum-button-xl-primary-fill-texticon-icon-gap,var(--spectrum-global-dimension-size-125)
493
- );--spectrum-button-primary-fill-texticon-focus-ring-size:var(
494
- --spectrum-button-xl-primary-fill-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)
495
- );--spectrum-button-primary-fill-texticon-border-size:var(
496
- --spectrum-button-xl-primary-fill-texticon-border-size,var(--spectrum-alias-border-size-thick)
497
- );--spectrum-button-primary-fill-texticon-border-radius:var(
498
- --spectrum-button-xl-primary-fill-texticon-border-radius,var(--spectrum-global-dimension-size-300)
499
- );--spectrum-button-primary-fill-textonly-text-padding-top:var(
500
- --spectrum-button-xl-primary-fill-textonly-text-padding-top,var(--spectrum-global-dimension-size-150)
501
- );--spectrum-button-primary-fill-textonly-border-size:var(
502
- --spectrum-button-xl-primary-fill-textonly-border-size,var(--spectrum-alias-border-size-thick)
503
- );--spectrum-button-primary-fill-textonly-min-width:var(
504
- --spectrum-button-xl-primary-fill-textonly-min-width,var(--spectrum-global-dimension-size-1250)
505
- );--spectrum-button-primary-fill-textonly-padding-left:var(
506
- --spectrum-button-xl-primary-fill-textonly-padding-left,var(--spectrum-global-dimension-size-300)
507
- );--spectrum-button-primary-fill-textonly-padding-right:var(
508
- --spectrum-button-xl-primary-fill-textonly-padding-right,var(--spectrum-global-dimension-size-300)
509
- );--spectrum-button-primary-fill-textonly-height:var(
510
- --spectrum-button-xl-primary-fill-textonly-height,var(--spectrum-global-dimension-size-600)
511
- );--spectrum-button-primary-fill-textonly-text-padding-bottom:calc(var(
512
- --spectrum-button-xl-primary-fill-textonly-text-padding-bottom,
92
+ ) - 1px)}:host([size=l]){--spectrum-button-primary-textonly-text-padding-top:var(
93
+ --spectrum-button-l-primary-textonly-text-padding-top
94
+ );--spectrum-button-primary-texticon-text-size:var(
95
+ --spectrum-button-l-primary-texticon-text-size,var(--spectrum-global-dimension-font-size-200)
96
+ );--spectrum-button-primary-texticon-text-font-weight:var(
97
+ --spectrum-button-l-primary-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)
98
+ );--spectrum-button-primary-texticon-text-line-height:var(
99
+ --spectrum-button-l-primary-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)
100
+ );--spectrum-button-primary-texticon-icon-gap:var(
101
+ --spectrum-button-l-primary-texticon-icon-gap,var(--spectrum-global-dimension-size-115)
102
+ );--spectrum-button-primary-texticon-focus-ring-size:var(
103
+ --spectrum-button-l-primary-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)
104
+ );--spectrum-button-primary-texticon-border-size:var(
105
+ --spectrum-button-l-primary-texticon-border-size,var(--spectrum-alias-border-size-thick)
106
+ );--spectrum-button-primary-texticon-border-radius:var(
107
+ --spectrum-button-l-primary-texticon-border-radius,var(--spectrum-global-dimension-size-250)
108
+ );--spectrum-button-primary-texticon-padding-left:var(
109
+ --spectrum-button-l-primary-texticon-padding-left,var(--spectrum-global-dimension-size-225)
110
+ );--spectrum-button-primary-textonly-text-padding-bottom:var(
111
+ --spectrum-button-l-primary-textonly-text-padding-bottom,var(--spectrum-global-dimension-size-130)
112
+ );--spectrum-button-primary-textonly-border-size:var(
113
+ --spectrum-button-l-primary-textonly-border-size,var(--spectrum-alias-border-size-thick)
114
+ );--spectrum-button-primary-textonly-min-width:var(
115
+ --spectrum-button-l-primary-textonly-min-width,var(--spectrum-global-dimension-size-1125)
116
+ );--spectrum-button-primary-textonly-padding-right:var(
117
+ --spectrum-button-l-primary-textonly-padding-right,var(--spectrum-global-dimension-size-250)
118
+ );--spectrum-button-primary-textonly-padding-left:var(
119
+ --spectrum-button-l-primary-textonly-padding-left,var(--spectrum-global-dimension-size-250)
120
+ );--spectrum-button-primary-textonly-height:var(
121
+ --spectrum-button-l-primary-textonly-height,var(--spectrum-global-dimension-size-500)
122
+ )}:host([size=xl]){--spectrum-button-primary-texticon-padding-left:var(
123
+ --spectrum-button-xl-primary-texticon-padding-left
124
+ );--spectrum-button-primary-texticon-text-size:var(
125
+ --spectrum-button-xl-primary-texticon-text-size,var(--spectrum-global-dimension-font-size-300)
126
+ );--spectrum-button-primary-texticon-text-font-weight:var(
127
+ --spectrum-button-xl-primary-texticon-text-font-weight,var(--spectrum-global-font-weight-bold)
128
+ );--spectrum-button-primary-texticon-text-line-height:var(
129
+ --spectrum-button-xl-primary-texticon-text-line-height,var(--spectrum-alias-component-text-line-height)
130
+ );--spectrum-button-primary-texticon-icon-gap:var(
131
+ --spectrum-button-xl-primary-texticon-icon-gap,var(--spectrum-global-dimension-size-125)
132
+ );--spectrum-button-primary-texticon-focus-ring-size:var(
133
+ --spectrum-button-xl-primary-texticon-focus-ring-size,var(--spectrum-alias-focus-ring-size)
134
+ );--spectrum-button-primary-texticon-border-size:var(
135
+ --spectrum-button-xl-primary-texticon-border-size,var(--spectrum-alias-border-size-thick)
136
+ );--spectrum-button-primary-texticon-border-radius:var(
137
+ --spectrum-button-xl-primary-texticon-border-radius,var(--spectrum-global-dimension-size-300)
138
+ );--spectrum-button-primary-textonly-text-padding-top:var(
139
+ --spectrum-button-xl-primary-textonly-text-padding-top,var(--spectrum-global-dimension-size-150)
140
+ );--spectrum-button-primary-textonly-border-size:var(
141
+ --spectrum-button-xl-primary-textonly-border-size,var(--spectrum-alias-border-size-thick)
142
+ );--spectrum-button-primary-textonly-min-width:var(
143
+ --spectrum-button-xl-primary-textonly-min-width,var(--spectrum-global-dimension-size-1250)
144
+ );--spectrum-button-primary-textonly-padding-right:var(
145
+ --spectrum-button-xl-primary-textonly-padding-right,var(--spectrum-global-dimension-size-300)
146
+ );--spectrum-button-primary-textonly-padding-left:var(
147
+ --spectrum-button-xl-primary-textonly-padding-left,var(--spectrum-global-dimension-size-300)
148
+ );--spectrum-button-primary-textonly-height:var(
149
+ --spectrum-button-xl-primary-textonly-height,var(--spectrum-global-dimension-size-600)
150
+ );--spectrum-button-primary-textonly-text-padding-bottom:calc(var(
151
+ --spectrum-button-xl-primary-textonly-text-padding-bottom,
513
152
  var(--spectrum-global-dimension-size-175)
514
- ) - 1px)}:host{--spectrum-button-primary-fill-padding-left-adjusted:calc(var(--spectrum-button-primary-fill-texticon-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));--spectrum-button-primary-fill-textonly-padding-left-adjusted:calc(var(--spectrum-button-primary-fill-textonly-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));--spectrum-button-primary-fill-textonly-padding-right-adjusted:calc(var(--spectrum-button-primary-fill-textonly-padding-right) - var(--spectrum-button-primary-fill-texticon-border-size))}:host([dir=ltr]){padding-left:var(
515
- --spectrum-button-primary-fill-textonly-padding-left-adjusted
153
+ ) - 1px)}:host{--spectrum-button-primary-padding-left-adjusted:calc(var(--spectrum-button-primary-texticon-padding-left) - var(--spectrum-button-primary-texticon-border-size));--spectrum-button-primary-textonly-padding-left-adjusted:calc(var(--spectrum-button-primary-textonly-padding-left) - var(--spectrum-button-primary-texticon-border-size));--spectrum-button-primary-textonly-padding-right-adjusted:calc(var(--spectrum-button-primary-textonly-padding-right) - var(--spectrum-button-primary-texticon-border-size))}:host([dir=ltr]){padding-left:var(
154
+ --spectrum-button-primary-textonly-padding-left-adjusted
516
155
  );padding-right:var(
517
- --spectrum-button-primary-fill-textonly-padding-right-adjusted
156
+ --spectrum-button-primary-textonly-padding-right-adjusted
518
157
  )}:host([dir=rtl]){padding-left:var(
519
- --spectrum-button-primary-fill-textonly-padding-right-adjusted
158
+ --spectrum-button-primary-textonly-padding-right-adjusted
520
159
  );padding-right:var(
521
- --spectrum-button-primary-fill-textonly-padding-left-adjusted
522
- )}:host{--spectrum-button-focus-ring-color:var(
523
- --spectrum-button-m-primary-fill-texticon-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color)
524
- );border-radius:var(--spectrum-button-primary-fill-texticon-border-radius);border-style:solid;border-width:var(
525
- --spectrum-button-primary-fill-texticon-border-size
526
- );color:inherit;font-size:var(--spectrum-button-primary-fill-texticon-text-size);font-weight:var(--spectrum-button-primary-fill-texticon-text-font-weight);height:auto;min-height:var(--spectrum-button-primary-fill-textonly-height);min-width:var(--spectrum-button-primary-fill-textonly-min-width);padding-bottom:0;padding-top:0}:host(:hover),:host([active]){box-shadow:none}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc(-1*(var(--spectrum-button-primary-fill-textonly-padding-left-adjusted) - var(--spectrum-button-primary-fill-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc(-1*(var(--spectrum-button-primary-fill-textonly-padding-left-adjusted) - var(--spectrum-button-primary-fill-padding-left-adjusted)))}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(
527
- --spectrum-button-primary-fill-texticon-icon-gap
160
+ --spectrum-button-primary-textonly-padding-left-adjusted
161
+ )}:host{border-radius:var(--spectrum-button-primary-texticon-border-radius);border-style:solid;border-width:var(
162
+ --spectrum-button-primary-texticon-border-size
163
+ );font-size:var(--spectrum-button-primary-texticon-text-size);font-weight:var(--spectrum-button-primary-texticon-text-font-weight);height:auto;min-height:var(--spectrum-button-primary-textonly-height);min-width:var(--spectrum-button-primary-textonly-min-width);padding-bottom:0;padding-top:0}:host(:hover),:host([active]){box-shadow:none}:host([dir=ltr]) ::slotted([slot=icon]){margin-left:calc((var(--spectrum-button-primary-textonly-padding-left-adjusted) - var(--spectrum-button-primary-padding-left-adjusted))*-1)}:host([dir=rtl]) ::slotted([slot=icon]){margin-right:calc((var(--spectrum-button-primary-textonly-padding-left-adjusted) - var(--spectrum-button-primary-padding-left-adjusted))*-1)}:host([dir=ltr]) slot[name=icon]+#label{padding-left:var(
164
+ --spectrum-button-primary-texticon-icon-gap
528
165
  )}:host([dir=rtl]) slot[name=icon]+#label{padding-right:var(
529
- --spectrum-button-primary-fill-texticon-icon-gap
166
+ --spectrum-button-primary-texticon-icon-gap
530
167
  )}:host([dir=ltr]) slot[name=icon]+#label{padding-right:0}:host([dir=rtl]) slot[name=icon]+#label{padding-left:0}#label{line-height:var(
531
- --spectrum-button-primary-fill-texticon-text-line-height
532
- );padding-bottom:calc(var(--spectrum-button-primary-fill-textonly-text-padding-bottom) - var(--spectrum-button-primary-fill-textonly-border-size));padding-top:calc(var(--spectrum-button-primary-fill-textonly-text-padding-top) - var(--spectrum-button-primary-fill-textonly-border-size))}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) var(--spectrum-button-focus-ring-color)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) var(--spectrum-button-focus-ring-color)}:host([variant=white]){--spectrum-button-focus-ring-color:var(
533
- --spectrum-global-color-static-white,#fff
534
- )}:host([variant=black]){--spectrum-button-focus-ring-color:var(
535
- --spectrum-global-color-static-black,#000
536
- )}@media (forced-colors:active){:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) Highlight}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) Highlight}:host{forced-color-adjust:none}:host([active]) .spectrum-Button--overBackground{color:ButtonText}}.spectrum-Button--overBackground:hover{color:ButtonText}.spectrum-Button--overBackground.focus-visible{color:ButtonText}.spectrum-Button--overBackground:focus-visible{color:ButtonText}:host([size=s]){--spectrum-icon-tshirt-size-height:var(
168
+ --spectrum-button-primary-texticon-text-line-height
169
+ );padding-bottom:calc(var(--spectrum-button-primary-textonly-text-padding-bottom) - var(--spectrum-button-primary-textonly-border-size));padding-top:calc(var(--spectrum-button-primary-textonly-text-padding-top) - var(--spectrum-button-primary-textonly-border-size))}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-texticon-focus-ring-size) var(
170
+ --spectrum-button-m-primary-texticon-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color)
171
+ )}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-texticon-focus-ring-size) var(
172
+ --spectrum-button-m-primary-texticon-focus-ring-color-key-focus,var(--spectrum-alias-focus-ring-color)
173
+ )}:host([variant=cta]){background-color:var(
174
+ --spectrum-button-m-cta-texticon-background-color,var(--spectrum-semantic-cta-background-color-default)
175
+ );border-color:var(
176
+ --spectrum-button-m-cta-texticon-border-color,var(--spectrum-semantic-cta-background-color-default)
177
+ );color:var(
178
+ --spectrum-button-m-cta-texticon-text-color,var(--spectrum-global-color-static-white)
179
+ )}:host([variant=cta]:hover){background-color:var(
180
+ --spectrum-button-m-cta-texticon-background-color-hover,var(--spectrum-semantic-cta-background-color-hover)
181
+ );border-color:var(
182
+ --spectrum-button-m-cta-texticon-border-color-hover,var(--spectrum-semantic-cta-background-color-hover)
183
+ );color:var(
184
+ --spectrum-button-m-cta-texticon-text-color-hover,var(--spectrum-global-color-static-white)
185
+ )}:host([variant=cta].focus-visible){background-color:var(
186
+ --spectrum-button-m-cta-texticon-background-color-key-focus,var(--spectrum-semantic-cta-background-color-hover)
187
+ );border-color:var(
188
+ --spectrum-button-m-cta-texticon-border-color-key-focus,var(--spectrum-semantic-cta-background-color-hover)
189
+ );color:var(
190
+ --spectrum-button-m-cta-texticon-text-color-key-focus,var(--spectrum-global-color-static-white)
191
+ )}:host([variant=cta]:focus-visible){background-color:var(
192
+ --spectrum-button-m-cta-texticon-background-color-key-focus,var(--spectrum-semantic-cta-background-color-hover)
193
+ );border-color:var(
194
+ --spectrum-button-m-cta-texticon-border-color-key-focus,var(--spectrum-semantic-cta-background-color-hover)
195
+ );color:var(
196
+ --spectrum-button-m-cta-texticon-text-color-key-focus,var(--spectrum-global-color-static-white)
197
+ )}:host([variant=cta][active]){background-color:var(
198
+ --spectrum-button-m-cta-texticon-background-color-down,var(--spectrum-semantic-cta-background-color-down)
199
+ );border-color:var(
200
+ --spectrum-button-m-cta-texticon-border-color-down,var(--spectrum-semantic-cta-background-color-down)
201
+ );color:var(
202
+ --spectrum-button-m-cta-texticon-text-color-down,var(--spectrum-global-color-static-white)
203
+ )}:host([variant=cta]:disabled),:host([variant=cta][disabled]){background-color:var(
204
+ --spectrum-button-m-cta-texticon-background-color-disabled,var(--spectrum-global-color-gray-200)
205
+ );border-color:var(
206
+ --spectrum-button-m-cta-texticon-border-color-disabled,var(--spectrum-global-color-gray-200)
207
+ );color:var(
208
+ --spectrum-button-m-cta-texticon-text-color-disabled,var(--spectrum-global-color-gray-500)
209
+ )}:host([variant=primary]){background-color:var(
210
+ --spectrum-button-m-primary-texticon-background-color,var(--spectrum-alias-button-primary-background-color-default)
211
+ );border-color:var(
212
+ --spectrum-button-m-primary-texticon-border-color,var(--spectrum-alias-button-primary-border-color-default)
213
+ );color:var(
214
+ --spectrum-button-m-primary-texticon-text-color,var(--spectrum-alias-button-primary-text-color-default)
215
+ )}:host([variant=primary]:hover){background-color:var(
216
+ --spectrum-button-m-primary-texticon-background-color-hover,var(--spectrum-alias-button-primary-background-color-hover)
217
+ );border-color:var(
218
+ --spectrum-button-m-primary-texticon-border-color-hover,var(--spectrum-alias-button-primary-border-color-hover)
219
+ );color:var(
220
+ --spectrum-button-m-primary-texticon-text-color-hover,var(--spectrum-alias-button-primary-text-color-hover)
221
+ )}:host([variant=primary].focus-visible){background-color:var(
222
+ --spectrum-button-m-primary-texticon-background-color-key-focus,var(--spectrum-alias-button-primary-background-color-key-focus)
223
+ );border-color:var(
224
+ --spectrum-button-m-primary-texticon-border-color-key-focus,var(--spectrum-alias-button-primary-border-color-key-focus)
225
+ );color:var(
226
+ --spectrum-button-m-primary-texticon-text-color-key-focus,var(--spectrum-alias-button-primary-text-color-key-focus)
227
+ )}:host([variant=primary]:focus-visible){background-color:var(
228
+ --spectrum-button-m-primary-texticon-background-color-key-focus,var(--spectrum-alias-button-primary-background-color-key-focus)
229
+ );border-color:var(
230
+ --spectrum-button-m-primary-texticon-border-color-key-focus,var(--spectrum-alias-button-primary-border-color-key-focus)
231
+ );color:var(
232
+ --spectrum-button-m-primary-texticon-text-color-key-focus,var(--spectrum-alias-button-primary-text-color-key-focus)
233
+ )}:host([variant=primary][active]){background-color:var(
234
+ --spectrum-button-m-primary-texticon-background-color-down,var(--spectrum-alias-button-primary-background-color-down)
235
+ );border-color:var(
236
+ --spectrum-button-m-primary-texticon-border-color-down,var(--spectrum-alias-button-primary-border-color-down)
237
+ );color:var(
238
+ --spectrum-button-m-primary-texticon-text-color-down,var(--spectrum-alias-button-primary-text-color-down)
239
+ )}:host([variant=primary]:disabled),:host([variant=primary][disabled]){background-color:var(
240
+ --spectrum-button-m-primary-texticon-background-color-disabled,var(--spectrum-global-color-gray-200)
241
+ );border-color:var(
242
+ --spectrum-button-m-primary-texticon-border-color-disabled,var(--spectrum-global-color-gray-200)
243
+ );color:var(
244
+ --spectrum-button-m-primary-texticon-text-color-disabled,var(--spectrum-global-color-gray-500)
245
+ )}:host([variant=secondary]){background-color:var(
246
+ --spectrum-button-m-secondary-texticon-background-color,var(--spectrum-alias-button-secondary-background-color-default)
247
+ );border-color:var(
248
+ --spectrum-button-m-secondary-texticon-border-color,var(--spectrum-alias-button-secondary-border-color-default)
249
+ );color:var(
250
+ --spectrum-button-m-secondary-texticon-text-color,var(--spectrum-alias-button-secondary-text-color-default)
251
+ )}:host([variant=secondary]:hover){background-color:var(
252
+ --spectrum-button-m-secondary-texticon-background-color-hover,var(--spectrum-alias-button-secondary-background-color-hover)
253
+ );border-color:var(
254
+ --spectrum-button-m-secondary-texticon-border-color-hover,var(--spectrum-alias-button-secondary-border-color-hover)
255
+ );color:var(
256
+ --spectrum-button-m-secondary-texticon-text-color-hover,var(--spectrum-alias-button-secondary-text-color-hover)
257
+ )}:host([variant=secondary].focus-visible){background-color:var(
258
+ --spectrum-button-m-secondary-texticon-background-color-key-focus,var(--spectrum-alias-button-secondary-background-color-key-focus)
259
+ );border-color:var(
260
+ --spectrum-button-m-secondary-texticon-border-color-key-focus,var(--spectrum-alias-button-secondary-border-color-key-focus)
261
+ );color:var(
262
+ --spectrum-button-m-secondary-texticon-text-color-key-focus,var(--spectrum-alias-button-secondary-text-color-key-focus)
263
+ )}:host([variant=secondary]:focus-visible){background-color:var(
264
+ --spectrum-button-m-secondary-texticon-background-color-key-focus,var(--spectrum-alias-button-secondary-background-color-key-focus)
265
+ );border-color:var(
266
+ --spectrum-button-m-secondary-texticon-border-color-key-focus,var(--spectrum-alias-button-secondary-border-color-key-focus)
267
+ );color:var(
268
+ --spectrum-button-m-secondary-texticon-text-color-key-focus,var(--spectrum-alias-button-secondary-text-color-key-focus)
269
+ )}:host([variant=secondary][active]){background-color:var(
270
+ --spectrum-button-m-secondary-texticon-background-color-down,var(--spectrum-alias-button-secondary-background-color-down)
271
+ );border-color:var(
272
+ --spectrum-button-m-secondary-texticon-border-color-down,var(--spectrum-alias-button-secondary-border-color-down)
273
+ );color:var(
274
+ --spectrum-button-m-secondary-texticon-text-color-down,var(--spectrum-alias-button-secondary-text-color-down)
275
+ )}:host([variant=secondary]:disabled),:host([variant=secondary][disabled]){background-color:var(
276
+ --spectrum-button-m-secondary-texticon-background-color-disabled,var(--spectrum-global-color-gray-200)
277
+ );border-color:var(
278
+ --spectrum-button-m-secondary-texticon-border-color-disabled,var(--spectrum-global-color-gray-200)
279
+ );color:var(
280
+ --spectrum-button-m-secondary-texticon-text-color-disabled,var(--spectrum-global-color-gray-500)
281
+ )}:host([variant=negative]){background-color:var(
282
+ --spectrum-button-m-negative-texticon-background-color,var(--spectrum-alias-button-negative-background-color-default)
283
+ );border-color:var(
284
+ --spectrum-button-m-negative-texticon-border-color,var(--spectrum-alias-button-negative-border-color-default)
285
+ );color:var(
286
+ --spectrum-button-m-negative-texticon-text-color,var(--spectrum-alias-button-negative-text-color-default)
287
+ )}:host([variant=negative]:hover){background-color:var(
288
+ --spectrum-button-m-negative-texticon-background-color-hover,var(--spectrum-alias-button-negative-background-color-hover)
289
+ );border-color:var(
290
+ --spectrum-button-m-negative-texticon-border-color-hover,var(--spectrum-alias-button-negative-border-color-hover)
291
+ );color:var(
292
+ --spectrum-button-m-negative-texticon-text-color-hover,var(--spectrum-alias-button-negative-text-color-hover)
293
+ )}:host([variant=negative].focus-visible){background-color:var(
294
+ --spectrum-button-m-negative-texticon-background-color-key-focus,var(--spectrum-alias-button-negative-background-color-key-focus)
295
+ );border-color:var(
296
+ --spectrum-button-m-negative-texticon-border-color-key-focus,var(--spectrum-alias-button-negative-border-color-key-focus)
297
+ );color:var(
298
+ --spectrum-button-m-negative-texticon-text-color-key-focus,var(--spectrum-alias-button-negative-text-color-key-focus)
299
+ )}:host([variant=negative]:focus-visible){background-color:var(
300
+ --spectrum-button-m-negative-texticon-background-color-key-focus,var(--spectrum-alias-button-negative-background-color-key-focus)
301
+ );border-color:var(
302
+ --spectrum-button-m-negative-texticon-border-color-key-focus,var(--spectrum-alias-button-negative-border-color-key-focus)
303
+ );color:var(
304
+ --spectrum-button-m-negative-texticon-text-color-key-focus,var(--spectrum-alias-button-negative-text-color-key-focus)
305
+ )}:host([variant=negative][active]){background-color:var(
306
+ --spectrum-button-m-negative-texticon-background-color-down,var(--spectrum-alias-button-negative-background-color-down)
307
+ );border-color:var(
308
+ --spectrum-button-m-negative-texticon-border-color-down,var(--spectrum-alias-button-negative-border-color-down)
309
+ );color:var(
310
+ --spectrum-button-m-negative-texticon-text-color-down,var(--spectrum-alias-button-negative-text-color-down)
311
+ )}:host([variant=negative]:disabled),:host([variant=negative][disabled]){background-color:var(
312
+ --spectrum-button-m-negative-texticon-background-color-disabled,var(--spectrum-global-color-gray-200)
313
+ );border-color:var(
314
+ --spectrum-button-m-negative-texticon-border-color-disabled,var(--spectrum-global-color-gray-200)
315
+ );color:var(
316
+ --spectrum-button-m-negative-texticon-text-color-disabled,var(--spectrum-global-color-gray-500)
317
+ )}:host([variant=overBackground]){background-color:var(
318
+ --spectrum-button-m-primary-overbackground-texticon-background-color,var(--spectrum-alias-background-color-transparent)
319
+ );border-color:var(
320
+ --spectrum-button-m-primary-overbackground-texticon-border-color,var(--spectrum-global-color-static-white)
321
+ );color:var(
322
+ --spectrum-button-m-primary-overbackground-texticon-text-color,var(--spectrum-global-color-static-white)
323
+ )}:host([variant=overBackground]:hover){background-color:var(
324
+ --spectrum-button-m-primary-overbackground-texticon-background-color-hover,var(--spectrum-global-color-static-white)
325
+ );border-color:var(
326
+ --spectrum-button-m-primary-overbackground-texticon-border-color-hover,var(--spectrum-global-color-static-white)
327
+ );color:inherit}:host([variant=overBackground].focus-visible){background-color:var(
328
+ --spectrum-button-m-primary-overbackground-texticon-background-color-hover,var(--spectrum-global-color-static-white)
329
+ );border-color:var(
330
+ --spectrum-button-m-primary-overbackground-texticon-border-color-hover,var(--spectrum-global-color-static-white)
331
+ );color:inherit}:host([variant=overBackground]:focus-visible){background-color:var(
332
+ --spectrum-button-m-primary-overbackground-texticon-background-color-hover,var(--spectrum-global-color-static-white)
333
+ );border-color:var(
334
+ --spectrum-button-m-primary-overbackground-texticon-border-color-hover,var(--spectrum-global-color-static-white)
335
+ );color:inherit}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(
336
+ --spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
337
+ ) var(
338
+ --spectrum-button-m-primary-overbackground-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
339
+ )}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(
340
+ --spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
341
+ ) var(
342
+ --spectrum-button-m-primary-overbackground-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
343
+ )}:host([variant=overBackground][active]){background-color:var(
344
+ --spectrum-button-m-primary-overbackground-texticon-background-color-down,var(--spectrum-global-color-static-white)
345
+ );border-color:var(
346
+ --spectrum-button-m-primary-overbackground-texticon-border-color-down,var(--spectrum-global-color-static-white)
347
+ );color:inherit}:host([variant=overBackground]:disabled),:host([variant=overBackground][disabled]){background-color:var(
348
+ --spectrum-button-m-primary-overbackground-texticon-background-color-disabled,var(--spectrum-alias-background-color-overbackground-disabled)
349
+ );border-color:var(
350
+ --spectrum-button-m-primary-overbackground-texticon-border-color-disabled,var(--spectrum-alias-border-color-transparent)
351
+ );color:var(
352
+ --spectrum-button-m-primary-overbackground-texticon-text-color-disabled,var(--spectrum-alias-text-color-overbackground-disabled)
353
+ )}:host([variant=overBackground][quiet]){background-color:var(
354
+ --spectrum-button-m-primary-quiet-overbackground-texticon-background-color,var(--spectrum-alias-background-color-transparent)
355
+ );border-color:var(
356
+ --spectrum-button-m-primary-quiet-overbackground-texticon-border-color,var(--spectrum-alias-background-color-transparent)
357
+ );color:var(
358
+ --spectrum-button-m-primary-quiet-overbackground-texticon-text-color,var(--spectrum-global-color-static-white)
359
+ )}:host([variant=overBackground][quiet]:hover){background-color:var(
360
+ --spectrum-button-m-primary-quiet-overbackground-texticon-background-color-hover,var(--spectrum-alias-background-color-quiet-overbackground-hover)
361
+ );border-color:var(
362
+ --spectrum-button-m-primary-quiet-overbackground-texticon-border-color-hover,var(--spectrum-alias-border-color-transparent)
363
+ );color:var(
364
+ --spectrum-button-m-primary-quiet-overbackground-texticon-text-color-hover,var(--spectrum-global-color-static-white)
365
+ )}:host([variant=overBackground][quiet].focus-visible){background-color:var(
366
+ --spectrum-button-m-primary-quiet-overbackground-texticon-background-color-hover,var(--spectrum-alias-background-color-quiet-overbackground-hover)
367
+ );border-color:var(
368
+ --spectrum-button-m-primary-quiet-overbackground-texticon-border-color-hover,var(--spectrum-alias-border-color-transparent)
369
+ );box-shadow:none;color:var(
370
+ --spectrum-button-m-primary-quiet-overbackground-texticon-text-color-hover,var(--spectrum-global-color-static-white)
371
+ )}:host([variant=overBackground][quiet]:focus-visible){background-color:var(
372
+ --spectrum-button-m-primary-quiet-overbackground-texticon-background-color-hover,var(--spectrum-alias-background-color-quiet-overbackground-hover)
373
+ );border-color:var(
374
+ --spectrum-button-m-primary-quiet-overbackground-texticon-border-color-hover,var(--spectrum-alias-border-color-transparent)
375
+ );box-shadow:none;color:var(
376
+ --spectrum-button-m-primary-quiet-overbackground-texticon-text-color-hover,var(--spectrum-global-color-static-white)
377
+ )}:host([variant=overBackground][quiet].focus-visible):after{box-shadow:0 0 0 var(
378
+ --spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
379
+ ) var(
380
+ --spectrum-button-m-primary-overbackground-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
381
+ )}:host([variant=overBackground][quiet]:focus-visible):after{box-shadow:0 0 0 var(
382
+ --spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
383
+ ) var(
384
+ --spectrum-button-m-primary-overbackground-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
385
+ )}:host([variant=overBackground][quiet][active]){background-color:var(
386
+ --spectrum-button-m-primary-quiet-overbackground-texticon-background-color-down,var(--spectrum-alias-background-color-quiet-overbackground-down)
387
+ );border-color:var(
388
+ --spectrum-button-m-primary-quiet-overbackground-texticon-border-color-down,var(--spectrum-alias-border-color-transparent)
389
+ );color:var(
390
+ --spectrum-button-m-primary-quiet-overbackground-texticon-text-color-down,var(--spectrum-global-color-static-white)
391
+ )}:host([variant=overBackground][quiet]:disabled),:host([variant=overBackground][quiet][disabled]){background-color:var(
392
+ --spectrum-button-m-primary-quiet-overbackground-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
393
+ );border-color:var(
394
+ --spectrum-button-m-primary-quiet-overbackground-texticon-border-color-disabled,var(--spectrum-alias-border-color-transparent)
395
+ );color:var(
396
+ --spectrum-button-m-primary-quiet-overbackground-texticon-text-color-disabled,var(--spectrum-alias-text-color-quiet-overbackground-disabled)
397
+ )}:host([variant=primary][quiet]){background-color:var(
398
+ --spectrum-button-m-primary-quiet-texticon-background-color,var(--spectrum-alias-background-color-transparent)
399
+ );border-color:var(
400
+ --spectrum-button-m-primary-quiet-texticon-border-color,var(--spectrum-alias-background-color-transparent)
401
+ );color:var(
402
+ --spectrum-button-m-primary-quiet-texticon-text-color,var(--spectrum-global-color-gray-800)
403
+ )}:host([variant=primary][quiet]:hover){background-color:var(
404
+ --spectrum-button-m-primary-quiet-texticon-background-color-hover,var(--spectrum-global-color-gray-200)
405
+ );border-color:var(
406
+ --spectrum-button-m-primary-quiet-texticon-border-color-hover,var(--spectrum-global-color-gray-200)
407
+ );color:var(
408
+ --spectrum-button-m-primary-quiet-texticon-text-color-hover,var(--spectrum-global-color-gray-900)
409
+ )}:host([variant=primary][quiet].focus-visible){background-color:var(
410
+ --spectrum-button-m-primary-quiet-texticon-background-color-key-focus,var(--spectrum-global-color-gray-200)
411
+ );border-color:var(
412
+ --spectrum-button-m-primary-quiet-texticon-border-color-key-focus,var(--spectrum-global-color-gray-200)
413
+ );color:var(
414
+ --spectrum-button-m-primary-quiet-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)
415
+ )}:host([variant=primary][quiet]:focus-visible){background-color:var(
416
+ --spectrum-button-m-primary-quiet-texticon-background-color-key-focus,var(--spectrum-global-color-gray-200)
417
+ );border-color:var(
418
+ --spectrum-button-m-primary-quiet-texticon-border-color-key-focus,var(--spectrum-global-color-gray-200)
419
+ );color:var(
420
+ --spectrum-button-m-primary-quiet-texticon-text-color-key-focus,var(--spectrum-global-color-gray-900)
421
+ )}:host([variant=primary][quiet][active]){background-color:var(
422
+ --spectrum-button-m-primary-quiet-texticon-background-color-down,var(--spectrum-global-color-gray-300)
423
+ );border-color:var(
424
+ --spectrum-button-m-primary-quiet-texticon-border-color-down,var(--spectrum-global-color-gray-300)
425
+ );color:var(
426
+ --spectrum-button-m-primary-quiet-texticon-text-color-down,var(--spectrum-global-color-gray-900)
427
+ )}:host([variant=primary][quiet]:disabled),:host([variant=primary][quiet][disabled]){background-color:var(
428
+ --spectrum-button-m-primary-quiet-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
429
+ );border-color:var(
430
+ --spectrum-button-m-primary-quiet-texticon-border-color-disabled,var(--spectrum-alias-border-color-transparent)
431
+ );color:var(
432
+ --spectrum-button-m-primary-quiet-texticon-text-color-disabled,var(--spectrum-global-color-gray-500)
433
+ )}:host([variant=secondary][quiet]){background-color:var(
434
+ --spectrum-button-m-secondary-quiet-texticon-background-color,var(--spectrum-alias-background-color-transparent)
435
+ );border-color:var(
436
+ --spectrum-button-m-secondary-quiet-texticon-border-color,var(--spectrum-alias-background-color-transparent)
437
+ );color:var(
438
+ --spectrum-button-m-secondary-quiet-texticon-text-color,var(--spectrum-global-color-gray-700)
439
+ )}:host([variant=secondary][quiet]:hover){background-color:var(
440
+ --spectrum-button-m-secondary-quiet-texticon-background-color-hover,var(--spectrum-global-color-gray-200)
441
+ );border-color:var(
442
+ --spectrum-button-m-secondary-quiet-texticon-border-color-hover,var(--spectrum-global-color-gray-200)
443
+ );color:var(
444
+ --spectrum-button-m-secondary-quiet-texticon-text-color-hover,var(--spectrum-global-color-gray-800)
445
+ )}:host([variant=secondary][quiet].focus-visible){background-color:var(
446
+ --spectrum-button-m-secondary-quiet-texticon-background-color-key-focus,var(--spectrum-global-color-gray-200)
447
+ );border-color:var(
448
+ --spectrum-button-m-secondary-quiet-texticon-border-color-key-focus,var(--spectrum-global-color-gray-200)
449
+ );color:var(
450
+ --spectrum-button-m-secondary-quiet-texticon-text-color-key-focus,var(--spectrum-global-color-gray-800)
451
+ )}:host([variant=secondary][quiet]:focus-visible){background-color:var(
452
+ --spectrum-button-m-secondary-quiet-texticon-background-color-key-focus,var(--spectrum-global-color-gray-200)
453
+ );border-color:var(
454
+ --spectrum-button-m-secondary-quiet-texticon-border-color-key-focus,var(--spectrum-global-color-gray-200)
455
+ );color:var(
456
+ --spectrum-button-m-secondary-quiet-texticon-text-color-key-focus,var(--spectrum-global-color-gray-800)
457
+ )}:host([variant=secondary][quiet][active]){background-color:var(
458
+ --spectrum-button-m-secondary-quiet-texticon-background-color-down,var(--spectrum-global-color-gray-300)
459
+ );border-color:var(
460
+ --spectrum-button-m-secondary-quiet-texticon-border-color-down,var(--spectrum-global-color-gray-300)
461
+ );color:var(
462
+ --spectrum-button-m-secondary-quiet-texticon-text-color-down,var(--spectrum-global-color-gray-800)
463
+ )}:host([variant=secondary][quiet]:disabled),:host([variant=secondary][quiet][disabled]){background-color:var(
464
+ --spectrum-button-m-secondary-quiet-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
465
+ );border-color:var(
466
+ --spectrum-button-m-secondary-quiet-texticon-border-color-disabled,var(--spectrum-alias-border-color-transparent)
467
+ );color:var(
468
+ --spectrum-button-m-secondary-quiet-texticon-text-color-disabled,var(--spectrum-global-color-gray-500)
469
+ )}:host([variant=negative][quiet]){background-color:var(
470
+ --spectrum-button-m-negative-quiet-texticon-background-color,var(--spectrum-alias-background-color-transparent)
471
+ );border-color:var(
472
+ --spectrum-button-m-negative-quiet-texticon-border-color,var(--spectrum-alias-background-color-transparent)
473
+ );color:var(
474
+ --spectrum-button-m-negative-quiet-texticon-text-color,var(--spectrum-semantic-negative-text-color-small)
475
+ )}:host([variant=negative][quiet]:hover){background-color:var(
476
+ --spectrum-button-m-negative-quiet-texticon-background-color-hover,var(--spectrum-global-color-gray-200)
477
+ );border-color:var(
478
+ --spectrum-button-m-negative-quiet-texticon-border-color-hover,var(--spectrum-global-color-gray-200)
479
+ );color:var(
480
+ --spectrum-button-m-negative-quiet-texticon-text-color-hover,var(--spectrum-global-color-red-700)
481
+ )}:host([variant=negative][quiet].focus-visible){background-color:var(
482
+ --spectrum-button-m-negative-quiet-texticon-background-color-key-focus,var(--spectrum-global-color-gray-200)
483
+ );border-color:var(
484
+ --spectrum-button-m-negative-quiet-texticon-border-color-key-focus,var(--spectrum-global-color-gray-200)
485
+ );color:var(
486
+ --spectrum-button-m-negative-quiet-texticon-text-color-key-focus,var(--spectrum-global-color-red-700)
487
+ )}:host([variant=negative][quiet]:focus-visible){background-color:var(
488
+ --spectrum-button-m-negative-quiet-texticon-background-color-key-focus,var(--spectrum-global-color-gray-200)
489
+ );border-color:var(
490
+ --spectrum-button-m-negative-quiet-texticon-border-color-key-focus,var(--spectrum-global-color-gray-200)
491
+ );color:var(
492
+ --spectrum-button-m-negative-quiet-texticon-text-color-key-focus,var(--spectrum-global-color-red-700)
493
+ )}:host([variant=negative][quiet][active]){background-color:var(
494
+ --spectrum-button-m-negative-quiet-texticon-background-color-down,var(--spectrum-global-color-gray-300)
495
+ );border-color:var(
496
+ --spectrum-button-m-negative-quiet-texticon-border-color-down,var(--spectrum-global-color-gray-300)
497
+ );color:var(
498
+ --spectrum-button-m-negative-quiet-texticon-text-color-down,var(--spectrum-global-color-red-700)
499
+ )}:host([variant=negative][quiet]:disabled),:host([variant=negative][quiet][disabled]){background-color:var(
500
+ --spectrum-button-m-negative-quiet-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
501
+ );border-color:var(
502
+ --spectrum-button-m-negative-quiet-texticon-border-color-disabled,var(--spectrum-alias-border-color-transparent)
503
+ );color:var(
504
+ --spectrum-button-m-negative-quiet-texticon-text-color-disabled,var(--spectrum-global-color-gray-500)
505
+ )}@media (forced-colors:active){:host{--spectrum-button-m-cta-texticon-background-color:ButtonText;--spectrum-button-m-cta-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-cta-texticon-background-color-down:Highlight;--spectrum-button-m-cta-texticon-background-color-hover:Highlight;--spectrum-button-m-cta-texticon-background-color-key-focus:Highlight;--spectrum-button-m-cta-texticon-border-color:ButtonFace;--spectrum-button-m-cta-texticon-border-color-disabled:GrayText;--spectrum-button-m-cta-texticon-border-color-down:Highlight;--spectrum-button-m-cta-texticon-border-color-hover:Highlight;--spectrum-button-m-cta-texticon-border-color-key-focus:Highlight;--spectrum-button-m-cta-texticon-text-color:ButtonFace;--spectrum-button-m-cta-texticon-text-color-disabled:GrayText;--spectrum-button-m-cta-texticon-text-color-down:Buttonface;--spectrum-button-m-cta-texticon-text-color-hover:Buttonface;--spectrum-button-m-cta-texticon-text-color-key-focus:Buttonface;--spectrum-button-m-negative-quiet-texticon-background-color:ButtonFace;--spectrum-button-m-negative-quiet-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-negative-quiet-texticon-background-color-down:ButtonFace;--spectrum-button-m-negative-quiet-texticon-background-color-hover:ButtonFace;--spectrum-button-m-negative-quiet-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-negative-quiet-texticon-border-color:ButtonText;--spectrum-button-m-negative-quiet-texticon-border-color-disabled:GrayText;--spectrum-button-m-negative-quiet-texticon-border-color-down:Highlight;--spectrum-button-m-negative-quiet-texticon-border-color-hover:Highlight;--spectrum-button-m-negative-quiet-texticon-border-color-key-focus:Highlight;--spectrum-button-m-negative-quiet-texticon-text-color:ButtonText;--spectrum-button-m-negative-quiet-texticon-text-color-disabled:GrayText;--spectrum-button-m-negative-quiet-texticon-text-color-down:ButtonText;--spectrum-button-m-negative-quiet-texticon-text-color-hover:ButtonText;--spectrum-button-m-negative-quiet-texticon-text-color-key-focus:ButtonText;--spectrum-button-m-negative-texticon-background-color:ButtonFace;--spectrum-button-m-negative-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-negative-texticon-background-color-down:ButtonFace;--spectrum-button-m-negative-texticon-background-color-hover:ButtonFace;--spectrum-button-m-negative-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-negative-texticon-border-color:ButtonText;--spectrum-button-m-negative-texticon-border-color-disabled:GrayText;--spectrum-button-m-negative-texticon-border-color-down:Highlight;--spectrum-button-m-negative-texticon-border-color-hover:Highlight;--spectrum-button-m-negative-texticon-border-color-key-focus:Highlight;--spectrum-button-m-negative-texticon-text-color:ButtonText;--spectrum-button-m-negative-texticon-text-color-disabled:GrayText;--spectrum-button-m-negative-texticon-text-color-down:ButtonText;--spectrum-button-m-negative-texticon-text-color-hover:ButtonText;--spectrum-button-m-negative-texticon-text-color-key-focus:ButtonText;--spectrum-button-m-primary-overbackground-texticon-background-color:ButtonFace;--spectrum-button-m-primary-overbackground-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-overbackground-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-overbackground-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-overbackground-texticon-border-color:ButtonText;--spectrum-button-m-primary-overbackground-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-overbackground-texticon-border-color-down:Highlight;--spectrum-button-m-primary-overbackground-texticon-border-color-hover:Highlight;--spectrum-button-m-primary-overbackground-texticon-border-color-key-focus:Highlight;--spectrum-button-m-primary-overbackground-texticon-text-color:ButtonText;--spectrum-button-m-primary-overbackground-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-quiet-overbackground-texticon-background-color:ButtonFace;--spectrum-button-m-primary-quiet-overbackground-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-quiet-overbackground-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-quiet-overbackground-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-quiet-overbackground-texticon-border-color:ButtonText;--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-down:Highlight;--spectrum-button-m-primary-quiet-overbackground-texticon-border-color-hover:Highlight;--spectrum-button-m-primary-quiet-overbackground-texticon-text-color:ButtonText;--spectrum-button-m-primary-quiet-overbackground-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-quiet-overbackground-texticon-text-color-down:ButtonText;--spectrum-button-m-primary-quiet-overbackground-texticon-text-color-hover:ButtonText;--spectrum-button-m-primary-quiet-texticon-background-color:ButtonFace;--spectrum-button-m-primary-quiet-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-quiet-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-quiet-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-quiet-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-primary-quiet-texticon-border-color:ButtonText;--spectrum-button-m-primary-quiet-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-quiet-texticon-border-color-down:Highlight;--spectrum-button-m-primary-quiet-texticon-border-color-hover:Highlight;--spectrum-button-m-primary-quiet-texticon-border-color-key-focus:Highlight;--spectrum-button-m-primary-quiet-texticon-text-color:ButtonText;--spectrum-button-m-primary-quiet-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-quiet-texticon-text-color-down:ButtonText;--spectrum-button-m-primary-quiet-texticon-text-color-hover:ButtonText;--spectrum-button-m-primary-quiet-texticon-text-color-key-focus:ButtonText;--spectrum-button-m-primary-texticon-background-color:ButtonFace;--spectrum-button-m-primary-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-primary-texticon-border-color:ButtonText;--spectrum-button-m-primary-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-texticon-border-color-down:Highlight;--spectrum-button-m-primary-texticon-border-color-hover:Highlight;--spectrum-button-m-primary-texticon-border-color-key-focus:Highlight;--spectrum-button-m-primary-texticon-text-color:ButtonText;--spectrum-button-m-primary-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-texticon-text-color-down:ButtonText;--spectrum-button-m-primary-texticon-text-color-hover:ButtonText;--spectrum-button-m-primary-texticon-text-color-key-focus:ButtonText;--spectrum-button-m-secondary-quiet-texticon-background-color:ButtonFace;--spectrum-button-m-secondary-quiet-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-secondary-quiet-texticon-background-color-down:ButtonFace;--spectrum-button-m-secondary-quiet-texticon-background-color-hover:ButtonFace;--spectrum-button-m-secondary-quiet-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-secondary-quiet-texticon-border-color:ButtonText;--spectrum-button-m-secondary-quiet-texticon-border-color-disabled:GrayText;--spectrum-button-m-secondary-quiet-texticon-border-color-down:Highlight;--spectrum-button-m-secondary-quiet-texticon-border-color-hover:Highlight;--spectrum-button-m-secondary-quiet-texticon-border-color-key-focus:Highlight;--spectrum-button-m-secondary-quiet-texticon-text-color:ButtonText;--spectrum-button-m-secondary-quiet-texticon-text-color-disabled:GrayText;--spectrum-button-m-secondary-quiet-texticon-text-color-down:ButtonText;--spectrum-button-m-secondary-quiet-texticon-text-color-hover:ButtonText;--spectrum-button-m-secondary-quiet-texticon-text-color-key-focus:ButtonText;--spectrum-button-m-secondary-texticon-background-color:ButtonFace;--spectrum-button-m-secondary-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-secondary-texticon-background-color-down:ButtonFace;--spectrum-button-m-secondary-texticon-background-color-hover:ButtonFace;--spectrum-button-m-secondary-texticon-background-color-key-focus:ButtonFace;--spectrum-button-m-secondary-texticon-border-color:ButtonText;--spectrum-button-m-secondary-texticon-border-color-disabled:GrayText;--spectrum-button-m-secondary-texticon-border-color-down:Highlight;--spectrum-button-m-secondary-texticon-border-color-hover:Highlight;--spectrum-button-m-secondary-texticon-border-color-key-focus:Highlight;--spectrum-button-m-secondary-texticon-text-color:ButtonText;--spectrum-button-m-secondary-texticon-text-color-disabled:GrayText;--spectrum-button-m-secondary-texticon-text-color-down:ButtonText;--spectrum-button-m-secondary-texticon-text-color-hover:ButtonText;--spectrum-button-m-secondary-texticon-text-color-key-focus:ButtonText}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-texticon-focus-ring-size) Highlight}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(--spectrum-button-primary-texticon-focus-ring-size) Highlight}:host{forced-color-adjust:none}:host([variant=overBackground]:hover){color:ButtonText}:host([variant=overBackground].focus-visible){color:ButtonText}:host([variant=overBackground]:focus-visible){color:ButtonText}:host([variant=overBackground][active]){color:ButtonText}}@media (forced-colors:active){.spectrum-LogicButton:after{--spectrum-button-m-primary-texticon-focus-ring-color-key-focus:Highlight;forced-color-adjust:none}.spectrum-LogicButton{--spectrum-button-primary-texticon-focus-ring-size:2;--spectrum-button-m-secondary-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-secondary-texticon-border-color-disabled:GrayText;--spectrum-logicbutton-and-background-color:ButtonFace;--spectrum-logicbutton-and-background-color-disabled:ButtonFace;--spectrum-logicbutton-and-background-color-hover:ButtonFace;--spectrum-logicbutton-and-border-color:ButtonText;--spectrum-logicbutton-and-border-color-disabled:GrayText;--spectrum-logicbutton-and-border-color-hover:Highlight;--spectrum-logicbutton-and-text-color:ButtonText;--spectrum-logicbutton-and-text-color-disabled:GrayText;--spectrum-logicbutton-or-background-color:ButtonFace;--spectrum-logicbutton-or-background-color-hover:ButtonFace;--spectrum-logicbutton-or-border-color:ButtonText;--spectrum-logicbutton-or-border-color-hover:Highlight;--spectrum-logicbutton-or-text-color:ButtonText;forced-color-adjust:none}}:host([size=s]){--spectrum-icon-tshirt-size-height:var(
537
506
  --spectrum-alias-workflow-icon-size-s
538
507
  );--spectrum-icon-tshirt-size-width:var(
539
508
  --spectrum-alias-workflow-icon-size-s