@spectrum-web-components/clear-button 0.1.6 → 0.1.8-devmode.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/package.json +6 -6
  2. package/src/clear-button.css.dev.js +210 -0
  3. package/src/clear-button.css.dev.js.map +7 -0
  4. package/src/clear-button.css.js +3 -14
  5. package/src/clear-button.css.js.map +7 -1
  6. package/src/spectrum-clear-button.css.dev.js +210 -0
  7. package/src/spectrum-clear-button.css.dev.js.map +7 -0
  8. package/src/spectrum-clear-button.css.js +3 -14
  9. package/src/spectrum-clear-button.css.js.map +7 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/clear-button",
3
- "version": "0.1.6",
3
+ "version": "0.1.8-devmode.7+8303f3a2a",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -21,8 +21,8 @@
21
21
  "type": "module",
22
22
  "exports": {
23
23
  ".": "./src/clear-button.css.js",
24
- "./src/*": "./src/*",
25
- "./package.json": "./package.json"
24
+ "./package.json": "./package.json",
25
+ "./src/clear-button.css.js": "./src/clear-button.css.js"
26
26
  },
27
27
  "scripts": {
28
28
  "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
@@ -42,16 +42,16 @@
42
42
  "lit-html"
43
43
  ],
44
44
  "dependencies": {
45
- "@spectrum-web-components/base": "^0.5.8",
45
+ "@spectrum-web-components/base": "^0.5.9-devmode.31+8303f3a2a",
46
46
  "tslib": "^2.0.0"
47
47
  },
48
48
  "devDependencies": {
49
- "@spectrum-css/clearbutton": "^1.2.10"
49
+ "@spectrum-css/clearbutton": "^1.2.12"
50
50
  },
51
51
  "types": "./src/index.d.ts",
52
52
  "customElements": "custom-elements.json",
53
53
  "sideEffects": [
54
54
  "./sp-*.js"
55
55
  ],
56
- "gitHead": "e5cd4a0db2201b8126eb9133ac3c24172d086359"
56
+ "gitHead": "8303f3a2a90b0aedc15158797662ccfa8f4a2031"
57
57
  }
