@react-spectrum/actiongroup 3.11.6 → 3.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/dist/import.mjs +3 -3
  2. package/dist/main.js +4 -4
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +3 -3
  5. package/dist/module.js.map +1 -1
  6. package/dist/types/src/index.d.ts +3 -0
  7. package/package.json +14 -41
  8. package/src/index.ts +4 -3
  9. package/dist/ActionGroup.main.js +0 -398
  10. package/dist/ActionGroup.main.js.map +0 -1
  11. package/dist/ActionGroup.mjs +0 -393
  12. package/dist/ActionGroup.module.js +0 -393
  13. package/dist/ActionGroup.module.js.map +0 -1
  14. package/dist/actiongroup.bb161279.css +0 -1669
  15. package/dist/actiongroup.bb161279.css.map +0 -1
  16. package/dist/actiongroup.c0b1ee3f.css +0 -254
  17. package/dist/actiongroup.c0b1ee3f.css.map +0 -1
  18. package/dist/actiongroup_vars_css.main.js +0 -56
  19. package/dist/actiongroup_vars_css.main.js.map +0 -1
  20. package/dist/actiongroup_vars_css.mjs +0 -58
  21. package/dist/actiongroup_vars_css.module.js +0 -58
  22. package/dist/actiongroup_vars_css.module.js.map +0 -1
  23. package/dist/ar-AE.main.js +0 -6
  24. package/dist/ar-AE.main.js.map +0 -1
  25. package/dist/ar-AE.mjs +0 -8
  26. package/dist/ar-AE.module.js +0 -8
  27. package/dist/ar-AE.module.js.map +0 -1
  28. package/dist/bg-BG.main.js +0 -6
  29. package/dist/bg-BG.main.js.map +0 -1
  30. package/dist/bg-BG.mjs +0 -8
  31. package/dist/bg-BG.module.js +0 -8
  32. package/dist/bg-BG.module.js.map +0 -1
  33. package/dist/button_vars_css.main.js +0 -125
  34. package/dist/button_vars_css.main.js.map +0 -1
  35. package/dist/button_vars_css.mjs +0 -127
  36. package/dist/button_vars_css.module.js +0 -127
  37. package/dist/button_vars_css.module.js.map +0 -1
  38. package/dist/cs-CZ.main.js +0 -6
  39. package/dist/cs-CZ.main.js.map +0 -1
  40. package/dist/cs-CZ.mjs +0 -8
  41. package/dist/cs-CZ.module.js +0 -8
  42. package/dist/cs-CZ.module.js.map +0 -1
  43. package/dist/da-DK.main.js +0 -6
  44. package/dist/da-DK.main.js.map +0 -1
  45. package/dist/da-DK.mjs +0 -8
  46. package/dist/da-DK.module.js +0 -8
  47. package/dist/da-DK.module.js.map +0 -1
  48. package/dist/de-DE.main.js +0 -6
  49. package/dist/de-DE.main.js.map +0 -1
  50. package/dist/de-DE.mjs +0 -8
  51. package/dist/de-DE.module.js +0 -8
  52. package/dist/de-DE.module.js.map +0 -1
  53. package/dist/el-GR.main.js +0 -6
  54. package/dist/el-GR.main.js.map +0 -1
  55. package/dist/el-GR.mjs +0 -8
  56. package/dist/el-GR.module.js +0 -8
  57. package/dist/el-GR.module.js.map +0 -1
  58. package/dist/en-US.main.js +0 -6
  59. package/dist/en-US.main.js.map +0 -1
  60. package/dist/en-US.mjs +0 -8
  61. package/dist/en-US.module.js +0 -8
  62. package/dist/en-US.module.js.map +0 -1
  63. package/dist/es-ES.main.js +0 -6
  64. package/dist/es-ES.main.js.map +0 -1
  65. package/dist/es-ES.mjs +0 -8
  66. package/dist/es-ES.module.js +0 -8
  67. package/dist/es-ES.module.js.map +0 -1
  68. package/dist/et-EE.main.js +0 -6
  69. package/dist/et-EE.main.js.map +0 -1
  70. package/dist/et-EE.mjs +0 -8
  71. package/dist/et-EE.module.js +0 -8
  72. package/dist/et-EE.module.js.map +0 -1
  73. package/dist/fi-FI.main.js +0 -6
  74. package/dist/fi-FI.main.js.map +0 -1
  75. package/dist/fi-FI.mjs +0 -8
  76. package/dist/fi-FI.module.js +0 -8
  77. package/dist/fi-FI.module.js.map +0 -1
  78. package/dist/fr-FR.main.js +0 -6
  79. package/dist/fr-FR.main.js.map +0 -1
  80. package/dist/fr-FR.mjs +0 -8
  81. package/dist/fr-FR.module.js +0 -8
  82. package/dist/fr-FR.module.js.map +0 -1
  83. package/dist/he-IL.main.js +0 -6
  84. package/dist/he-IL.main.js.map +0 -1
  85. package/dist/he-IL.mjs +0 -8
  86. package/dist/he-IL.module.js +0 -8
  87. package/dist/he-IL.module.js.map +0 -1
  88. package/dist/hr-HR.main.js +0 -6
  89. package/dist/hr-HR.main.js.map +0 -1
  90. package/dist/hr-HR.mjs +0 -8
  91. package/dist/hr-HR.module.js +0 -8
  92. package/dist/hr-HR.module.js.map +0 -1
  93. package/dist/hu-HU.main.js +0 -6
  94. package/dist/hu-HU.main.js.map +0 -1
  95. package/dist/hu-HU.mjs +0 -8
  96. package/dist/hu-HU.module.js +0 -8
  97. package/dist/hu-HU.module.js.map +0 -1
  98. package/dist/intlStrings.main.js +0 -108
  99. package/dist/intlStrings.main.js.map +0 -1
  100. package/dist/intlStrings.mjs +0 -110
  101. package/dist/intlStrings.module.js +0 -110
  102. package/dist/intlStrings.module.js.map +0 -1
  103. package/dist/it-IT.main.js +0 -6
  104. package/dist/it-IT.main.js.map +0 -1
  105. package/dist/it-IT.mjs +0 -8
  106. package/dist/it-IT.module.js +0 -8
  107. package/dist/it-IT.module.js.map +0 -1
  108. package/dist/ja-JP.main.js +0 -6
  109. package/dist/ja-JP.main.js.map +0 -1
  110. package/dist/ja-JP.mjs +0 -8
  111. package/dist/ja-JP.module.js +0 -8
  112. package/dist/ja-JP.module.js.map +0 -1
  113. package/dist/ko-KR.main.js +0 -6
  114. package/dist/ko-KR.main.js.map +0 -1
  115. package/dist/ko-KR.mjs +0 -8
  116. package/dist/ko-KR.module.js +0 -8
  117. package/dist/ko-KR.module.js.map +0 -1
  118. package/dist/lt-LT.main.js +0 -6
  119. package/dist/lt-LT.main.js.map +0 -1
  120. package/dist/lt-LT.mjs +0 -8
  121. package/dist/lt-LT.module.js +0 -8
  122. package/dist/lt-LT.module.js.map +0 -1
  123. package/dist/lv-LV.main.js +0 -6
  124. package/dist/lv-LV.main.js.map +0 -1
  125. package/dist/lv-LV.mjs +0 -8
  126. package/dist/lv-LV.module.js +0 -8
  127. package/dist/lv-LV.module.js.map +0 -1
  128. package/dist/nb-NO.main.js +0 -6
  129. package/dist/nb-NO.main.js.map +0 -1
  130. package/dist/nb-NO.mjs +0 -8
  131. package/dist/nb-NO.module.js +0 -8
  132. package/dist/nb-NO.module.js.map +0 -1
  133. package/dist/nl-NL.main.js +0 -6
  134. package/dist/nl-NL.main.js.map +0 -1
  135. package/dist/nl-NL.mjs +0 -8
  136. package/dist/nl-NL.module.js +0 -8
  137. package/dist/nl-NL.module.js.map +0 -1
  138. package/dist/pl-PL.main.js +0 -6
  139. package/dist/pl-PL.main.js.map +0 -1
  140. package/dist/pl-PL.mjs +0 -8
  141. package/dist/pl-PL.module.js +0 -8
  142. package/dist/pl-PL.module.js.map +0 -1
  143. package/dist/pt-BR.main.js +0 -6
  144. package/dist/pt-BR.main.js.map +0 -1
  145. package/dist/pt-BR.mjs +0 -8
  146. package/dist/pt-BR.module.js +0 -8
  147. package/dist/pt-BR.module.js.map +0 -1
  148. package/dist/pt-PT.main.js +0 -6
  149. package/dist/pt-PT.main.js.map +0 -1
  150. package/dist/pt-PT.mjs +0 -8
  151. package/dist/pt-PT.module.js +0 -8
  152. package/dist/pt-PT.module.js.map +0 -1
  153. package/dist/ro-RO.main.js +0 -6
  154. package/dist/ro-RO.main.js.map +0 -1
  155. package/dist/ro-RO.mjs +0 -8
  156. package/dist/ro-RO.module.js +0 -8
  157. package/dist/ro-RO.module.js.map +0 -1
  158. package/dist/ru-RU.main.js +0 -6
  159. package/dist/ru-RU.main.js.map +0 -1
  160. package/dist/ru-RU.mjs +0 -8
  161. package/dist/ru-RU.module.js +0 -8
  162. package/dist/ru-RU.module.js.map +0 -1
  163. package/dist/sk-SK.main.js +0 -6
  164. package/dist/sk-SK.main.js.map +0 -1
  165. package/dist/sk-SK.mjs +0 -8
  166. package/dist/sk-SK.module.js +0 -8
  167. package/dist/sk-SK.module.js.map +0 -1
  168. package/dist/sl-SI.main.js +0 -6
  169. package/dist/sl-SI.main.js.map +0 -1
  170. package/dist/sl-SI.mjs +0 -8
  171. package/dist/sl-SI.module.js +0 -8
  172. package/dist/sl-SI.module.js.map +0 -1
  173. package/dist/sr-SP.main.js +0 -6
  174. package/dist/sr-SP.main.js.map +0 -1
  175. package/dist/sr-SP.mjs +0 -8
  176. package/dist/sr-SP.module.js +0 -8
  177. package/dist/sr-SP.module.js.map +0 -1
  178. package/dist/sv-SE.main.js +0 -6
  179. package/dist/sv-SE.main.js.map +0 -1
  180. package/dist/sv-SE.mjs +0 -8
  181. package/dist/sv-SE.module.js +0 -8
  182. package/dist/sv-SE.module.js.map +0 -1
  183. package/dist/tr-TR.main.js +0 -6
  184. package/dist/tr-TR.main.js.map +0 -1
  185. package/dist/tr-TR.mjs +0 -8
  186. package/dist/tr-TR.module.js +0 -8
  187. package/dist/tr-TR.module.js.map +0 -1
  188. package/dist/types.d.ts +0 -13
  189. package/dist/types.d.ts.map +0 -1
  190. package/dist/uk-UA.main.js +0 -6
  191. package/dist/uk-UA.main.js.map +0 -1
  192. package/dist/uk-UA.mjs +0 -8
  193. package/dist/uk-UA.module.js +0 -8
  194. package/dist/uk-UA.module.js.map +0 -1
  195. package/dist/zh-CN.main.js +0 -6
  196. package/dist/zh-CN.main.js.map +0 -1
  197. package/dist/zh-CN.mjs +0 -8
  198. package/dist/zh-CN.module.js +0 -8
  199. package/dist/zh-CN.module.js.map +0 -1
  200. package/dist/zh-TW.main.js +0 -6
  201. package/dist/zh-TW.main.js.map +0 -1
  202. package/dist/zh-TW.mjs +0 -8
  203. package/dist/zh-TW.module.js +0 -8
  204. package/dist/zh-TW.module.js.map +0 -1
  205. package/src/ActionGroup.tsx +0 -500
