@spectrum-web-components/clear-button 0.2.3 → 0.2.5-overlay-warning.19
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.
- package/package.json +4 -4
- package/src/clear-button.css.dev.js +19 -3
- package/src/clear-button.css.dev.js.map +2 -2
- package/src/clear-button.css.js +19 -3
- package/src/clear-button.css.js.map +2 -2
- package/src/spectrum-clear-button.css.dev.js +19 -3
- package/src/spectrum-clear-button.css.dev.js.map +2 -2
- package/src/spectrum-clear-button.css.js +19 -3
- package/src/spectrum-clear-button.css.js.map +2 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/clear-button",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.5-overlay-warning.19+0c0cf0e30",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"directory": "packages/clear-button"
|
|
13
13
|
},
|
|
14
14
|
"author": "",
|
|
15
|
-
"homepage": "https://adobe.
|
|
15
|
+
"homepage": "https://opensource.adobe.com/spectrum-web-components/components/clear-button",
|
|
16
16
|
"bugs": {
|
|
17
17
|
"url": "https://github.com/adobe/spectrum-web-components/issues"
|
|
18
18
|
},
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"lit-html"
|
|
43
43
|
],
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@spectrum-web-components/base": "^0.7.
|
|
45
|
+
"@spectrum-web-components/base": "^0.7.4-overlay-warning.19+0c0cf0e30"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@spectrum-css/clearbutton": "^1.2.13"
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"./sp-*.js",
|
|
54
54
|
"./**/*.dev.js"
|
|
55
55
|
],
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "0c0cf0e307adb5e67526edb57de4f51ddfedefe1"
|
|
57
57
|
}
|
|
@@ -135,9 +135,11 @@ const styles = css`
|
|
|
135
135
|
--spectrum-clearbutton-fill-uiicon-color-down
|
|
136
136
|
)}:host(.focus-visible){color:var(
|
|
137
137
|
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
138
|
+
)}:host(.focus-visible){color:var(
|
|
139
|
+
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
138
140
|
)}:host(:focus-visible){color:var(
|
|
139
141
|
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
140
|
-
)}:host([disabled])
|
|
142
|
+
)}:host([disabled]){color:var(
|
|
141
143
|
--spectrum-clearbutton-fill-uiicon-color-disabled
|
|
142
144
|
)}:host(:hover) .fill{background-color:var(
|
|
143
145
|
--spectrum-clearbutton-fill-background-color-hover
|
|
@@ -145,9 +147,11 @@ const styles = css`
|
|
|
145
147
|
--spectrum-clearbutton-fill-background-color-down
|
|
146
148
|
)}:host(.focus-visible) .fill{background-color:var(
|
|
147
149
|
--spectrum-clearbutton-fill-background-color-key-focus
|
|
150
|
+
)}:host(.focus-visible) .fill{background-color:var(
|
|
151
|
+
--spectrum-clearbutton-fill-background-color-key-focus
|
|
148
152
|
)}:host(:focus-visible) .fill{background-color:var(
|
|
149
153
|
--spectrum-clearbutton-fill-background-color-key-focus
|
|
150
|
-
)}:host([disabled]) .fill
|
|
154
|
+
)}:host([disabled]) .fill{background-color:var(
|
|
151
155
|
--spectrum-clearbutton-fill-background-color-disabled
|
|
152
156
|
)}:host([variant=overBackground]){color:var(
|
|
153
157
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
@@ -157,6 +161,8 @@ const styles = css`
|
|
|
157
161
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
158
162
|
)}:host([variant=overBackground].focus-visible){color:var(
|
|
159
163
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
164
|
+
)}:host([variant=overBackground].focus-visible){color:var(
|
|
165
|
+
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
160
166
|
)}:host([variant=overBackground]:focus-visible){color:var(
|
|
161
167
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
162
168
|
)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(
|
|
@@ -179,6 +185,12 @@ const styles = css`
|
|
|
179
185
|
--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
|
|
180
186
|
);box-shadow:none;color:var(
|
|
181
187
|
--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
|
|
188
|
+
)}:host([variant=overBackground].focus-visible){background-color:var(
|
|
189
|
+
--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
|
|
190
|
+
);border-color:var(
|
|
191
|
+
--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
|
|
192
|
+
);box-shadow:none;color:var(
|
|
193
|
+
--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
|
|
182
194
|
)}:host([variant=overBackground]:focus-visible){background-color:var(
|
|
183
195
|
--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
|
|
184
196
|
);border-color:var(
|
|
@@ -189,6 +201,10 @@ const styles = css`
|
|
|
189
201
|
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
190
202
|
) var(
|
|
191
203
|
--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
|
|
204
|
+
)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(
|
|
205
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
206
|
+
) var(
|
|
207
|
+
--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
|
|
192
208
|
)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(
|
|
193
209
|
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
194
210
|
) var(
|
|
@@ -199,7 +215,7 @@ const styles = css`
|
|
|
199
215
|
--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)
|
|
200
216
|
);color:var(
|
|
201
217
|
--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)
|
|
202
|
-
)}:host([variant=overBackground][disabled])
|
|
218
|
+
)}:host([variant=overBackground][disabled]){background-color:var(
|
|
203
219
|
--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
|
|
204
220
|
);border-color:var(
|
|
205
221
|
--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["clear-button.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]),:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill,:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Nf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/src/clear-button.css.js
CHANGED
|
@@ -133,9 +133,11 @@
|
|
|
133
133
|
--spectrum-clearbutton-fill-uiicon-color-down
|
|
134
134
|
)}:host(.focus-visible){color:var(
|
|
135
135
|
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
136
|
+
)}:host(.focus-visible){color:var(
|
|
137
|
+
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
136
138
|
)}:host(:focus-visible){color:var(
|
|
137
139
|
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
138
|
-
)}:host([disabled])
|
|
140
|
+
)}:host([disabled]){color:var(
|
|
139
141
|
--spectrum-clearbutton-fill-uiicon-color-disabled
|
|
140
142
|
)}:host(:hover) .fill{background-color:var(
|
|
141
143
|
--spectrum-clearbutton-fill-background-color-hover
|
|
@@ -143,9 +145,11 @@
|
|
|
143
145
|
--spectrum-clearbutton-fill-background-color-down
|
|
144
146
|
)}:host(.focus-visible) .fill{background-color:var(
|
|
145
147
|
--spectrum-clearbutton-fill-background-color-key-focus
|
|
148
|
+
)}:host(.focus-visible) .fill{background-color:var(
|
|
149
|
+
--spectrum-clearbutton-fill-background-color-key-focus
|
|
146
150
|
)}:host(:focus-visible) .fill{background-color:var(
|
|
147
151
|
--spectrum-clearbutton-fill-background-color-key-focus
|
|
148
|
-
)}:host([disabled]) .fill
|
|
152
|
+
)}:host([disabled]) .fill{background-color:var(
|
|
149
153
|
--spectrum-clearbutton-fill-background-color-disabled
|
|
150
154
|
)}:host([variant=overBackground]){color:var(
|
|
151
155
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
@@ -155,6 +159,8 @@
|
|
|
155
159
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
156
160
|
)}:host([variant=overBackground].focus-visible){color:var(
|
|
157
161
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
162
|
+
)}:host([variant=overBackground].focus-visible){color:var(
|
|
163
|
+
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
158
164
|
)}:host([variant=overBackground]:focus-visible){color:var(
|
|
159
165
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
160
166
|
)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(
|
|
@@ -177,6 +183,12 @@
|
|
|
177
183
|
--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
|
|
178
184
|
);box-shadow:none;color:var(
|
|
179
185
|
--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
|
|
186
|
+
)}:host([variant=overBackground].focus-visible){background-color:var(
|
|
187
|
+
--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
|
|
188
|
+
);border-color:var(
|
|
189
|
+
--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
|
|
190
|
+
);box-shadow:none;color:var(
|
|
191
|
+
--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
|
|
180
192
|
)}:host([variant=overBackground]:focus-visible){background-color:var(
|
|
181
193
|
--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
|
|
182
194
|
);border-color:var(
|
|
@@ -187,6 +199,10 @@
|
|
|
187
199
|
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
188
200
|
) var(
|
|
189
201
|
--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
|
|
202
|
+
)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(
|
|
203
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
204
|
+
) var(
|
|
205
|
+
--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
|
|
190
206
|
)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(
|
|
191
207
|
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
192
208
|
) var(
|
|
@@ -197,7 +213,7 @@
|
|
|
197
213
|
--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)
|
|
198
214
|
);color:var(
|
|
199
215
|
--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)
|
|
200
|
-
)}:host([variant=overBackground][disabled])
|
|
216
|
+
)}:host([variant=overBackground][disabled]){background-color:var(
|
|
201
217
|
--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
|
|
202
218
|
);border-color:var(
|
|
203
219
|
--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["clear-button.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]),:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill,:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Nf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -135,9 +135,11 @@ const styles = css`
|
|
|
135
135
|
--spectrum-clearbutton-fill-uiicon-color-down
|
|
136
136
|
)}:host(.focus-visible){color:var(
|
|
137
137
|
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
138
|
+
)}:host(.focus-visible){color:var(
|
|
139
|
+
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
138
140
|
)}:host(:focus-visible){color:var(
|
|
139
141
|
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
140
|
-
)}:host([disabled])
|
|
142
|
+
)}:host([disabled]){color:var(
|
|
141
143
|
--spectrum-clearbutton-fill-uiicon-color-disabled
|
|
142
144
|
)}:host(:hover) .fill{background-color:var(
|
|
143
145
|
--spectrum-clearbutton-fill-background-color-hover
|
|
@@ -145,9 +147,11 @@ const styles = css`
|
|
|
145
147
|
--spectrum-clearbutton-fill-background-color-down
|
|
146
148
|
)}:host(.focus-visible) .fill{background-color:var(
|
|
147
149
|
--spectrum-clearbutton-fill-background-color-key-focus
|
|
150
|
+
)}:host(.focus-visible) .fill{background-color:var(
|
|
151
|
+
--spectrum-clearbutton-fill-background-color-key-focus
|
|
148
152
|
)}:host(:focus-visible) .fill{background-color:var(
|
|
149
153
|
--spectrum-clearbutton-fill-background-color-key-focus
|
|
150
|
-
)}:host([disabled]) .fill
|
|
154
|
+
)}:host([disabled]) .fill{background-color:var(
|
|
151
155
|
--spectrum-clearbutton-fill-background-color-disabled
|
|
152
156
|
)}:host([variant=overBackground]){color:var(
|
|
153
157
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
@@ -157,6 +161,8 @@ const styles = css`
|
|
|
157
161
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
158
162
|
)}:host([variant=overBackground].focus-visible){color:var(
|
|
159
163
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
164
|
+
)}:host([variant=overBackground].focus-visible){color:var(
|
|
165
|
+
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
160
166
|
)}:host([variant=overBackground]:focus-visible){color:var(
|
|
161
167
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
162
168
|
)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(
|
|
@@ -179,6 +185,12 @@ const styles = css`
|
|
|
179
185
|
--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
|
|
180
186
|
);box-shadow:none;color:var(
|
|
181
187
|
--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
|
|
188
|
+
)}:host([variant=overBackground].focus-visible){background-color:var(
|
|
189
|
+
--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
|
|
190
|
+
);border-color:var(
|
|
191
|
+
--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
|
|
192
|
+
);box-shadow:none;color:var(
|
|
193
|
+
--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
|
|
182
194
|
)}:host([variant=overBackground]:focus-visible){background-color:var(
|
|
183
195
|
--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
|
|
184
196
|
);border-color:var(
|
|
@@ -189,6 +201,10 @@ const styles = css`
|
|
|
189
201
|
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
190
202
|
) var(
|
|
191
203
|
--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
|
|
204
|
+
)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(
|
|
205
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
206
|
+
) var(
|
|
207
|
+
--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
|
|
192
208
|
)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(
|
|
193
209
|
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
194
210
|
) var(
|
|
@@ -199,7 +215,7 @@ const styles = css`
|
|
|
199
215
|
--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)
|
|
200
216
|
);color:var(
|
|
201
217
|
--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)
|
|
202
|
-
)}:host([variant=overBackground][disabled])
|
|
218
|
+
)}:host([variant=overBackground][disabled]){background-color:var(
|
|
203
219
|
--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
|
|
204
220
|
);border-color:var(
|
|
205
221
|
--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-clear-button.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]),:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill,:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Nf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -133,9 +133,11 @@
|
|
|
133
133
|
--spectrum-clearbutton-fill-uiicon-color-down
|
|
134
134
|
)}:host(.focus-visible){color:var(
|
|
135
135
|
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
136
|
+
)}:host(.focus-visible){color:var(
|
|
137
|
+
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
136
138
|
)}:host(:focus-visible){color:var(
|
|
137
139
|
--spectrum-clearbutton-fill-uiicon-color-key-focus
|
|
138
|
-
)}:host([disabled])
|
|
140
|
+
)}:host([disabled]){color:var(
|
|
139
141
|
--spectrum-clearbutton-fill-uiicon-color-disabled
|
|
140
142
|
)}:host(:hover) .fill{background-color:var(
|
|
141
143
|
--spectrum-clearbutton-fill-background-color-hover
|
|
@@ -143,9 +145,11 @@
|
|
|
143
145
|
--spectrum-clearbutton-fill-background-color-down
|
|
144
146
|
)}:host(.focus-visible) .fill{background-color:var(
|
|
145
147
|
--spectrum-clearbutton-fill-background-color-key-focus
|
|
148
|
+
)}:host(.focus-visible) .fill{background-color:var(
|
|
149
|
+
--spectrum-clearbutton-fill-background-color-key-focus
|
|
146
150
|
)}:host(:focus-visible) .fill{background-color:var(
|
|
147
151
|
--spectrum-clearbutton-fill-background-color-key-focus
|
|
148
|
-
)}:host([disabled]) .fill
|
|
152
|
+
)}:host([disabled]) .fill{background-color:var(
|
|
149
153
|
--spectrum-clearbutton-fill-background-color-disabled
|
|
150
154
|
)}:host([variant=overBackground]){color:var(
|
|
151
155
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
@@ -155,6 +159,8 @@
|
|
|
155
159
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
156
160
|
)}:host([variant=overBackground].focus-visible){color:var(
|
|
157
161
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
162
|
+
)}:host([variant=overBackground].focus-visible){color:var(
|
|
163
|
+
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
158
164
|
)}:host([variant=overBackground]:focus-visible){color:var(
|
|
159
165
|
--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
|
|
160
166
|
)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(
|
|
@@ -177,6 +183,12 @@
|
|
|
177
183
|
--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
|
|
178
184
|
);box-shadow:none;color:var(
|
|
179
185
|
--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
|
|
186
|
+
)}:host([variant=overBackground].focus-visible){background-color:var(
|
|
187
|
+
--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
|
|
188
|
+
);border-color:var(
|
|
189
|
+
--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
|
|
190
|
+
);box-shadow:none;color:var(
|
|
191
|
+
--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
|
|
180
192
|
)}:host([variant=overBackground]:focus-visible){background-color:var(
|
|
181
193
|
--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
|
|
182
194
|
);border-color:var(
|
|
@@ -187,6 +199,10 @@
|
|
|
187
199
|
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
188
200
|
) var(
|
|
189
201
|
--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
|
|
202
|
+
)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(
|
|
203
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
204
|
+
) var(
|
|
205
|
+
--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
|
|
190
206
|
)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(
|
|
191
207
|
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
192
208
|
) var(
|
|
@@ -197,7 +213,7 @@
|
|
|
197
213
|
--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)
|
|
198
214
|
);color:var(
|
|
199
215
|
--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)
|
|
200
|
-
)}:host([variant=overBackground][disabled])
|
|
216
|
+
)}:host([variant=overBackground][disabled]){background-color:var(
|
|
201
217
|
--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
|
|
202
218
|
);border-color:var(
|
|
203
219
|
--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-clear-button.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]),:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill,:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Nf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|