package/src/clear-button.css.dev.js ADDED
@@ -0,0 +1,210 @@
1
+ import { css } from "@spectrum-web-components/base";
2
+ const styles = css`
3
+ :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(
4
+ --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
5
+ );justify-content:center;line-height:var(
6
+ --spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)
7
+ );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(
8
+ --spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
9
+ );--spectrum-clearbutton-fill-background-color-disabled:var(
10
+ --spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
11
+ );--spectrum-clearbutton-fill-uiicon-color:var(
12
+ --spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
13
+ );--spectrum-clearbutton-fill-background-color:var(
14
+ --spectrum-clearbutton-s-fill-background-color,var(
15
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default
16
+ )
17
+ );--spectrum-clearbutton-fill-uiicon-color-down:var(
18
+ --spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)
19
+ );--spectrum-clearbutton-fill-background-color-down:var(
20
+ --spectrum-clearbutton-s-fill-background-color-down,var(
21
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down
22
+ )
23
+ );--spectrum-clearbutton-fill-background-color-hover:var(
24
+ --spectrum-clearbutton-s-fill-background-color-hover,var(
25
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover
26
+ )
27
+ );--spectrum-clearbutton-fill-uiicon-color-key-focus:var(
28
+ --spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)
29
+ );--spectrum-clearbutton-fill-background-color-key-focus:var(
30
+ --spectrum-clearbutton-s-fill-background-color-key-focus,var(
31
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus
32
+ )
33
+ );--spectrum-clearbutton-fill-size:var(
34
+ --spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)
35
+ );--spectrum-clearbutton-padding:var(
36
+ --spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)
37
+ )}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(
38
+ --spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
39
+ );--spectrum-clearbutton-fill-background-color-disabled:var(
40
+ --spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
41
+ );--spectrum-clearbutton-fill-uiicon-color:var(
42
+ --spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
43
+ );--spectrum-clearbutton-fill-background-color:var(
44
+ --spectrum-clearbutton-m-fill-background-color,var(
45
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default
46
+ )
47
+ );--spectrum-clearbutton-fill-uiicon-color-down:var(
48
+ --spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)
49
+ );--spectrum-clearbutton-fill-background-color-down:var(
50
+ --spectrum-clearbutton-m-fill-background-color-down,var(
51
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down
52
+ )
53
+ );--spectrum-clearbutton-fill-background-color-hover:var(
54
+ --spectrum-clearbutton-m-fill-background-color-hover,var(
55
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover
56
+ )
57
+ );--spectrum-clearbutton-fill-uiicon-color-key-focus:var(
58
+ --spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)
59
+ );--spectrum-clearbutton-fill-background-color-key-focus:var(
60
+ --spectrum-clearbutton-m-fill-background-color-key-focus,var(
61
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus
62
+ )
63
+ );--spectrum-clearbutton-fill-size:var(
64
+ --spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)
65
+ );--spectrum-clearbutton-padding:var(
66
+ --spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)
67
+ )}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(
68
+ --spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
69
+ );--spectrum-clearbutton-fill-background-color-disabled:var(
70
+ --spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
71
+ );--spectrum-clearbutton-fill-uiicon-color:var(
72
+ --spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
73
+ );--spectrum-clearbutton-fill-background-color:var(
74
+ --spectrum-clearbutton-l-fill-background-color,var(
75
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default
76
+ )
77
+ );--spectrum-clearbutton-fill-uiicon-color-down:var(
78
+ --spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)
79
+ );--spectrum-clearbutton-fill-background-color-down:var(
80
+ --spectrum-clearbutton-l-fill-background-color-down,var(
81
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down
82
+ )
83
+ );--spectrum-clearbutton-fill-background-color-hover:var(
84
+ --spectrum-clearbutton-l-fill-background-color-hover,var(
85
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover
86
+ )
87
+ );--spectrum-clearbutton-fill-uiicon-color-key-focus:var(
88
+ --spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)
89
+ );--spectrum-clearbutton-fill-background-color-key-focus:var(
90
+ --spectrum-clearbutton-l-fill-background-color-key-focus,var(
91
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus
92
+ )
93
+ );--spectrum-clearbutton-fill-size:var(
94
+ --spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)
95
+ );--spectrum-clearbutton-padding:var(
96
+ --spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)
97
+ )}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(
98
+ --spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
99
+ );--spectrum-clearbutton-fill-background-color-disabled:var(
100
+ --spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
101
+ );--spectrum-clearbutton-fill-uiicon-color:var(
102
+ --spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
103
+ );--spectrum-clearbutton-fill-background-color:var(
104
+ --spectrum-clearbutton-xl-fill-background-color,var(
105
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default
106
+ )
107
+ );--spectrum-clearbutton-fill-uiicon-color-down:var(
108
+ --spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)
109
+ );--spectrum-clearbutton-fill-background-color-down:var(
110
+ --spectrum-clearbutton-xl-fill-background-color-down,var(
111
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down
112
+ )
113
+ );--spectrum-clearbutton-fill-background-color-hover:var(
114
+ --spectrum-clearbutton-xl-fill-background-color-hover,var(
115
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover
116
+ )
117
+ );--spectrum-clearbutton-fill-uiicon-color-key-focus:var(
118
+ --spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)
119
+ );--spectrum-clearbutton-fill-background-color-key-focus:var(
120
+ --spectrum-clearbutton-xl-fill-background-color-key-focus,var(
121
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus
122
+ )
123
+ );--spectrum-clearbutton-fill-size:var(
124
+ --spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)
125
+ );--spectrum-clearbutton-padding:var(
126
+ --spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)
127
+ )}.fill{align-items:center;background-color:var(
128
+ --spectrum-clearbutton-fill-background-color
129
+ );border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(
130
+ --spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
131
+ )}:host(:hover){color:var(
132
+ --spectrum-clearbutton-fill-uiicon-color
133
+ )}:host([active]){color:var(
134
+ --spectrum-clearbutton-fill-uiicon-color-down
135
+ )}:host(.focus-visible){color:var(
136
+ --spectrum-clearbutton-fill-uiicon-color-key-focus
137
+ )}:host(:focus-visible){color:var(
138
+ --spectrum-clearbutton-fill-uiicon-color-key-focus
139
+ )}:host([disabled]),:host([disabled]){color:var(
140
+ --spectrum-clearbutton-fill-uiicon-color-disabled
141
+ )}:host(:hover) .fill{background-color:var(
142
+ --spectrum-clearbutton-fill-background-color-hover
143
+ )}:host([active]) .fill{background-color:var(
144
+ --spectrum-clearbutton-fill-background-color-down
145
+ )}:host(.focus-visible) .fill{background-color:var(
146
+ --spectrum-clearbutton-fill-background-color-key-focus
147
+ )}:host(:focus-visible) .fill{background-color:var(
148
+ --spectrum-clearbutton-fill-background-color-key-focus
149
+ )}:host([disabled]) .fill,:host([disabled]) .fill{background-color:var(
150
+ --spectrum-clearbutton-fill-background-color-disabled
151
+ )}:host([variant=overBackground]){color:var(
152
+ --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
153
+ )}:host([variant=overBackground]:hover){color:var(
154
+ --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
155
+ )}:host([variant=overBackground][active]){color:var(
156
+ --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
157
+ )}:host([variant=overBackground].focus-visible){color:var(
158
+ --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
159
+ )}:host([variant=overBackground]:focus-visible){color:var(
160
+ --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
161
+ )}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(
162
+ --spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)
163
+ )}:host([variant=overBackground]){background-color:var(
164
+ --spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)
165
+ );border-color:var(
166
+ --spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)
167
+ );color:var(
168
+ --spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)
169
+ )}:host([variant=overBackground]:hover){background-color:var(
170
+ --spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
171
+ );border-color:var(
172
+ --spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
173
+ );color:var(
174
+ --spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
175
+ )}:host([variant=overBackground].focus-visible){background-color:var(
176
+ --spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
177
+ );border-color:var(
178
+ --spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
179
+ );box-shadow:none;color:var(
180
+ --spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
181
+ )}:host([variant=overBackground]:focus-visible){background-color:var(
182
+ --spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
183
+ );border-color:var(
184
+ --spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
185
+ );box-shadow:none;color:var(
186
+ --spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
187
+ )}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(
188
+ --spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
189
+ ) var(
190
+ --spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
191
+ )}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(
192
+ --spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
193
+ ) var(
194
+ --spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
195
+ )}:host([variant=overBackground][active]){background-color:var(
196
+ --spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)
197
+ );border-color:var(
198
+ --spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)
199
+ );color:var(
200
+ --spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)
201
+ )}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]){background-color:var(
202
+ --spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
203
+ );border-color:var(
204
+ --spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)
205
+ );color:var(
206
+ --spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)
207
+ )}@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)}}
208
+ `;
209
+ export default styles;
210
+ //# sourceMappingURL=clear-button.css.dev.js.map
package/src/clear-button.css.dev.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 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;AACA,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+Mf,eAAe;",
6
+ "names": []
7
+ }
package/src/clear-button.css.js CHANGED
@@ -1,16 +1,5 @@
1
- /*
2
- Copyright 2022 Adobe. All rights reserved.
3
- This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
- you may not use this file except in compliance with the License. You may obtain a copy
5
- of the License at http://www.apache.org/licenses/LICENSE-2.0
6
-
7
- Unless required by applicable law or agreed to in writing, software distributed under
8
- the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- OF ANY KIND, either express or implied. See the License for the specific language
10
- governing permissions and limitations under the License.
11
- */
12
- import { css } from '@spectrum-web-components/base';
13
- const styles = css `
1
+ import { css } from "@spectrum-web-components/base";
2
+ const styles = css`
14
3
  :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(
15
4
  --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
16
5
  );justify-content:center;line-height:var(
@@ -218,4 +207,4 @@ const styles = css `
218
207
  )}@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)}}
219
208
  `;
220
209
  export default styles;
221
- //# sourceMappingURL=clear-button.css.js.map
210
+ //# sourceMappingURL=clear-button.css.js.map
package/src/clear-button.css.js.map CHANGED
@@ -1 +1,7 @@
1
- {"version":3,"file":"clear-button.css.js","sourceRoot":"","sources":["clear-button.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8MjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-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;"]}
1
+ {
2
+ "version": 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;AACA,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+Mf,eAAe;",
6
+ "names": []
7
+ }
package/src/spectrum-clear-button.css.dev.js ADDED
@@ -0,0 +1,210 @@
1
+ import { css } from "@spectrum-web-components/base";
2
+ const styles = css`
3
+ :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(
4
+ --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
5
+ );justify-content:center;line-height:var(
6
+ --spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)
7
+ );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(
8
+ --spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
9
+ );--spectrum-clearbutton-fill-background-color-disabled:var(
10
+ --spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
11
+ );--spectrum-clearbutton-fill-uiicon-color:var(
12
+ --spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
13
+ );--spectrum-clearbutton-fill-background-color:var(
14
+ --spectrum-clearbutton-s-fill-background-color,var(
15
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default
16
+ )
17
+ );--spectrum-clearbutton-fill-uiicon-color-down:var(
18
+ --spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)
19
+ );--spectrum-clearbutton-fill-background-color-down:var(
20
+ --spectrum-clearbutton-s-fill-background-color-down,var(
21
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down
22
+ )
23
+ );--spectrum-clearbutton-fill-background-color-hover:var(
24
+ --spectrum-clearbutton-s-fill-background-color-hover,var(
25
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover
26
+ )
27
+ );--spectrum-clearbutton-fill-uiicon-color-key-focus:var(
28
+ --spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)
29
+ );--spectrum-clearbutton-fill-background-color-key-focus:var(
30
+ --spectrum-clearbutton-s-fill-background-color-key-focus,var(
31
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus
32
+ )
33
+ );--spectrum-clearbutton-fill-size:var(
34
+ --spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)
35
+ );--spectrum-clearbutton-padding:var(
36
+ --spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)
37
+ )}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(
38
+ --spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
39
+ );--spectrum-clearbutton-fill-background-color-disabled:var(
40
+ --spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
41
+ );--spectrum-clearbutton-fill-uiicon-color:var(
42
+ --spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
43
+ );--spectrum-clearbutton-fill-background-color:var(
44
+ --spectrum-clearbutton-m-fill-background-color,var(
45
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default
46
+ )
47
+ );--spectrum-clearbutton-fill-uiicon-color-down:var(
48
+ --spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)
49
+ );--spectrum-clearbutton-fill-background-color-down:var(
50
+ --spectrum-clearbutton-m-fill-background-color-down,var(
51
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down
52
+ )
53
+ );--spectrum-clearbutton-fill-background-color-hover:var(
54
+ --spectrum-clearbutton-m-fill-background-color-hover,var(
55
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover
56
+ )
57
+ );--spectrum-clearbutton-fill-uiicon-color-key-focus:var(
58
+ --spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)
59
+ );--spectrum-clearbutton-fill-background-color-key-focus:var(
60
+ --spectrum-clearbutton-m-fill-background-color-key-focus,var(
61
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus
62
+ )
63
+ );--spectrum-clearbutton-fill-size:var(
64
+ --spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)
65
+ );--spectrum-clearbutton-padding:var(
66
+ --spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)
67
+ )}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(
68
+ --spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
69
+ );--spectrum-clearbutton-fill-background-color-disabled:var(
70
+ --spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
71
+ );--spectrum-clearbutton-fill-uiicon-color:var(
72
+ --spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
73
+ );--spectrum-clearbutton-fill-background-color:var(
74
+ --spectrum-clearbutton-l-fill-background-color,var(
75
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default
76
+ )
77
+ );--spectrum-clearbutton-fill-uiicon-color-down:var(
78
+ --spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)
79
+ );--spectrum-clearbutton-fill-background-color-down:var(
80
+ --spectrum-clearbutton-l-fill-background-color-down,var(
81
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down
82
+ )
83
+ );--spectrum-clearbutton-fill-background-color-hover:var(
84
+ --spectrum-clearbutton-l-fill-background-color-hover,var(
85
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover
86
+ )
87
+ );--spectrum-clearbutton-fill-uiicon-color-key-focus:var(
88
+ --spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)
89
+ );--spectrum-clearbutton-fill-background-color-key-focus:var(
90
+ --spectrum-clearbutton-l-fill-background-color-key-focus,var(
91
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus
92
+ )
93
+ );--spectrum-clearbutton-fill-size:var(
94
+ --spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)
95
+ );--spectrum-clearbutton-padding:var(
96
+ --spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)
97
+ )}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(
98
+ --spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
99
+ );--spectrum-clearbutton-fill-background-color-disabled:var(
100
+ --spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
101
+ );--spectrum-clearbutton-fill-uiicon-color:var(
102
+ --spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
103
+ );--spectrum-clearbutton-fill-background-color:var(
104
+ --spectrum-clearbutton-xl-fill-background-color,var(
105
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default
106
+ )
107
+ );--spectrum-clearbutton-fill-uiicon-color-down:var(
108
+ --spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)
109
+ );--spectrum-clearbutton-fill-background-color-down:var(
110
+ --spectrum-clearbutton-xl-fill-background-color-down,var(
111
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down
112
+ )
113
+ );--spectrum-clearbutton-fill-background-color-hover:var(
114
+ --spectrum-clearbutton-xl-fill-background-color-hover,var(
115
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover
116
+ )
117
+ );--spectrum-clearbutton-fill-uiicon-color-key-focus:var(
118
+ --spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)
119
+ );--spectrum-clearbutton-fill-background-color-key-focus:var(
120
+ --spectrum-clearbutton-xl-fill-background-color-key-focus,var(
121
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus
122
+ )
123
+ );--spectrum-clearbutton-fill-size:var(
124
+ --spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)
125
+ );--spectrum-clearbutton-padding:var(
126
+ --spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)
127
+ )}.fill{align-items:center;background-color:var(
128
+ --spectrum-clearbutton-fill-background-color
129
+ );border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(
130
+ --spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
131
+ )}:host(:hover){color:var(
132
+ --spectrum-clearbutton-fill-uiicon-color
133
+ )}:host([active]){color:var(
134
+ --spectrum-clearbutton-fill-uiicon-color-down
135
+ )}:host(.focus-visible){color:var(
136
+ --spectrum-clearbutton-fill-uiicon-color-key-focus
137
+ )}:host(:focus-visible){color:var(
138
+ --spectrum-clearbutton-fill-uiicon-color-key-focus
139
+ )}:host([disabled]),:host([disabled]){color:var(
140
+ --spectrum-clearbutton-fill-uiicon-color-disabled
141
+ )}:host(:hover) .fill{background-color:var(
142
+ --spectrum-clearbutton-fill-background-color-hover
143
+ )}:host([active]) .fill{background-color:var(
144
+ --spectrum-clearbutton-fill-background-color-down
145
+ )}:host(.focus-visible) .fill{background-color:var(
146
+ --spectrum-clearbutton-fill-background-color-key-focus
147
+ )}:host(:focus-visible) .fill{background-color:var(
148
+ --spectrum-clearbutton-fill-background-color-key-focus
149
+ )}:host([disabled]) .fill,:host([disabled]) .fill{background-color:var(
150
+ --spectrum-clearbutton-fill-background-color-disabled
151
+ )}:host([variant=overBackground]){color:var(
152
+ --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
153
+ )}:host([variant=overBackground]:hover){color:var(
154
+ --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
155
+ )}:host([variant=overBackground][active]){color:var(
156
+ --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
157
+ )}:host([variant=overBackground].focus-visible){color:var(
158
+ --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
159
+ )}:host([variant=overBackground]:focus-visible){color:var(
160
+ --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
161
+ )}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(
162
+ --spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)
163
+ )}:host([variant=overBackground]){background-color:var(
164
+ --spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)
165
+ );border-color:var(
166
+ --spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)
167
+ );color:var(
168
+ --spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)
169
+ )}:host([variant=overBackground]:hover){background-color:var(
170
+ --spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
171
+ );border-color:var(
172
+ --spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
173
+ );color:var(
174
+ --spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
175
+ )}:host([variant=overBackground].focus-visible){background-color:var(
176
+ --spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
177
+ );border-color:var(
178
+ --spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
179
+ );box-shadow:none;color:var(
180
+ --spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
181
+ )}:host([variant=overBackground]:focus-visible){background-color:var(
182
+ --spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)
183
+ );border-color:var(
184
+ --spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)
185
+ );box-shadow:none;color:var(
186
+ --spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)
187
+ )}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(
188
+ --spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
189
+ ) var(
190
+ --spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
191
+ )}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(
192
+ --spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
193
+ ) var(
194
+ --spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)
195
+ )}:host([variant=overBackground][active]){background-color:var(
196
+ --spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)
197
+ );border-color:var(
198
+ --spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)
199
+ );color:var(
200
+ --spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)
201
+ )}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]){background-color:var(
202
+ --spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
203
+ );border-color:var(
204
+ --spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)
205
+ );color:var(
206
+ --spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)
207
+ )}@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)}}
208
+ `;
209
+ export default styles;
210
+ //# sourceMappingURL=spectrum-clear-button.css.dev.js.map
package/src/spectrum-clear-button.css.dev.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 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;AACA,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+Mf,eAAe;",
6
+ "names": []
7
+ }
package/src/spectrum-clear-button.css.js CHANGED
@@ -1,16 +1,5 @@
1
- /*
2
- Copyright 2022 Adobe. All rights reserved.
3
- This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
- you may not use this file except in compliance with the License. You may obtain a copy
5
- of the License at http://www.apache.org/licenses/LICENSE-2.0
6
-
7
- Unless required by applicable law or agreed to in writing, software distributed under
8
- the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- OF ANY KIND, either express or implied. See the License for the specific language
10
- governing permissions and limitations under the License.
11
- */
12
- import { css } from '@spectrum-web-components/base';
13
- const styles = css `
1
+ import { css } from "@spectrum-web-components/base";
2
+ const styles = css`
14
3
  :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(
15
4
  --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
16
5
  );justify-content:center;line-height:var(
@@ -218,4 +207,4 @@ const styles = css `
218
207
  )}@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)}}
219
208
  `;
220
209
  export default styles;
221
- //# sourceMappingURL=spectrum-clear-button.css.js.map
210
+ //# sourceMappingURL=spectrum-clear-button.css.js.map
package/src/spectrum-clear-button.css.js.map CHANGED
@@ -1 +1,7 @@
1
- {"version":3,"file":"spectrum-clear-button.css.js","sourceRoot":"","sources":["spectrum-clear-button.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8MjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-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;"]}
1
+ {
2
+ "version": 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;AACA,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+Mf,eAAe;",
6
+ "names": []
7
+ }