@@ -1,1669 +0,0 @@
1
- .o7Xu8a_i18nFontFamily {
2
- font-synthesis: weight;
3
- font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
- }
5
-
6
- .o7Xu8a_i18nFontFamily:lang(ar) {
7
- font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
- }
9
-
10
- .o7Xu8a_i18nFontFamily:lang(he) {
11
- font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
- }
13
-
14
- .o7Xu8a_i18nFontFamily:lang(zh) {
15
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
- }
17
-
18
- .o7Xu8a_i18nFontFamily:lang(zh-Hans) {
19
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
- }
21
-
22
- .o7Xu8a_i18nFontFamily:lang(zh-Hant) {
23
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
- }
25
-
26
- .o7Xu8a_i18nFontFamily:lang(zh-SG), .o7Xu8a_i18nFontFamily:lang(zh-CN) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .o7Xu8a_i18nFontFamily:lang(ko) {
31
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
- }
33
-
34
- .o7Xu8a_i18nFontFamily:lang(ja) {
35
- font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
- }
37
-
38
- .o7Xu8a_spectrum-FocusRing-ring {
39
- --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
- --spectrum-focus-ring-border-size: 0px;
43
- --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
- }
45
-
46
- .o7Xu8a_spectrum-FocusRing-ring:after {
47
- border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
- content: "";
49
- margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
- pointer-events: none;
51
- transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
- display: block;
53
- position: absolute;
54
- inset: 0;
55
- }
56
-
57
- .o7Xu8a_spectrum-FocusRing.o7Xu8a_focus-ring:after {
58
- margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
- box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
- }
61
-
62
- .o7Xu8a_spectrum-FocusRing--quiet:after {
63
- border-radius: 0;
64
- }
65
-
66
- .o7Xu8a_spectrum-FocusRing--quiet.o7Xu8a_focus-ring:after {
67
- margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
- box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
- }
70
-
71
- @media (forced-colors: active) {
72
- .o7Xu8a_spectrum-FocusRing, .o7Xu8a_spectrum-FocusRing-ring, .o7Xu8a_spectrum-FocusRing--quiet {
73
- --spectrum-high-contrast-focus-ring-color: Highlight;
74
- }
75
-
76
- :is(.o7Xu8a_spectrum-FocusRing, .o7Xu8a_spectrum-FocusRing-ring, .o7Xu8a_spectrum-FocusRing--quiet):after {
77
- forced-color-adjust: none;
78
- }
79
- }
80
-
81
- .o7Xu8a_spectrum-BaseButton {
82
- box-sizing: border-box;
83
- border-radius: var(--spectrum-button-border-radius);
84
- border-style: solid;
85
- border-width: var(--spectrum-button-border-width);
86
- --spectrum-focus-ring-border-radius: var(--spectrum-button-border-radius);
87
- --spectrum-focus-ring-border-size: var(--spectrum-button-border-width);
88
- --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
89
- --spectrum-focus-ring-size: var(--spectrum-button-primary-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size));
90
- text-transform: none;
91
- -webkit-font-smoothing: antialiased;
92
- -moz-osx-font-smoothing: grayscale;
93
- justify-content: center;
94
- align-items: center;
95
- margin: 0;
96
- display: inline-flex;
97
- position: relative;
98
- overflow: visible;
99
- }
100
-
101
- button.o7Xu8a_spectrum-BaseButton {
102
- -webkit-appearance: button;
103
- }
104
-
105
- .o7Xu8a_spectrum-BaseButton {
106
- vertical-align: top;
107
- 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;
108
- -webkit-user-select: none;
109
- user-select: none;
110
- touch-action: none;
111
- cursor: default;
112
- isolation: isolate;
113
- line-height: 1.3;
114
- text-decoration: none;
115
- }
116
-
117
- .o7Xu8a_spectrum-BaseButton:focus {
118
- outline: none;
119
- }
120
-
121
- .o7Xu8a_spectrum-BaseButton.o7Xu8a_focus-ring {
122
- z-index: 3;
123
- }
124
-
125
- .o7Xu8a_spectrum-BaseButton::-moz-focus-inner {
126
- border: 0;
127
- margin-block: -2px;
128
- padding: 0;
129
- }
130
-
131
- .o7Xu8a_spectrum-BaseButton:disabled, .o7Xu8a_spectrum-BaseButton.o7Xu8a_is-disabled {
132
- cursor: default;
133
- }
134
-
135
- .o7Xu8a_spectrum-BaseButton .o7Xu8a_spectrum-Icon {
136
- max-block-size: 100%;
137
- transition: background var(--spectrum-global-animation-duration-100, .13s) ease-out, fill var(--spectrum-global-animation-duration-100, .13s) ease-out;
138
- box-sizing: initial;
139
- flex-shrink: 0;
140
- order: 0;
141
- }
142
-
143
- .o7Xu8a_spectrum-Button {
144
- --spectrum-button-border-radius: var(--spectrum-button-primary-border-radius, var(--spectrum-alias-border-radius-large));
145
- --spectrum-button-border-width: var(--spectrum-button-primary-border-size, var(--spectrum-alias-border-size-thick));
146
- min-block-size: var(--spectrum-button-primary-height, var(--spectrum-alias-single-line-height));
147
- block-size: 0%;
148
- min-inline-size: var(--spectrum-button-primary-min-width);
149
- padding: var(--spectrum-global-dimension-size-50) calc(var(--spectrum-button-primary-padding-x, var(--spectrum-global-dimension-size-200)) - var(--spectrum-button-primary-border-size, var(--spectrum-alias-border-size-thick)));
150
- font-size: var(--spectrum-button-primary-text-size, var(--spectrum-alias-pill-button-text-size));
151
- font-weight: var(--spectrum-button-primary-text-font-weight, var(--spectrum-global-font-weight-bold));
152
- border-style: solid;
153
- padding-block-start: calc(var(--spectrum-global-dimension-size-50) - 1px);
154
- padding-block-end: calc(var(--spectrum-global-dimension-size-50) + 1px);
155
- }
156
-
157
- .o7Xu8a_spectrum-Button.o7Xu8a_is-hovered, .o7Xu8a_spectrum-Button:active {
158
- box-shadow: none;
159
- }
160
-
161
- .o7Xu8a_spectrum-Button .o7Xu8a_spectrum-Icon + .o7Xu8a_spectrum-Button-label {
162
- margin-inline-start: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100));
163
- }
164
-
165
- .o7Xu8a_spectrum-Button .o7Xu8a_spectrum-Button-label + .o7Xu8a_spectrum-Icon {
166
- margin-inline-end: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100));
167
- }
168
-
169
- .o7Xu8a_spectrum-Button.o7Xu8a_spectrum-Button--iconOnly {
170
- min-inline-size: unset;
171
- padding: var(--spectrum-global-dimension-size-65);
172
- }
173
-
174
- .o7Xu8a_spectrum-Button .o7Xu8a_spectrum-Button-circleLoader {
175
- align-items: center;
176
- display: flex;
177
- position: absolute;
178
- top: 50%;
179
- left: 50%;
180
- transform: translate(-50%, -50%);
181
- }
182
-
183
- .o7Xu8a_spectrum-Button.o7Xu8a_spectrum-Button--pending .o7Xu8a_spectrum-Button-label, .o7Xu8a_spectrum-Button.o7Xu8a_spectrum-Button--pending .o7Xu8a_spectrum-Icon {
184
- opacity: 0;
185
- }
186
-
187
- a.o7Xu8a_spectrum-Button, a.o7Xu8a_spectrum-ActionButton {
188
- -webkit-appearance: none;
189
- -webkit-user-select: none;
190
- user-select: none;
191
- cursor: pointer;
192
- }
193
-
194
- .o7Xu8a_spectrum-ActionButton {
195
- block-size: var(--spectrum-actionbutton-height, var(--spectrum-alias-single-line-height));
196
- min-inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
197
- --spectrum-button-border-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular));
198
- --spectrum-button-border-width: var(--spectrum-actionbutton-border-size, var(--spectrum-alias-border-size-thin));
199
- font-size: var(--spectrum-actionbutton-text-size, var(--spectrum-alias-font-size-default));
200
- font-weight: var(--spectrum-actionbutton-text-font-weight, var(--spectrum-alias-body-text-font-weight));
201
- padding: 0;
202
- position: relative;
203
- }
204
-
205
- .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon {
206
- padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
207
- }
208
-
209
- .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-label {
210
- padding-inline-end: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
211
- }
212
-
213
- .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon + .o7Xu8a_spectrum-ActionButton-label {
214
- padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
215
- }
216
-
217
- .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-label:not([hidden]) + .o7Xu8a_spectrum-Icon {
218
- padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
219
- }
220
-
221
- .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-label:only-child, .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-hold + .o7Xu8a_spectrum-ActionButton-label:last-child {
222
- padding-inline-start: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
223
- }
224
-
225
- .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon:only-child, .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-hold + .o7Xu8a_spectrum-Icon:last-child {
226
- padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
227
- }
228
-
229
- .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionGroup-itemIcon.o7Xu8a_spectrum-ActionGroup-itemIcon {
230
- padding-inline-end: 0;
231
- }
232
-
233
- .o7Xu8a_spectrum-ActionButton-hold {
234
- bottom: var(--spectrum-actionbutton-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-40));
235
- position: absolute;
236
- }
237
-
238
- .o7Xu8a_spectrum-ActionButton-hold:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
239
- right: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
240
- }
241
-
242
- .o7Xu8a_spectrum-ActionButton-hold:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
243
- right: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
244
- }
245
-
246
- .o7Xu8a_spectrum-ActionButton-hold:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
247
- left: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
248
- }
249
-
250
- .o7Xu8a_spectrum-ActionButton-hold:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
251
- left: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
252
- }
253
-
254
- [dir="rtl"] .o7Xu8a_spectrum-ActionButton-hold {
255
- transform: rotate(90deg);
256
- }
257
-
258
- .o7Xu8a_spectrum-ActionButton-label, .o7Xu8a_spectrum-Button-label {
259
- text-align: center;
260
- order: 1;
261
- place-self: center;
262
- inline-size: 100%;
263
- }
264
-
265
- :is(.o7Xu8a_spectrum-ActionButton-label, .o7Xu8a_spectrum-Button-label):empty {
266
- display: none;
267
- }
268
-
269
- .o7Xu8a_spectrum-ActionButton-label {
270
- white-space: nowrap;
271
- text-overflow: ellipsis;
272
- overflow: hidden;
273
- }
274
-
275
- .o7Xu8a_spectrum-ActionButton--quiet {
276
- border-width: var(--spectrum-actionbutton-quiet-border-size, var(--spectrum-alias-border-size-thin));
277
- border-radius: var(--spectrum-actionbutton-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
278
- font-size: var(--spectrum-actionbutton-quiet-text-size, var(--spectrum-alias-font-size-default));
279
- font-weight: var(--spectrum-actionbutton-quiet-text-font-weight, var(--spectrum-alias-body-text-font-weight));
280
- }
281
-
282
- .o7Xu8a_spectrum-LogicButton {
283
- block-size: var(--spectrum-logicbutton-and-height, 24px);
284
- padding: var(--spectrum-logicbutton-and-padding-x, var(--spectrum-global-dimension-size-100));
285
- --spectrum-button-border-width: var(--spectrum-logicbutton-and-border-size, var(--spectrum-alias-border-size-thick));
286
- --spectrum-button-border-radius: var(--spectrum-logicbutton-and-border-radius, var(--spectrum-alias-border-radius-regular));
287
- font-size: var(--spectrum-logicbutton-and-text-size, var(--spectrum-alias-font-size-default));
288
- font-weight: var(--spectrum-logicbutton-and-text-font-weight, var(--spectrum-global-font-weight-bold));
289
- line-height: 0;
290
- }
291
-
292
- .o7Xu8a_spectrum-FieldButton {
293
- block-size: var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400));
294
- padding: 0 var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
295
- font-family: inherit;
296
- font-weight: normal;
297
- font-size: var(--spectrum-dropdown-text-size, var(--spectrum-alias-font-size-default));
298
- -webkit-font-smoothing: initial;
299
- cursor: default;
300
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
301
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
302
- padding-block: 0;
303
- padding-inline: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
304
- --spectrum-button-border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin));
305
- --spectrum-button-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
306
- transition: background-color var(--spectrum-global-animation-duration-100, .13s), box-shadow var(--spectrum-global-animation-duration-100, .13s), border-color var(--spectrum-global-animation-duration-100, .13s);
307
- border-style: solid;
308
- outline: none;
309
- margin: 0;
310
- line-height: normal;
311
- position: relative;
312
- }
313
-
314
- .o7Xu8a_spectrum-FieldButton:disabled, .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-disabled {
315
- cursor: default;
316
- border-width: 0;
317
- }
318
-
319
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-open {
320
- border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin));
321
- }
322
-
323
- .o7Xu8a_spectrum-FieldButton--quiet {
324
- --spectrum-button-border-width: 0;
325
- --spectrum-button-border-radius: var(--spectrum-fieldbutton-quiet-border-radius, 0px);
326
- --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25));
327
- margin: 0;
328
- padding: 0;
329
- }
330
-
331
- .o7Xu8a_spectrum-FieldButton--quiet:disabled.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-disabled.o7Xu8a_focus-ring {
332
- box-shadow: none;
333
- }
334
-
335
- .o7Xu8a_spectrum-ClearButton {
336
- inline-size: var(--spectrum-clearbutton-medium-width, var(--spectrum-alias-single-line-height));
337
- block-size: var(--spectrum-clearbutton-medium-height, var(--spectrum-alias-single-line-height));
338
- --spectrum-button-border-radius: 100%;
339
- --spectrum-button-border-width: 0px;
340
- border: none;
341
- margin: 0;
342
- padding: 0;
343
- }
344
-
345
- .o7Xu8a_spectrum-ClearButton > .o7Xu8a_spectrum-Icon {
346
- margin-block: 0;
347
- margin-inline: auto;
348
- }
349
-
350
- .o7Xu8a_spectrum-ClearButton.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_spectrum-ClearButton--inset {
351
- box-sizing: border-box;
352
- transition: unset;
353
- }
354
-
355
- .o7Xu8a_spectrum-ClearButton.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_spectrum-ClearButton--inset:after {
356
- aspect-ratio: 1;
357
- height: calc(100% - 2px);
358
- top: 50%;
359
- left: 50%;
360
- right: unset;
361
- bottom: unset;
362
- margin: 0;
363
- transition: unset;
364
- transform: translate(-50%, -50%);
365
- }
366
-
367
- .o7Xu8a_spectrum-ClearButton.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_focus-ring:after {
368
- box-shadow: inset 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
369
- }
370
-
371
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
372
- .o7Xu8a_spectrum-ClearButton > .o7Xu8a_spectrum-Icon {
373
- margin: 0;
374
- }
375
- }
376
-
377
- .o7Xu8a_spectrum-ClearButton--small {
378
- inline-size: var(--spectrum-clearbutton-small-width, var(--spectrum-global-dimension-size-300));
379
- block-size: var(--spectrum-clearbutton-small-height, var(--spectrum-global-dimension-size-300));
380
- }
381
-
382
- .o7Xu8a_spectrum-ClearButton {
383
- background-color: var(--spectrum-clearbutton-medium-background-color, var(--spectrum-alias-background-color-transparent));
384
- color: var(--spectrum-clearbutton-medium-icon-color, var(--spectrum-alias-icon-color));
385
- }
386
-
387
- .o7Xu8a_spectrum-ClearButton .o7Xu8a_spectrum-Icon {
388
- fill: var(--spectrum-clearbutton-medium-icon-color, var(--spectrum-alias-icon-color));
389
- }
390
-
391
- .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-hovered {
392
- background-color: var(--spectrum-clearbutton-medium-background-color-hover, var(--spectrum-alias-background-color-transparent));
393
- color: var(--spectrum-clearbutton-medium-icon-color-hover, var(--spectrum-alias-icon-color-hover));
394
- }
395
-
396
- .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
397
- fill: var(--spectrum-clearbutton-medium-icon-color-hover, var(--spectrum-alias-icon-color-hover));
398
- }
399
-
400
- .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-active {
401
- background-color: var(--spectrum-clearbutton-medium-background-color-down, var(--spectrum-alias-background-color-transparent));
402
- color: var(--spectrum-clearbutton-medium-icon-color-down, var(--spectrum-alias-icon-color-down));
403
- }
404
-
405
- .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
406
- fill: var(--spectrum-clearbutton-medium-icon-color-down, var(--spectrum-alias-icon-color-down));
407
- }
408
-
409
- .o7Xu8a_spectrum-ClearButton.o7Xu8a_focus-ring {
410
- background-color: var(--spectrum-clearbutton-medium-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
411
- color: var(--spectrum-clearbutton-medium-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
412
- }
413
-
414
- .o7Xu8a_spectrum-ClearButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
415
- fill: var(--spectrum-clearbutton-medium-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
416
- }
417
-
418
- .o7Xu8a_spectrum-ClearButton:disabled {
419
- background-color: var(--spectrum-clearbutton-medium-background-color-disabled, var(--spectrum-alias-background-color-transparent));
420
- color: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
421
- }
422
-
423
- .o7Xu8a_spectrum-ClearButton:disabled .o7Xu8a_spectrum-Icon {
424
- fill: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
425
- }
426
-
427
- .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-disabled {
428
- background-color: var(--spectrum-clearbutton-medium-background-color-disabled, var(--spectrum-alias-background-color-transparent));
429
- color: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
430
- }
431
-
432
- .o7Xu8a_spectrum-ClearButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
433
- fill: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
434
- }
435
-
436
- .o7Xu8a_spectrum-ClearButton--overBackground {
437
- --spectrum-clearbutton-medium-background-color: transparent;
438
- --spectrum-clearbutton-medium-background-color-hover: #ffffff1a;
439
- --spectrum-clearbutton-medium-background-color-key-focus: #ffffff1a;
440
- --spectrum-clearbutton-medium-background-color-down: #ffffff26;
441
- --spectrum-clearbutton-medium-background-color-disabled: transparent;
442
- --spectrum-clearbutton-medium-icon-color: white;
443
- --spectrum-clearbutton-medium-icon-color-hover: white;
444
- --spectrum-clearbutton-medium-icon-color-down: white;
445
- --spectrum-clearbutton-medium-icon-color-key-focus: white;
446
- --spectrum-clearbutton-medium-icon-color-disabled: #ffffff8c;
447
- --spectrum-focus-ring-color: white;
448
- }
449
-
450
- .o7Xu8a_spectrum-Button[data-style="fill"] {
451
- --spectrum-button-text-color: white;
452
- --spectrum-button-text-color-hover: var(--spectrum-button-text-color);
453
- --spectrum-button-text-color-down: var(--spectrum-button-text-color);
454
- --spectrum-button-text-color-key-focus: var(--spectrum-button-text-color);
455
- --spectrum-button-text-color-disabled: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500));
456
- --spectrum-button-color-disabled: var(--spectrum-alias-background-color-disabled);
457
- background-color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-color));
458
- color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color));
459
- border-color: #0000;
460
- }
461
-
462
- .o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_is-hovered {
463
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-hover));
464
- color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color-hover));
465
- }
466
-
467
- .o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_focus-ring {
468
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-key-focus));
469
- color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color-key-focus));
470
- }
471
-
472
- .o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_is-active {
473
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-down));
474
- color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color-down));
475
- }
476
-
477
- .o7Xu8a_spectrum-Button[data-style="fill"]:disabled, .o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_is-disabled {
478
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-color-disabled));
479
- color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled));
480
- }
481
-
482
- .o7Xu8a_spectrum-Button[data-style="outline"] {
483
- --spectrum-button-text-color: var(--spectrum-button-color);
484
- --spectrum-button-text-color-hover: var(--spectrum-button-color-hover);
485
- --spectrum-button-text-color-down: var(--spectrum-button-color-down);
486
- --spectrum-button-text-color-key-focus: var(--spectrum-button-color-key-focus);
487
- --spectrum-button-text-color-disabled: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500));
488
- --spectrum-button-color-disabled: var(--spectrum-alias-background-color-disabled);
489
- border-color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-color));
490
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color));
491
- background-color: #0000;
492
- }
493
-
494
- .o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_is-hovered {
495
- background-color: var(--spectrum-high-contrast-transparent, var(--spectrum-button-background-color-hover));
496
- border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-hover));
497
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color-hover));
498
- }
499
-
500
- .o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_focus-ring {
501
- background-color: var(--spectrum-high-contrast-transparent, var(--spectrum-button-background-color-key-focus));
502
- border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-key-focus));
503
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color-key-focus));
504
- }
505
-
506
- .o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_is-active {
507
- background-color: var(--spectrum-high-contrast-transparent, var(--spectrum-button-background-color-down));
508
- border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-down));
509
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color-down));
510
- }
511
-
512
- .o7Xu8a_spectrum-Button[data-style="outline"]:disabled, .o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_is-disabled {
513
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-color-disabled));
514
- color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled));
515
- background-color: #0000;
516
- }
517
-
518
- .o7Xu8a_spectrum-Button[data-static-color="white"] {
519
- --spectrum-focus-ring-color: white;
520
- }
521
-
522
- .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="accent"][data-style="fill"] {
523
- --spectrum-button-color: #ffffffe6;
524
- --spectrum-button-color-hover: white;
525
- --spectrum-button-color-down: white;
526
- --spectrum-button-color-key-focus: white;
527
- --spectrum-button-color-disabled: #ffffff1a;
528
- --spectrum-button-text-color: black;
529
- --spectrum-button-text-color-disabled: #ffffff8c;
530
- }
531
-
532
- .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="accent"][data-style="outline"] {
533
- --spectrum-button-color: #ffffffe6;
534
- --spectrum-button-color-hover: white;
535
- --spectrum-button-color-down: white;
536
- --spectrum-button-color-key-focus: white;
537
- --spectrum-button-color-disabled: #ffffff40;
538
- --spectrum-button-text-color: white;
539
- --spectrum-button-text-color-hover: white;
540
- --spectrum-button-text-color-down: white;
541
- --spectrum-button-text-color-key-focus: white;
542
- --spectrum-button-text-color-disabled: #ffffff8c;
543
- --spectrum-button-background-color-hover: #ffffff1a;
544
- --spectrum-button-background-color-down: #ffffff26;
545
- --spectrum-button-background-color-key-focus: #ffffff1a;
546
- }
547
-
548
- .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="negative"][data-style="fill"] {
549
- --spectrum-button-color: #ffffffe6;
550
- --spectrum-button-color-hover: white;
551
- --spectrum-button-color-down: white;
552
- --spectrum-button-color-key-focus: white;
553
- --spectrum-button-color-disabled: #ffffff1a;
554
- --spectrum-button-text-color: black;
555
- --spectrum-button-text-color-disabled: #ffffff8c;
556
- }
557
-
558
- .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="negative"][data-style="outline"] {
559
- --spectrum-button-color: #ffffffe6;
560
- --spectrum-button-color-hover: white;
561
- --spectrum-button-color-down: white;
562
- --spectrum-button-color-key-focus: white;
563
- --spectrum-button-color-disabled: #ffffff40;
564
- --spectrum-button-text-color: white;
565
- --spectrum-button-text-color-hover: white;
566
- --spectrum-button-text-color-down: white;
567
- --spectrum-button-text-color-key-focus: white;
568
- --spectrum-button-text-color-disabled: #ffffff8c;
569
- --spectrum-button-background-color-hover: #ffffff1a;
570
- --spectrum-button-background-color-down: #ffffff26;
571
- --spectrum-button-background-color-key-focus: #ffffff1a;
572
- }
573
-
574
- .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="primary"][data-style="fill"] {
575
- --spectrum-button-color: #ffffffe6;
576
- --spectrum-button-color-hover: white;
577
- --spectrum-button-color-down: white;
578
- --spectrum-button-color-key-focus: white;
579
- --spectrum-button-color-disabled: #ffffff1a;
580
- --spectrum-button-text-color: black;
581
- --spectrum-button-text-color-disabled: #ffffff8c;
582
- }
583
-
584
- .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="primary"][data-style="outline"] {
585
- --spectrum-button-color: #ffffffe6;
586
- --spectrum-button-color-hover: white;
587
- --spectrum-button-color-down: white;
588
- --spectrum-button-color-key-focus: white;
589
- --spectrum-button-color-disabled: #ffffff40;
590
- --spectrum-button-text-color: white;
591
- --spectrum-button-text-color-hover: white;
592
- --spectrum-button-text-color-down: white;
593
- --spectrum-button-text-color-key-focus: white;
594
- --spectrum-button-text-color-disabled: #ffffff8c;
595
- --spectrum-button-background-color-hover: #ffffff1a;
596
- --spectrum-button-background-color-down: #ffffff26;
597
- --spectrum-button-background-color-key-focus: #ffffff1a;
598
- }
599
-
600
- .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="secondary"][data-style="fill"] {
601
- --spectrum-button-color: #ffffff12;
602
- --spectrum-button-color-hover: #ffffff1a;
603
- --spectrum-button-color-down: #ffffff26;
604
- --spectrum-button-color-key-focus: #ffffff1a;
605
- --spectrum-button-color-disabled: #ffffff1a;
606
- --spectrum-button-text-color: white;
607
- --spectrum-button-text-color-disabled: #ffffff8c;
608
- }
609
-
610
- .o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="secondary"][data-style="outline"] {
611
- --spectrum-button-color: #ffffff40;
612
- --spectrum-button-color-hover: #fff6;
613
- --spectrum-button-color-down: #ffffff8c;
614
- --spectrum-button-color-key-focus: #fff6;
615
- --spectrum-button-color-disabled: #ffffff40;
616
- --spectrum-button-text-color: white;
617
- --spectrum-button-text-color-hover: white;
618
- --spectrum-button-text-color-down: white;
619
- --spectrum-button-text-color-key-focus: white;
620
- --spectrum-button-text-color-disabled: #ffffff8c;
621
- --spectrum-button-background-color-hover: #ffffff1a;
622
- --spectrum-button-background-color-down: #ffffff26;
623
- --spectrum-button-background-color-key-focus: #ffffff1a;
624
- }
625
-
626
- .o7Xu8a_spectrum-Button[data-static-color="black"] {
627
- --spectrum-focus-ring-color: black;
628
- }
629
-
630
- .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="accent"][data-style="fill"] {
631
- --spectrum-button-color: #000000e6;
632
- --spectrum-button-color-hover: black;
633
- --spectrum-button-color-down: black;
634
- --spectrum-button-color-key-focus: black;
635
- --spectrum-button-color-disabled: #0000001a;
636
- --spectrum-button-text-color: white;
637
- --spectrum-button-text-color-disabled: #0000008c;
638
- }
639
-
640
- .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="accent"][data-style="outline"] {
641
- --spectrum-button-color: #000000e6;
642
- --spectrum-button-color-hover: black;
643
- --spectrum-button-color-down: black;
644
- --spectrum-button-color-key-focus: black;
645
- --spectrum-button-color-disabled: #00000040;
646
- --spectrum-button-text-color: black;
647
- --spectrum-button-text-color-hover: black;
648
- --spectrum-button-text-color-down: black;
649
- --spectrum-button-text-color-key-focus: black;
650
- --spectrum-button-text-color-disabled: #0000008c;
651
- --spectrum-button-background-color-hover: #0000001a;
652
- --spectrum-button-background-color-down: #00000026;
653
- --spectrum-button-background-color-key-focus: #0000001a;
654
- }
655
-
656
- .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="negative"][data-style="fill"] {
657
- --spectrum-button-color: #000000e6;
658
- --spectrum-button-color-hover: black;
659
- --spectrum-button-color-down: black;
660
- --spectrum-button-color-key-focus: black;
661
- --spectrum-button-color-disabled: #0000001a;
662
- --spectrum-button-text-color: white;
663
- --spectrum-button-text-color-disabled: #0000008c;
664
- }
665
-
666
- .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="negative"][data-style="outline"] {
667
- --spectrum-button-color: #000000e6;
668
- --spectrum-button-color-hover: black;
669
- --spectrum-button-color-down: black;
670
- --spectrum-button-color-key-focus: black;
671
- --spectrum-button-color-disabled: #00000040;
672
- --spectrum-button-text-color: black;
673
- --spectrum-button-text-color-hover: black;
674
- --spectrum-button-text-color-down: black;
675
- --spectrum-button-text-color-key-focus: black;
676
- --spectrum-button-text-color-disabled: #0000008c;
677
- --spectrum-button-background-color-hover: #0000001a;
678
- --spectrum-button-background-color-down: #00000026;
679
- --spectrum-button-background-color-key-focus: #0000001a;
680
- }
681
-
682
- .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="primary"][data-style="fill"] {
683
- --spectrum-button-color: #000000e6;
684
- --spectrum-button-color-hover: black;
685
- --spectrum-button-color-down: black;
686
- --spectrum-button-color-key-focus: black;
687
- --spectrum-button-color-disabled: #0000001a;
688
- --spectrum-button-text-color: white;
689
- --spectrum-button-text-color-disabled: #0000008c;
690
- }
691
-
692
- .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="primary"][data-style="outline"] {
693
- --spectrum-button-color: #000000e6;
694
- --spectrum-button-color-hover: black;
695
- --spectrum-button-color-down: black;
696
- --spectrum-button-color-key-focus: black;
697
- --spectrum-button-color-disabled: #00000040;
698
- --spectrum-button-text-color: black;
699
- --spectrum-button-text-color-hover: black;
700
- --spectrum-button-text-color-down: black;
701
- --spectrum-button-text-color-key-focus: black;
702
- --spectrum-button-text-color-disabled: #0000008c;
703
- --spectrum-button-background-color-hover: #0000001a;
704
- --spectrum-button-background-color-down: #00000026;
705
- --spectrum-button-background-color-key-focus: #0000001a;
706
- }
707
-
708
- .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="secondary"][data-style="fill"] {
709
- --spectrum-button-color: #00000012;
710
- --spectrum-button-color-hover: #0000001a;
711
- --spectrum-button-color-down: #00000026;
712
- --spectrum-button-color-key-focus: #0000001a;
713
- --spectrum-button-color-disabled: #0000001a;
714
- --spectrum-button-text-color: black;
715
- --spectrum-button-text-color-disabled: #0000008c;
716
- }
717
-
718
- .o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="secondary"][data-style="outline"] {
719
- --spectrum-button-color: #00000040;
720
- --spectrum-button-color-hover: #0006;
721
- --spectrum-button-color-down: #0000008c;
722
- --spectrum-button-color-key-focus: #0006;
723
- --spectrum-button-color-disabled: #00000040;
724
- --spectrum-button-text-color: black;
725
- --spectrum-button-text-color-hover: black;
726
- --spectrum-button-text-color-down: black;
727
- --spectrum-button-text-color-key-focus: black;
728
- --spectrum-button-text-color-disabled: #0000008c;
729
- --spectrum-button-background-color-hover: #0000001a;
730
- --spectrum-button-background-color-down: #00000026;
731
- --spectrum-button-background-color-key-focus: #0000001a;
732
- }
733
-
734
- .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="accent"][data-style="fill"] {
735
- --spectrum-button-color: var(--spectrum-accent-background-color-default);
736
- --spectrum-button-color-hover: var(--spectrum-accent-background-color-hover);
737
- --spectrum-button-color-down: var(--spectrum-accent-background-color-down);
738
- --spectrum-button-color-key-focus: var(--spectrum-accent-background-color-key-focus);
739
- }
740
-
741
- .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="accent"][data-style="outline"] {
742
- --spectrum-button-color: var(--spectrum-accent-color-900);
743
- --spectrum-button-color-hover: var(--spectrum-accent-color-1000);
744
- --spectrum-button-color-down: var(--spectrum-accent-color-1100);
745
- --spectrum-button-color-key-focus: var(--spectrum-accent-color-1000);
746
- --spectrum-button-background-color-hover: var(--spectrum-accent-color-200);
747
- --spectrum-button-background-color-down: var(--spectrum-accent-color-300);
748
- --spectrum-button-background-color-key-focus: var(--spectrum-accent-color-200);
749
- }
750
-
751
- .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="negative"][data-style="fill"] {
752
- --spectrum-button-color: var(--spectrum-negative-background-color-default);
753
- --spectrum-button-color-hover: var(--spectrum-negative-background-color-hover);
754
- --spectrum-button-color-down: var(--spectrum-negative-background-color-down);
755
- --spectrum-button-color-key-focus: var(--spectrum-negative-background-color-key-focus);
756
- }
757
-
758
- .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="negative"][data-style="outline"] {
759
- --spectrum-button-color: var(--spectrum-red-900);
760
- --spectrum-button-color-hover: var(--spectrum-red-1000);
761
- --spectrum-button-color-down: var(--spectrum-red-1100);
762
- --spectrum-button-color-key-focus: var(--spectrum-red-1000);
763
- --spectrum-button-background-color-hover: var(--spectrum-red-200);
764
- --spectrum-button-background-color-down: var(--spectrum-red-300);
765
- --spectrum-button-background-color-key-focus: var(--spectrum-red-200);
766
- }
767
-
768
- .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="primary"][data-style="fill"] {
769
- --spectrum-button-color: var(--spectrum-neutral-background-color-default);
770
- --spectrum-button-color-hover: var(--spectrum-neutral-background-color-hover);
771
- --spectrum-button-color-down: var(--spectrum-neutral-background-color-down);
772
- --spectrum-button-color-key-focus: var(--spectrum-neutral-background-color-key-focus);
773
- }
774
-
775
- .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="primary"][data-style="outline"] {
776
- --spectrum-button-color: var(--spectrum-gray-800);
777
- --spectrum-button-color-hover: var(--spectrum-gray-900);
778
- --spectrum-button-color-down: var(--spectrum-gray-900);
779
- --spectrum-button-color-key-focus: var(--spectrum-gray-900);
780
- --spectrum-button-background-color-hover: var(--spectrum-gray-300);
781
- --spectrum-button-background-color-down: var(--spectrum-gray-400);
782
- --spectrum-button-background-color-key-focus: var(--spectrum-gray-300);
783
- }
784
-
785
- .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="secondary"] {
786
- --spectrum-button-text-color: var(--spectrum-gray-800);
787
- --spectrum-button-text-color-hover: var(--spectrum-gray-900);
788
- --spectrum-button-text-color-down: var(--spectrum-gray-900);
789
- --spectrum-button-text-color-key-focus: var(--spectrum-gray-900);
790
- }
791
-
792
- .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="secondary"][data-style="fill"] {
793
- --spectrum-button-color: var(--spectrum-gray-200);
794
- --spectrum-button-color-hover: var(--spectrum-gray-300);
795
- --spectrum-button-color-down: var(--spectrum-gray-400);
796
- --spectrum-button-color-key-focus: var(--spectrum-gray-300);
797
- }
798
-
799
- .o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="secondary"][data-style="outline"] {
800
- --spectrum-button-color: var(--spectrum-gray-300);
801
- --spectrum-button-color-hover: var(--spectrum-gray-400);
802
- --spectrum-button-color-down: var(--spectrum-gray-500);
803
- --spectrum-button-color-key-focus: var(--spectrum-gray-400);
804
- --spectrum-button-background-color-hover: var(--spectrum-gray-300);
805
- --spectrum-button-background-color-down: var(--spectrum-gray-400);
806
- --spectrum-button-background-color-key-focus: var(--spectrum-gray-300);
807
- }
808
-
809
- @media (forced-colors: active) {
810
- .o7Xu8a_spectrum-Button, .o7Xu8a_spectrum-ActionButton, .o7Xu8a_spectrum-FieldButton {
811
- forced-color-adjust: none;
812
- --spectrum-high-contrast-transparent: transparent;
813
- --spectrum-high-contrast-button-face: ButtonFace;
814
- --spectrum-high-contrast-button-text: ButtonText;
815
- --spectrum-high-contrast-highlight: Highlight;
816
- --spectrum-high-contrast-highlight-text: HighlightText;
817
- --spectrum-high-contrast-gray-text: GrayText;
818
- }
819
-
820
- .o7Xu8a_spectrum-Button, .o7Xu8a_spectrum-ActionButton {
821
- --spectrum-high-contrast-focus-ring-color: ButtonText;
822
- }
823
-
824
- .o7Xu8a_spectrum-FieldButton {
825
- --spectrum-high-contrast-focus-ring-color: Highlight;
826
- }
827
-
828
- .o7Xu8a_spectrum-Button--pending.o7Xu8a_is-disabled {
829
- border-color: var(--spectrum-high-contrast-gray-text);
830
- }
831
- }
832
-
833
- .o7Xu8a_spectrum-ActionButton {
834
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color, var(--spectrum-global-color-gray-75)));
835
- border-color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-border-color, var(--spectrum-alias-border-color)));
836
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color, var(--spectrum-alias-text-color)));
837
- }
838
-
839
- .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon {
840
- fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-icon-color, var(--spectrum-alias-icon-color)));
841
- }
842
-
843
- .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-hold {
844
- fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-hold-icon-color, var(--spectrum-alias-icon-color)));
845
- }
846
-
847
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-hovered {
848
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50)));
849
- border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-border-color-hover, var(--spectrum-alias-border-color-hover)));
850
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color-hover, var(--spectrum-alias-text-color-hover)));
851
- }
852
-
853
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
854
- fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-icon-color-hover, var(--spectrum-alias-icon-color-hover)));
855
- }
856
-
857
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-ActionButton-hold {
858
- fill: var(--spectrum-actionbutton-hold-icon-color-hover, var(--spectrum-alias-icon-color-hover));
859
- }
860
-
861
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_focus-ring {
862
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-key-focus, var(--spectrum-global-color-gray-50)));
863
- border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-border-color-hover, var(--spectrum-alias-border-color-hover)));
864
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color-key-focus, var(--spectrum-alias-text-color-hover)));
865
- }
866
-
867
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
868
- fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-icon-color-key-focus, var(--spectrum-alias-icon-color-focus)));
869
- }
870
-
871
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-ActionButton-hold {
872
- fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-hold-icon-color-key-focus, var(--spectrum-alias-icon-color-hover)));
873
- }
874
-
875
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-active {
876
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-down, var(--spectrum-global-color-gray-200)));
877
- border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-border-color-down, var(--spectrum-alias-border-color-down)));
878
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color-down, var(--spectrum-alias-text-color-down)));
879
- }
880
-
881
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-active .o7Xu8a_spectrum-ActionButton-hold {
882
- fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-hold-icon-color-down, var(--spectrum-alias-icon-color-down)));
883
- }
884
-
885
- .o7Xu8a_spectrum-ActionButton:disabled {
886
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-disabled, var(--spectrum-global-color-gray-200)));
887
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-disabled, var(--spectrum-alias-border-color-disabled)));
888
- color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled)));
889
- }
890
-
891
- .o7Xu8a_spectrum-ActionButton:disabled .o7Xu8a_spectrum-Icon {
892
- fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)));
893
- }
894
-
895
- .o7Xu8a_spectrum-ActionButton:disabled .o7Xu8a_spectrum-ActionButton-hold {
896
- fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-hold-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)));
897
- }
898
-
899
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-disabled {
900
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-disabled, var(--spectrum-global-color-gray-200)));
901
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-disabled, var(--spectrum-alias-border-color-disabled)));
902
- color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled)));
903
- }
904
-
905
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
906
- fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)));
907
- }
908
-
909
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold {
910
- fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-hold-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)));
911
- }
912
-
913
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected {
914
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected));
915
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected));
916
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
917
- }
918
-
919
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
920
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
921
- }
922
-
923
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-hovered {
924
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected-hover));
925
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected-hover));
926
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
927
- }
928
-
929
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
930
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
931
- }
932
-
933
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_focus-ring {
934
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected-key-focus));
935
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected-key-focus));
936
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
937
- }
938
-
939
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
940
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
941
- }
942
-
943
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-active {
944
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected-down));
945
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected-down));
946
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
947
- }
948
-
949
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
950
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
951
- }
952
-
953
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected:disabled {
954
- background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
955
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
956
- color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
957
- }
958
-
959
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon {
960
- fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
961
- }
962
-
963
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-disabled {
964
- background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
965
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
966
- color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
967
- }
968
-
969
- .o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
970
- fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
971
- }
972
-
973
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected {
974
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-default));
975
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-default));
976
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected, var(--spectrum-global-color-static-white)));
977
- }
978
-
979
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
980
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected, var(--spectrum-global-color-static-white)));
981
- }
982
-
983
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring {
984
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-key-focus));
985
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover));
986
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-key-focus, var(--spectrum-global-color-static-white)));
987
- }
988
-
989
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
990
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-key-focus, var(--spectrum-global-color-static-white)));
991
- }
992
-
993
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered {
994
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-hover));
995
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover));
996
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-hover, var(--spectrum-global-color-static-white)));
997
- }
998
-
999
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
1000
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-hover, var(--spectrum-global-color-static-white)));
1001
- }
1002
-
1003
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active {
1004
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-down));
1005
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-down));
1006
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-down, var(--spectrum-global-color-static-white)));
1007
- }
1008
-
1009
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
1010
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-down, var(--spectrum-global-color-static-white)));
1011
- }
1012
-
1013
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled {
1014
- background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
1015
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
1016
- color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
1017
- }
1018
-
1019
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon {
1020
- fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
1021
- }
1022
-
1023
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled {
1024
- background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
1025
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
1026
- color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
1027
- }
1028
-
1029
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
1030
- fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
1031
- }
1032
-
1033
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected {
1034
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-default));
1035
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-default));
1036
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected, var(--spectrum-global-color-static-white)));
1037
- }
1038
-
1039
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
1040
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected, var(--spectrum-global-color-static-white)));
1041
- }
1042
-
1043
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_focus-ring {
1044
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-key-focus));
1045
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover));
1046
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-key-focus, var(--spectrum-global-color-static-white)));
1047
- }
1048
-
1049
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
1050
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-key-focus, var(--spectrum-global-color-static-white)));
1051
- }
1052
-
1053
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-hovered {
1054
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-hover));
1055
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover));
1056
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-hover, var(--spectrum-global-color-static-white)));
1057
- }
1058
-
1059
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
1060
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-hover, var(--spectrum-global-color-static-white)));
1061
- }
1062
-
1063
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-active {
1064
- background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-down));
1065
- border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-down));
1066
- color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-down, var(--spectrum-global-color-static-white)));
1067
- }
1068
-
1069
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
1070
- fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-down, var(--spectrum-global-color-static-white)));
1071
- }
1072
-
1073
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected:disabled {
1074
- background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
1075
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
1076
- color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
1077
- }
1078
-
1079
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon {
1080
- fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
1081
- }
1082
-
1083
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-disabled {
1084
- background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
1085
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
1086
- color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
1087
- }
1088
-
1089
- .o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
1090
- fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
1091
- }
1092
-
1093
- .o7Xu8a_spectrum-ActionButton--quiet {
1094
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color, var(--spectrum-alias-background-color-transparent)));
1095
- border-color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-border-color, var(--spectrum-alias-border-color-transparent)));
1096
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color, var(--spectrum-alias-text-color)));
1097
- }
1098
-
1099
- .o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-hovered {
1100
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-hover, var(--spectrum-alias-background-color-transparent)));
1101
- border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-quiet-border-color-hover, var(--spectrum-alias-border-color-transparent)));
1102
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color-hover, var(--spectrum-alias-text-color-hover)));
1103
- }
1104
-
1105
- .o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_focus-ring {
1106
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent)));
1107
- border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-quiet-border-color-hover, var(--spectrum-alias-border-color-transparent)));
1108
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color-key-focus, var(--spectrum-alias-text-color-hover)));
1109
- }
1110
-
1111
- .o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-active {
1112
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-down, var(--spectrum-global-color-gray-300)));
1113
- border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-quiet-border-color-down, var(--spectrum-global-color-gray-300)));
1114
- color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color-down, var(--spectrum-alias-text-color-down)));
1115
- }
1116
-
1117
- .o7Xu8a_spectrum-ActionButton--quiet:disabled, .o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-disabled {
1118
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent)));
1119
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-border-color-disabled, var(--spectrum-alias-border-color-transparent)));
1120
- color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled)));
1121
- }
1122
-
1123
- .o7Xu8a_spectrum-ActionButton--staticWhite {
1124
- mix-blend-mode: screen;
1125
- --spectrum-actionbutton-static-background-color: var(--spectrum-actionbutton-static-white-background-color);
1126
- --spectrum-actionbutton-static-background-color-hover: #ffffff1a;
1127
- --spectrum-actionbutton-static-background-color-focus: #ffffff1a;
1128
- --spectrum-actionbutton-static-background-color-active: #ffffff26;
1129
- --spectrum-actionbutton-static-background-color-disabled: var(--spectrum-actionbutton-static-white-background-color-disabled);
1130
- --spectrum-actionbutton-static-background-color-selected: #ffffffe6;
1131
- --spectrum-actionbutton-static-background-color-selected-hover: white;
1132
- --spectrum-actionbutton-static-background-color-selected-focus: white;
1133
- --spectrum-actionbutton-static-background-color-selected-active: white;
1134
- --spectrum-actionbutton-static-background-color-selected-disabled: #ffffff1a;
1135
- --spectrum-actionbutton-static-border-color: var(--spectrum-actionbutton-static-white-border-color);
1136
- --spectrum-actionbutton-static-border-color-hover: var(--spectrum-actionbutton-static-white-border-color-hover);
1137
- --spectrum-actionbutton-static-border-color-active: var(--spectrum-actionbutton-static-white-border-color-down);
1138
- --spectrum-actionbutton-static-border-color-selected: var(--spectrum-actionbutton-static-background-color-selected);
1139
- --spectrum-actionbutton-static-border-color-focus: var(--spectrum-actionbutton-static-white-border-color-key-focus);
1140
- --spectrum-actionbutton-static-border-color-disabled: var(--spectrum-actionbutton-static-white-border-color-disabled);
1141
- --spectrum-actionbutton-static-border-color-selected-disabled: var(--spectrum-actionbutton-static-white-border-color-selected-disabled);
1142
- --spectrum-actionbutton-static-color: white;
1143
- --spectrum-actionbutton-static-color-selected: black;
1144
- --spectrum-actionbutton-static-color-disabled: #ffffff8c;
1145
- --spectrum-actionbutton-static-color-selected-disabled: var(--spectrum-actionbutton-static-color-disabled);
1146
- }
1147
-
1148
- .o7Xu8a_spectrum-ActionButton--staticWhite.o7Xu8a_spectrum-ActionButton--quiet {
1149
- --spectrum-actionbutton-static-border-color: transparent;
1150
- --spectrum-actionbutton-static-border-color-hover: transparent;
1151
- --spectrum-actionbutton-static-border-color-active: transparent;
1152
- --spectrum-actionbutton-static-border-color-selected: transparent;
1153
- }
1154
-
1155
- .o7Xu8a_spectrum-ActionButton--staticBlack {
1156
- mix-blend-mode: multiply;
1157
- --spectrum-actionbutton-static-background-color: var(--spectrum-actionbutton-static-black-background-color);
1158
- --spectrum-actionbutton-static-background-color-hover: #0000001a;
1159
- --spectrum-actionbutton-static-background-color-focus: #0000001a;
1160
- --spectrum-actionbutton-static-background-color-active: #00000026;
1161
- --spectrum-actionbutton-static-background-color-selected: #000000e6;
1162
- --spectrum-actionbutton-static-background-color-disabled: var(--spectrum-actionbutton-static-black-background-color-disabled);
1163
- --spectrum-actionbutton-static-background-color-selected-hover: black;
1164
- --spectrum-actionbutton-static-background-color-selected-focus: black;
1165
- --spectrum-actionbutton-static-background-color-selected-active: black;
1166
- --spectrum-actionbutton-static-background-color-selected-disabled: #0000001a;
1167
- --spectrum-actionbutton-static-border-color: var(--spectrum-actionbutton-static-black-border-color);
1168
- --spectrum-actionbutton-static-border-color-hover: var(--spectrum-actionbutton-static-black-border-color-hover);
1169
- --spectrum-actionbutton-static-border-color-active: var(--spectrum-actionbutton-static-black-border-color-down);
1170
- --spectrum-actionbutton-static-border-color-selected: var(--spectrum-actionbutton-static-background-color-selected);
1171
- --spectrum-actionbutton-static-border-color-focus: var(--spectrum-actionbutton-static-black-border-color-key-focus);
1172
- --spectrum-actionbutton-static-border-color-disabled: var(--spectrum-actionbutton-static-black-border-color-disabled);
1173
- --spectrum-actionbutton-static-border-color-selected-disabled: var(--spectrum-actionbutton-static-black-border-color-selected-disabled);
1174
- --spectrum-actionbutton-static-color: black;
1175
- --spectrum-actionbutton-static-color-selected: white;
1176
- --spectrum-actionbutton-static-color-disabled: #0000008c;
1177
- --spectrum-actionbutton-static-color-selected-disabled: var(--spectrum-actionbutton-static-color-disabled);
1178
- }
1179
-
1180
- .o7Xu8a_spectrum-ActionButton--staticBlack.o7Xu8a_spectrum-ActionButton--quiet {
1181
- --spectrum-actionbutton-static-border-color: transparent;
1182
- --spectrum-actionbutton-static-border-color-hover: transparent;
1183
- --spectrum-actionbutton-static-border-color-active: transparent;
1184
- --spectrum-actionbutton-static-border-color-selected: transparent;
1185
- }
1186
-
1187
- .o7Xu8a_spectrum-ActionButton--staticColor {
1188
- background-color: var(--spectrum-actionbutton-static-background-color);
1189
- border-color: var(--spectrum-actionbutton-static-border-color);
1190
- color: var(--spectrum-actionbutton-static-color);
1191
- --spectrum-focus-ring-color: var(--spectrum-actionbutton-static-color);
1192
- }
1193
-
1194
- .o7Xu8a_spectrum-ActionButton--staticColor .o7Xu8a_spectrum-Icon {
1195
- fill: var(--spectrum-actionbutton-static-color);
1196
- }
1197
-
1198
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-hovered {
1199
- background-color: var(--spectrum-actionbutton-static-background-color-hover);
1200
- border-color: var(--spectrum-actionbutton-static-border-color-hover);
1201
- color: var(--spectrum-actionbutton-static-color);
1202
- }
1203
-
1204
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-hovered .o7Xu8a_spectrum-ActionButton-hold {
1205
- fill: var(--spectrum-actionbutton-static-color);
1206
- }
1207
-
1208
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring {
1209
- background-color: var(--spectrum-actionbutton-static-background-color-focus);
1210
- border-color: var(--spectrum-actionbutton-static-border-color-focus);
1211
- box-shadow: none;
1212
- color: var(--spectrum-actionbutton-static-color);
1213
- }
1214
-
1215
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring.o7Xu8a_is-hovered, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring.o7Xu8a_is-active {
1216
- border-color: var(--spectrum-actionbutton-static-border-color-focus);
1217
- }
1218
-
1219
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring .o7Xu8a_spectrum-ActionButton-hold {
1220
- fill: var(--spectrum-actionbutton-static-color);
1221
- }
1222
-
1223
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-active {
1224
- background-color: var(--spectrum-actionbutton-static-background-color-active);
1225
- border-color: var(--spectrum-actionbutton-static-border-color-active);
1226
- color: var(--spectrum-actionbutton-static-color);
1227
- }
1228
-
1229
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-active .o7Xu8a_spectrum-ActionButton-hold {
1230
- fill: var(--spectrum-actionbutton-static-color);
1231
- }
1232
-
1233
- .o7Xu8a_spectrum-ActionButton--staticColor:disabled {
1234
- background-color: var(--spectrum-actionbutton-static-background-color-disabled);
1235
- border-color: var(--spectrum-actionbutton-static-border-color-disabled);
1236
- color: var(--spectrum-actionbutton-static-color-disabled);
1237
- }
1238
-
1239
- .o7Xu8a_spectrum-ActionButton--staticColor:disabled .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor:disabled .o7Xu8a_spectrum-ActionButton-hold {
1240
- fill: var(--spectrum-actionbutton-static-color-disabled);
1241
- }
1242
-
1243
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-disabled {
1244
- background-color: var(--spectrum-actionbutton-static-background-color-disabled);
1245
- border-color: var(--spectrum-actionbutton-static-border-color-disabled);
1246
- color: var(--spectrum-actionbutton-static-color-disabled);
1247
- }
1248
-
1249
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold {
1250
- fill: var(--spectrum-actionbutton-static-color-disabled);
1251
- }
1252
-
1253
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected {
1254
- background-color: var(--spectrum-actionbutton-static-background-color-selected);
1255
- border-color: var(--spectrum-actionbutton-static-border-color-selected);
1256
- color: var(--spectrum-actionbutton-static-color-selected);
1257
- }
1258
-
1259
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
1260
- fill: var(--spectrum-actionbutton-static-color-selected);
1261
- }
1262
-
1263
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring {
1264
- background-color: var(--spectrum-actionbutton-static-background-color-selected-focus);
1265
- border-color: var(--spectrum-actionbutton-static-background-color-selected-focus);
1266
- color: var(--spectrum-actionbutton-static-color-selected);
1267
- box-shadow: none;
1268
- }
1269
-
1270
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
1271
- fill: var(--spectrum-actionbutton-static-color-selected);
1272
- }
1273
-
1274
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered {
1275
- background-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
1276
- border-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
1277
- color: var(--spectrum-actionbutton-static-color-selected);
1278
- }
1279
-
1280
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
1281
- fill: var(--spectrum-actionbutton-static-color-selected);
1282
- }
1283
-
1284
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active {
1285
- background-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
1286
- border-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
1287
- color: var(--spectrum-actionbutton-static-color-selected);
1288
- }
1289
-
1290
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
1291
- fill: var(--spectrum-actionbutton-static-color-selected);
1292
- }
1293
-
1294
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled {
1295
- background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled);
1296
- border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled);
1297
- color: var(--spectrum-actionbutton-static-color-selected-disabled);
1298
- }
1299
-
1300
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon {
1301
- fill: var(--spectrum-actionbutton-static-color-selected-disabled);
1302
- }
1303
-
1304
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-ActionButton-hold {
1305
- fill: var(--spectrum-actionbutton-static-color-disabled);
1306
- }
1307
-
1308
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled {
1309
- background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled);
1310
- border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled);
1311
- color: var(--spectrum-actionbutton-static-color-selected-disabled);
1312
- }
1313
-
1314
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
1315
- fill: var(--spectrum-actionbutton-static-color-selected-disabled);
1316
- }
1317
-
1318
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold {
1319
- fill: var(--spectrum-actionbutton-static-color-disabled);
1320
- }
1321
-
1322
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected {
1323
- background-color: var(--spectrum-actionbutton-static-background-color-selected);
1324
- border-color: var(--spectrum-actionbutton-static-border-color-selected);
1325
- color: var(--spectrum-actionbutton-static-color-selected);
1326
- }
1327
-
1328
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
1329
- fill: var(--spectrum-actionbutton-static-color-selected);
1330
- }
1331
-
1332
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_focus-ring {
1333
- background-color: var(--spectrum-actionbutton-static-background-color-selected-focus);
1334
- border-color: var(--spectrum-actionbutton-static-background-color-selected-focus);
1335
- color: var(--spectrum-actionbutton-static-color-selected);
1336
- box-shadow: none;
1337
- }
1338
-
1339
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
1340
- fill: var(--spectrum-actionbutton-static-color-selected);
1341
- }
1342
-
1343
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-hovered {
1344
- background-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
1345
- border-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
1346
- color: var(--spectrum-actionbutton-static-color-selected);
1347
- }
1348
-
1349
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
1350
- fill: var(--spectrum-actionbutton-static-color-selected);
1351
- }
1352
-
1353
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-active {
1354
- background-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
1355
- border-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
1356
- color: var(--spectrum-actionbutton-static-color-selected);
1357
- }
1358
-
1359
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
1360
- fill: var(--spectrum-actionbutton-static-color-selected);
1361
- }
1362
-
1363
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected:disabled {
1364
- background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled);
1365
- border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled);
1366
- color: var(--spectrum-actionbutton-static-color-selected-disabled);
1367
- }
1368
-
1369
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon {
1370
- fill: var(--spectrum-actionbutton-static-color-selected-disabled);
1371
- }
1372
-
1373
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-ActionButton-hold {
1374
- fill: var(--spectrum-actionbutton-static-color-disabled);
1375
- }
1376
-
1377
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-disabled {
1378
- background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled);
1379
- border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled);
1380
- color: var(--spectrum-actionbutton-static-color-selected-disabled);
1381
- }
1382
-
1383
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
1384
- fill: var(--spectrum-actionbutton-static-color-selected-disabled);
1385
- }
1386
-
1387
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold {
1388
- fill: var(--spectrum-actionbutton-static-color-disabled);
1389
- }
1390
-
1391
- .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet {
1392
- --spectrum-actionbutton-static-background-color: transparent;
1393
- --spectrum-actionbutton-static-background-color-disabled: transparent;
1394
- --spectrum-actionbutton-static-border-color: transparent;
1395
- --spectrum-actionbutton-static-border-color-disabled: transparent;
1396
- --spectrum-actionbutton-static-border-color-selected-hover: transparent;
1397
- --spectrum-actionbutton-static-border-color-focus: transparent;
1398
- --spectrum-actionbutton-static-border-color-active: transparent;
1399
- --spectrum-actionbutton-static-border-color-selected-disabled: transparent;
1400
- }
1401
-
1402
- .o7Xu8a_spectrum-LogicButton--and {
1403
- background-color: var(--spectrum-global-color-static-blue-600, #1473e6);
1404
- border-color: var(--spectrum-global-color-static-blue-600, #1473e6);
1405
- color: var(--spectrum-logicbutton-and-text-color, var(--spectrum-global-color-static-white));
1406
- }
1407
-
1408
- .o7Xu8a_spectrum-LogicButton--and.o7Xu8a_is-hovered {
1409
- background-color: var(--spectrum-global-color-static-blue-700, #0d66d0);
1410
- border-color: var(--spectrum-global-color-static-blue-700, #0d66d0);
1411
- color: var(--spectrum-logicbutton-and-text-color, var(--spectrum-global-color-static-white));
1412
- }
1413
-
1414
- .o7Xu8a_spectrum-LogicButton--and:disabled, .o7Xu8a_spectrum-LogicButton--and.o7Xu8a_is-disabled {
1415
- background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200));
1416
- border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200));
1417
- color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1418
- }
1419
-
1420
- .o7Xu8a_spectrum-LogicButton--or {
1421
- background-color: var(--spectrum-global-color-static-magenta-500, #d83790);
1422
- border-color: var(--spectrum-global-color-static-magenta-500, #d83790);
1423
- color: var(--spectrum-logicbutton-or-text-color, var(--spectrum-global-color-static-white));
1424
- }
1425
-
1426
- .o7Xu8a_spectrum-LogicButton--or.o7Xu8a_is-hovered {
1427
- background-color: var(--spectrum-global-color-static-magenta-600, #ca2982);
1428
- border-color: var(--spectrum-global-color-static-magenta-600, #ca2982);
1429
- color: var(--spectrum-logicbutton-or-text-color, var(--spectrum-global-color-static-white));
1430
- }
1431
-
1432
- .o7Xu8a_spectrum-LogicButton--or:disabled, .o7Xu8a_spectrum-LogicButton--or.o7Xu8a_is-disabled {
1433
- background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200));
1434
- border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200));
1435
- color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1436
- }
1437
-
1438
- .o7Xu8a_spectrum-FieldButton {
1439
- color: var(--spectrum-fieldbutton-text-color, var(--spectrum-alias-text-color));
1440
- background-color: var(--spectrum-fieldbutton-background-color, var(--spectrum-global-color-gray-75));
1441
- border-color: var(--spectrum-fieldbutton-border-color, var(--spectrum-alias-border-color));
1442
- }
1443
-
1444
- .o7Xu8a_spectrum-FieldButton .o7Xu8a_spectrum-Icon {
1445
- fill: var(--spectrum-fieldbutton-icon-color, var(--spectrum-alias-icon-color));
1446
- }
1447
-
1448
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-hovered {
1449
- color: var(--spectrum-fieldbutton-text-color-hover, var(--spectrum-alias-text-color-hover));
1450
- background-color: var(--spectrum-fieldbutton-background-color-hover, var(--spectrum-global-color-gray-50));
1451
- border-color: var(--spectrum-fieldbutton-border-color-hover, var(--spectrum-alias-border-color-hover));
1452
- }
1453
-
1454
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
1455
- fill: var(--spectrum-fieldbutton-icon-color-hover, var(--spectrum-alias-icon-color-hover));
1456
- }
1457
-
1458
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-active {
1459
- background-color: var(--spectrum-fieldbutton-background-color-down, var(--spectrum-global-color-gray-200));
1460
- border-color: var(--spectrum-fieldbutton-border-color-down, var(--spectrum-alias-border-color-down));
1461
- }
1462
-
1463
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
1464
- fill: var(--spectrum-fieldbutton-icon-color-down, var(--spectrum-alias-icon-color-down));
1465
- }
1466
-
1467
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-selected {
1468
- background-color: var(--spectrum-fieldbutton-background-color-down, var(--spectrum-global-color-gray-200));
1469
- border-color: var(--spectrum-fieldbutton-border-color-down, var(--spectrum-alias-border-color-down));
1470
- }
1471
-
1472
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
1473
- fill: var(--spectrum-fieldbutton-icon-color-down, var(--spectrum-alias-icon-color-down));
1474
- }
1475
-
1476
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_focus-ring {
1477
- background-color: var(--spectrum-fieldbutton-background-color-key-focus, var(--spectrum-global-color-gray-50));
1478
- border-color: var(--spectrum-fieldbutton-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1479
- color: var(--spectrum-fieldbutton-text-color-key-focus, var(--spectrum-alias-text-color-hover));
1480
- }
1481
-
1482
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
1483
- fill: var(--spectrum-fieldbutton-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
1484
- }
1485
-
1486
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_focus-ring.o7Xu8a_is-placeholder {
1487
- fill: var(--spectrum-fieldbutton-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
1488
- }
1489
-
1490
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-focused {
1491
- background-color: var(--spectrum-fieldbutton-background-color-key-focus, var(--spectrum-global-color-gray-50));
1492
- border-color: var(--spectrum-fieldbutton-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1493
- color: var(--spectrum-fieldbutton-text-color-key-focus, var(--spectrum-alias-text-color-hover));
1494
- }
1495
-
1496
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-focused .o7Xu8a_spectrum-Icon {
1497
- fill: var(--spectrum-fieldbutton-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
1498
- }
1499
-
1500
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-focused.o7Xu8a_is-placeholder {
1501
- fill: var(--spectrum-fieldbutton-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
1502
- }
1503
-
1504
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid {
1505
- border-color: var(--spectrum-fieldbutton-border-color-error, var(--spectrum-global-color-red-500));
1506
- }
1507
-
1508
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-hovered {
1509
- border-color: var(--spectrum-fieldbutton-border-color-error-hover, var(--spectrum-global-color-red-600));
1510
- }
1511
-
1512
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-active, .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-selected {
1513
- border-color: var(--spectrum-fieldbutton-border-color-error-down, var(--spectrum-global-color-red-600));
1514
- }
1515
-
1516
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-focused {
1517
- border-color: var(--spectrum-fieldbutton-border-color-error-key-focus, var(--spectrum-alias-border-color-focus));
1518
- }
1519
-
1520
- .o7Xu8a_spectrum-FieldButton:disabled {
1521
- background-color: var(--spectrum-fieldbutton-background-color-disabled, var(--spectrum-global-color-gray-200));
1522
- color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1523
- }
1524
-
1525
- .o7Xu8a_spectrum-FieldButton:disabled .o7Xu8a_spectrum-Icon {
1526
- fill: var(--spectrum-fieldbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
1527
- }
1528
-
1529
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-disabled {
1530
- background-color: var(--spectrum-fieldbutton-background-color-disabled, var(--spectrum-global-color-gray-200));
1531
- color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1532
- }
1533
-
1534
- .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
1535
- fill: var(--spectrum-fieldbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
1536
- }
1537
-
1538
- .o7Xu8a_spectrum-FieldButton--quiet {
1539
- color: var(--spectrum-fieldbutton-text-color, var(--spectrum-alias-text-color));
1540
- border-color: var(--spectrum-fieldbutton-quiet-border-color, var(--spectrum-alias-border-color-transparent));
1541
- background-color: var(--spectrum-fieldbutton-quiet-background-color, var(--spectrum-alias-background-color-transparent));
1542
- }
1543
-
1544
- .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-hovered {
1545
- background-color: var(--spectrum-fieldbutton-quiet-background-color-hover, var(--spectrum-alias-background-color-transparent));
1546
- color: var(--spectrum-fieldbutton-text-color-hover, var(--spectrum-alias-text-color-hover));
1547
- }
1548
-
1549
- .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_focus-ring {
1550
- background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
1551
- }
1552
-
1553
- .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_focus-ring.o7Xu8a_is-placeholder {
1554
- color: var(--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
1555
- }
1556
-
1557
- .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-focused {
1558
- background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
1559
- }
1560
-
1561
- .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-focused.o7Xu8a_is-placeholder {
1562
- color: var(--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
1563
- }
1564
-
1565
- .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-active {
1566
- background-color: var(--spectrum-fieldbutton-quiet-background-color-down, var(--spectrum-alias-background-color-transparent));
1567
- border-color: var(--spectrum-fieldbutton-quiet-border-color-down, var(--spectrum-alias-border-color-transparent));
1568
- }
1569
-
1570
- .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-active.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-active.o7Xu8a_is-focused {
1571
- background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
1572
- }
1573
-
1574
- .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-selected {
1575
- background-color: var(--spectrum-fieldbutton-quiet-background-color-down, var(--spectrum-alias-background-color-transparent));
1576
- border-color: var(--spectrum-fieldbutton-quiet-border-color-down, var(--spectrum-alias-border-color-transparent));
1577
- }
1578
-
1579
- .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-focused {
1580
- background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
1581
- }
1582
-
1583
- .o7Xu8a_spectrum-FieldButton--quiet:disabled, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-disabled {
1584
- background-color: var(--spectrum-fieldbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
1585
- color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1586
- }
1587
-
1588
- @media (forced-colors: active) {
1589
- .o7Xu8a_spectrum-ActionButton, .o7Xu8a_spectrum-ClearButton, .o7Xu8a_spectrum-LogicButton, .o7Xu8a_spectrum-FieldButton {
1590
- forced-color-adjust: none;
1591
- --spectrum-clearbutton-medium-icon-color: ButtonText;
1592
- --spectrum-clearbutton-medium-icon-color-disabled: GrayText;
1593
- --spectrum-clearbutton-medium-icon-color-down: Highlight;
1594
- --spectrum-clearbutton-medium-icon-color-hover: Highlight;
1595
- --spectrum-clearbutton-medium-icon-color-key-focus: Highlight;
1596
- --spectrum-fieldbutton-background-color: ButtonFace;
1597
- --spectrum-fieldbutton-background-color-disabled: ButtonFace;
1598
- --spectrum-fieldbutton-background-color-down: ButtonFace;
1599
- --spectrum-fieldbutton-background-color-hover: ButtonFace;
1600
- --spectrum-fieldbutton-background-color-key-focus: ButtonFace;
1601
- --spectrum-fieldbutton-border-color: ButtonText;
1602
- --spectrum-fieldbutton-border-color-down: Highlight;
1603
- --spectrum-fieldbutton-border-color-error: ButtonText;
1604
- --spectrum-fieldbutton-border-color-error-down: Highlight;
1605
- --spectrum-fieldbutton-border-color-error-hover: Highlight;
1606
- --spectrum-fieldbutton-border-color-error-key-focus: Highlight;
1607
- --spectrum-fieldbutton-border-color-hover: Highlight;
1608
- --spectrum-fieldbutton-border-color-key-focus: Highlight;
1609
- --spectrum-fieldbutton-icon-color-disabled: GrayText;
1610
- --spectrum-fieldbutton-placeholder-text-color-key-focus: ButtonText;
1611
- --spectrum-fieldbutton-quiet-background-color: ButtonFace;
1612
- --spectrum-fieldbutton-quiet-background-color-disabled: ButtonFace;
1613
- --spectrum-fieldbutton-quiet-background-color-down: ButtonFace;
1614
- --spectrum-fieldbutton-quiet-background-color-hover: ButtonFace;
1615
- --spectrum-fieldbutton-quiet-background-color-key-focus: ButtonFace;
1616
- --spectrum-fieldbutton-quiet-border-color: ButtonFace;
1617
- --spectrum-fieldbutton-quiet-border-color-down: Highlight;
1618
- --spectrum-fieldbutton-quiet-placeholder-text-color-key-focus: ButtonText;
1619
- --spectrum-fieldbutton-text-color: ButtonText;
1620
- --spectrum-fieldbutton-text-color-disabled: GrayText;
1621
- --spectrum-fieldbutton-text-color-hover: ButtonText;
1622
- --spectrum-fieldbutton-text-color-key-focus: ButtonText;
1623
- --spectrum-logicbutton-and-background-color: ButtonFace;
1624
- --spectrum-logicbutton-and-background-color-disabled: ButtonFace;
1625
- --spectrum-logicbutton-and-background-color-hover: ButtonFace;
1626
- --spectrum-logicbutton-and-border-color: ButtonText;
1627
- --spectrum-logicbutton-and-border-color-disabled: GrayText;
1628
- --spectrum-logicbutton-and-border-color-hover: Highlight;
1629
- --spectrum-logicbutton-and-text-color: ButtonText;
1630
- --spectrum-logicbutton-and-text-color-disabled: GrayText;
1631
- --spectrum-logicbutton-or-background-color: ButtonFace;
1632
- --spectrum-logicbutton-or-background-color-hover: ButtonFace;
1633
- --spectrum-logicbutton-or-border-color: ButtonText;
1634
- --spectrum-logicbutton-or-border-color-hover: Highlight;
1635
- --spectrum-logicbutton-or-text-color: ButtonText;
1636
- --spectrum-button-primary-focus-ring-color-key-focus: CanvasText;
1637
- --spectrum-button-primary-focus-ring-size-key-focus: 3px;
1638
- --spectrum-dropdown-border-color-key-focus: Highlight;
1639
- }
1640
-
1641
- .o7Xu8a_spectrum-Button--overBackground {
1642
- --spectrum-button-over-background-color: ButtonText;
1643
- }
1644
-
1645
- .o7Xu8a_spectrum-ActionButton--staticColor, .o7Xu8a_spectrum-ActionButton--staticWhite, .o7Xu8a_spectrum-ActionButton--staticBlack, .o7Xu8a_spectrum-ActionButton--staticWhite.o7Xu8a_spectrum-ActionButton--quiet, .o7Xu8a_spectrum-ActionButton--staticBlack.o7Xu8a_spectrum-ActionButton--quiet {
1646
- mix-blend-mode: normal;
1647
- --spectrum-actionbutton-static-background-color: ButtonFace;
1648
- --spectrum-actionbutton-static-background-color-disabled: var(--spectrum-high-contrast-transparent);
1649
- --spectrum-actionbutton-static-background-color-selected-disabled: GrayText;
1650
- --spectrum-actionbutton-static-background-color-hover: ButtonFace;
1651
- --spectrum-actionbutton-static-background-color-focus: ButtonFace;
1652
- --spectrum-actionbutton-static-background-color-active: ButtonFace;
1653
- --spectrum-actionbutton-static-background-color-selected: Highlight;
1654
- --spectrum-actionbutton-static-background-color-selected-hover: Highlight;
1655
- --spectrum-actionbutton-static-background-color-selected-focus: Highlight;
1656
- --spectrum-actionbutton-static-background-color-selected-active: Highlight;
1657
- --spectrum-actionbutton-static-border-color: ButtonText;
1658
- --spectrum-actionbutton-static-border-color-hover: Highlight;
1659
- --spectrum-actionbutton-static-border-color-active: ButtonText;
1660
- --spectrum-actionbutton-static-border-color-focus: CanvasText;
1661
- --spectrum-actionbutton-static-border-color-disabled: GrayText;
1662
- --spectrum-actionbutton-static-border-color-selected-disabled: GrayText;
1663
- --spectrum-actionbutton-static-color: ButtonText;
1664
- --spectrum-actionbutton-static-color-selected: HighlightText;
1665
- --spectrum-actionbutton-static-color-disabled: GrayText;
1666
- --spectrum-actionbutton-static-color-selected-disabled: ButtonFace;
1667
- }
1668
- }
1669
- /*# sourceMappingURL=actiongroup.bb161279.css.map */