@spectrum-web-components/clear-button 0.2.6-react.75 → 0.2.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 (10) hide show
  1. package/package.json +3 -3
  2. package/src/clear-button.css.dev.js +5 -23
  3. package/src/clear-button.css.dev.js.map +2 -2
  4. package/src/clear-button.css.js +5 -23
  5. package/src/clear-button.css.js.map +2 -2
  6. package/src/spectrum-clear-button.css.dev.js +5 -23
  7. package/src/spectrum-clear-button.css.dev.js.map +2 -2
  8. package/src/spectrum-clear-button.css.js +5 -23
  9. package/src/spectrum-clear-button.css.js.map +2 -2
  10. package/src/spectrum-config.js +43 -71
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/clear-button",
3
- "version": "0.2.6-react.75+9897d0a1c",
3
+ "version": "0.2.7",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -42,7 +42,7 @@
42
42
  "lit-html"
43
43
  ],
44
44
  "dependencies": {
45
- "@spectrum-web-components/base": "^0.7.5-react.75+9897d0a1c"
45
+ "@spectrum-web-components/base": "^0.7.4"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@spectrum-css/clearbutton": "^1.2.17"
@@ -53,5 +53,5 @@
53
53
  "./sp-*.js",
54
54
  "./**/*.dev.js"
55
55
  ],
56
- "gitHead": "9897d0a1c48b8cee4e5a19c58acfdec2c1dc0623"
56
+ "gitHead": "1e25ee121f3bc838dbb99bac62f3c95857570f7a"
57
57
  }
package/src/clear-button.css.dev.js CHANGED
@@ -5,7 +5,7 @@ const styles = css`
5
5
  --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
6
6
  );justify-content:center;line-height:var(
7
7
  --spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)
8
- );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
+ );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;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host{background-color:#0000;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(
9
9
  --spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
10
10
  );--spectrum-clearbutton-fill-background-color-disabled:var(
11
11
  --spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
@@ -125,27 +125,9 @@ const styles = css`
125
125
  --spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)
126
126
  );--spectrum-clearbutton-padding:var(
127
127
  --spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)
128
- )}.fill{align-items:center;background-color:var(
129
- --spectrum-clearbutton-fill-background-color
130
- );border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(
128
+ )}.fill{align-items:center;background-color:var(--spectrum-clearbutton-fill-background-color);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(
131
129
  --spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
132
- )}:host(:hover){color:var(
133
- --spectrum-clearbutton-fill-uiicon-color
134
- )}:host([active]){color:var(
135
- --spectrum-clearbutton-fill-uiicon-color-down
136
- )}:host(.focus-visible){color:var(
137
- --spectrum-clearbutton-fill-uiicon-color-key-focus
138
- )}:host(.focus-visible){color:var(
139
- --spectrum-clearbutton-fill-uiicon-color-key-focus
140
- )}:host(:focus-visible){color:var(
141
- --spectrum-clearbutton-fill-uiicon-color-key-focus
142
- )}:host([disabled]){color:var(
143
- --spectrum-clearbutton-fill-uiicon-color-disabled
144
- )}:host(:hover) .fill{background-color:var(
145
- --spectrum-clearbutton-fill-background-color-hover
146
- )}:host([active]) .fill{background-color:var(
147
- --spectrum-clearbutton-fill-background-color-down
148
- )}:host(.focus-visible) .fill{background-color:var(
130
+ )}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color)}:host([active]){color:var(--spectrum-clearbutton-fill-uiicon-color-down)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(:focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}:host(:hover) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-hover)}:host([active]) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-down)}:host(.focus-visible) .fill{background-color:var(
149
131
  --spectrum-clearbutton-fill-background-color-key-focus
150
132
  )}:host(.focus-visible) .fill{background-color:var(
151
133
  --spectrum-clearbutton-fill-background-color-key-focus
@@ -166,7 +148,7 @@ const styles = css`
166
148
  )}:host([variant=overBackground]:focus-visible){color:var(
167
149
  --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
168
150
  )}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(
169
- --spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)
151
+ --spectrum-alias-icon-color-overbackground-disabled,#fff3
170
152
  )}:host([variant=overBackground]){background-color:var(
171
153
  --spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)
172
154
  );border-color:var(
@@ -221,7 +203,7 @@ const styles = css`
221
203
  --spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)
222
204
  );color:var(
223
205
  --spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)
224
- )}@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)}}
206
+ )}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.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)}}
225
207
  `;
226
208
  export default styles;
227
209
  //# sourceMappingURL=clear-button.css.dev.js.map
package/src/clear-button.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["clear-button.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Nf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host{background-color:#0000;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}.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(--spectrum-clearbutton-fill-background-color);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(--spectrum-clearbutton-fill-uiicon-color)}:host([active]){color:var(--spectrum-clearbutton-fill-uiicon-color-down)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(:focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}:host(:hover) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-hover)}:host([active]) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-down)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,#fff3\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Mf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/clear-button.css.js CHANGED
@@ -3,7 +3,7 @@
3
3
  --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
4
4
  );justify-content:center;line-height:var(
5
5
  --spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)
6
- );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(
6
+ );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;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host{background-color:#0000;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(
7
7
  --spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
8
8
  );--spectrum-clearbutton-fill-background-color-disabled:var(
9
9
  --spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
@@ -123,27 +123,9 @@
123
123
  --spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)
124
124
  );--spectrum-clearbutton-padding:var(
125
125
  --spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)
126
- )}.fill{align-items:center;background-color:var(
127
- --spectrum-clearbutton-fill-background-color
128
- );border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(
126
+ )}.fill{align-items:center;background-color:var(--spectrum-clearbutton-fill-background-color);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(
129
127
  --spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
130
- )}:host(:hover){color:var(
131
- --spectrum-clearbutton-fill-uiicon-color
132
- )}:host([active]){color:var(
133
- --spectrum-clearbutton-fill-uiicon-color-down
134
- )}:host(.focus-visible){color:var(
135
- --spectrum-clearbutton-fill-uiicon-color-key-focus
136
- )}:host(.focus-visible){color:var(
137
- --spectrum-clearbutton-fill-uiicon-color-key-focus
138
- )}:host(:focus-visible){color:var(
139
- --spectrum-clearbutton-fill-uiicon-color-key-focus
140
- )}:host([disabled]){color:var(
141
- --spectrum-clearbutton-fill-uiicon-color-disabled
142
- )}:host(:hover) .fill{background-color:var(
143
- --spectrum-clearbutton-fill-background-color-hover
144
- )}:host([active]) .fill{background-color:var(
145
- --spectrum-clearbutton-fill-background-color-down
146
- )}:host(.focus-visible) .fill{background-color:var(
128
+ )}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color)}:host([active]){color:var(--spectrum-clearbutton-fill-uiicon-color-down)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(:focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}:host(:hover) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-hover)}:host([active]) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-down)}:host(.focus-visible) .fill{background-color:var(
147
129
  --spectrum-clearbutton-fill-background-color-key-focus
148
130
  )}:host(.focus-visible) .fill{background-color:var(
149
131
  --spectrum-clearbutton-fill-background-color-key-focus
@@ -164,7 +146,7 @@
164
146
  )}:host([variant=overBackground]:focus-visible){color:var(
165
147
  --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
166
148
  )}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(
167
- --spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)
149
+ --spectrum-alias-icon-color-overbackground-disabled,#fff3
168
150
  )}:host([variant=overBackground]){background-color:var(
169
151
  --spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)
170
152
  );border-color:var(
@@ -219,6 +201,6 @@
219
201
  --spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)
220
202
  );color:var(
221
203
  --spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)
222
- )}@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)}}
204
+ )}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.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)}}
223
205
  `;export default r;
224
206
  //# sourceMappingURL=clear-button.css.js.map
package/src/clear-button.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["clear-button.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Nf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host{background-color:#0000;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}.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(--spectrum-clearbutton-fill-background-color);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(--spectrum-clearbutton-fill-uiicon-color)}:host([active]){color:var(--spectrum-clearbutton-fill-uiicon-color-down)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(:focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}:host(:hover) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-hover)}:host([active]) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-down)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,#fff3\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6Mf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-clear-button.css.dev.js CHANGED
@@ -5,7 +5,7 @@ const styles = css`
5
5
  --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
6
6
  );justify-content:center;line-height:var(
7
7
  --spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)
8
- );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
+ );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;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host{background-color:#0000;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(
9
9
  --spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
10
10
  );--spectrum-clearbutton-fill-background-color-disabled:var(
11
11
  --spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
@@ -125,27 +125,9 @@ const styles = css`
125
125
  --spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)
126
126
  );--spectrum-clearbutton-padding:var(
127
127
  --spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)
128
- )}.fill{align-items:center;background-color:var(
129
- --spectrum-clearbutton-fill-background-color
130
- );border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(
128
+ )}.fill{align-items:center;background-color:var(--spectrum-clearbutton-fill-background-color);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(
131
129
  --spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
132
- )}:host(:hover){color:var(
133
- --spectrum-clearbutton-fill-uiicon-color
134
- )}:host([active]){color:var(
135
- --spectrum-clearbutton-fill-uiicon-color-down
136
- )}:host(.focus-visible){color:var(
137
- --spectrum-clearbutton-fill-uiicon-color-key-focus
138
- )}:host(.focus-visible){color:var(
139
- --spectrum-clearbutton-fill-uiicon-color-key-focus
140
- )}:host(:focus-visible){color:var(
141
- --spectrum-clearbutton-fill-uiicon-color-key-focus
142
- )}:host([disabled]){color:var(
143
- --spectrum-clearbutton-fill-uiicon-color-disabled
144
- )}:host(:hover) .fill{background-color:var(
145
- --spectrum-clearbutton-fill-background-color-hover
146
- )}:host([active]) .fill{background-color:var(
147
- --spectrum-clearbutton-fill-background-color-down
148
- )}:host(.focus-visible) .fill{background-color:var(
130
+ )}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color)}:host([active]){color:var(--spectrum-clearbutton-fill-uiicon-color-down)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(:focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}:host(:hover) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-hover)}:host([active]) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-down)}:host(.focus-visible) .fill{background-color:var(
149
131
  --spectrum-clearbutton-fill-background-color-key-focus
150
132
  )}:host(.focus-visible) .fill{background-color:var(
151
133
  --spectrum-clearbutton-fill-background-color-key-focus
@@ -166,7 +148,7 @@ const styles = css`
166
148
  )}:host([variant=overBackground]:focus-visible){color:var(
167
149
  --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
168
150
  )}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(
169
- --spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)
151
+ --spectrum-alias-icon-color-overbackground-disabled,#fff3
170
152
  )}:host([variant=overBackground]){background-color:var(
171
153
  --spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)
172
154
  );border-color:var(
@@ -221,7 +203,7 @@ const styles = css`
221
203
  --spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)
222
204
  );color:var(
223
205
  --spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)
224
- )}@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)}}
206
+ )}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.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)}}
225
207
  `;
226
208
  export default styles;
227
209
  //# sourceMappingURL=spectrum-clear-button.css.dev.js.map
package/src/spectrum-clear-button.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-clear-button.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Nf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host{background-color:#0000;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}.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(--spectrum-clearbutton-fill-background-color);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(--spectrum-clearbutton-fill-uiicon-color)}:host([active]){color:var(--spectrum-clearbutton-fill-uiicon-color-down)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(:focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}:host(:hover) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-hover)}:host([active]) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-down)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,#fff3\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Mf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-clear-button.css.js CHANGED
@@ -3,7 +3,7 @@
3
3
  --spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)
4
4
  );justify-content:center;line-height:var(
5
5
  --spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)
6
- );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(
6
+ );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;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host{background-color:#0000;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(
7
7
  --spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)
8
8
  );--spectrum-clearbutton-fill-background-color-disabled:var(
9
9
  --spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)
@@ -123,27 +123,9 @@
123
123
  --spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)
124
124
  );--spectrum-clearbutton-padding:var(
125
125
  --spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)
126
- )}.fill{align-items:center;background-color:var(
127
- --spectrum-clearbutton-fill-background-color
128
- );border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(
126
+ )}.fill{align-items:center;background-color:var(--spectrum-clearbutton-fill-background-color);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(
129
127
  --spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)
130
- )}:host(:hover){color:var(
131
- --spectrum-clearbutton-fill-uiicon-color
132
- )}:host([active]){color:var(
133
- --spectrum-clearbutton-fill-uiicon-color-down
134
- )}:host(.focus-visible){color:var(
135
- --spectrum-clearbutton-fill-uiicon-color-key-focus
136
- )}:host(.focus-visible){color:var(
137
- --spectrum-clearbutton-fill-uiicon-color-key-focus
138
- )}:host(:focus-visible){color:var(
139
- --spectrum-clearbutton-fill-uiicon-color-key-focus
140
- )}:host([disabled]){color:var(
141
- --spectrum-clearbutton-fill-uiicon-color-disabled
142
- )}:host(:hover) .fill{background-color:var(
143
- --spectrum-clearbutton-fill-background-color-hover
144
- )}:host([active]) .fill{background-color:var(
145
- --spectrum-clearbutton-fill-background-color-down
146
- )}:host(.focus-visible) .fill{background-color:var(
128
+ )}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color)}:host([active]){color:var(--spectrum-clearbutton-fill-uiicon-color-down)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(:focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}:host(:hover) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-hover)}:host([active]) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-down)}:host(.focus-visible) .fill{background-color:var(
147
129
  --spectrum-clearbutton-fill-background-color-key-focus
148
130
  )}:host(.focus-visible) .fill{background-color:var(
149
131
  --spectrum-clearbutton-fill-background-color-key-focus
@@ -164,7 +146,7 @@
164
146
  )}:host([variant=overBackground]:focus-visible){color:var(
165
147
  --spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)
166
148
  )}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(
167
- --spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)
149
+ --spectrum-alias-icon-color-overbackground-disabled,#fff3
168
150
  )}:host([variant=overBackground]){background-color:var(
169
151
  --spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)
170
152
  );border-color:var(
@@ -219,6 +201,6 @@
219
201
  --spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)
220
202
  );color:var(
221
203
  --spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)
222
- )}@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)}}
204
+ )}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.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)}}
223
205
  `;export default r;
224
206
  //# sourceMappingURL=spectrum-clear-button.css.js.map
package/src/spectrum-clear-button.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-clear-button.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}:host(:focus){outline:none}:host(::-moz-focus-inner){border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}:host([disabled]){cursor:default}:host{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}:host>.icon{margin:0 auto}:host([size=s]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-s-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-s-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-s-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-s-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-s-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-s-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-s-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-s-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-s-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-s-fill-size,var(--spectrum-alias-infieldbutton-full-height-s)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-s-padding,var(--spectrum-alias-infieldbutton-padding-s)\n)}:host([size=m]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-m-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-m-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-m-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-m-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-m-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-m-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-m-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-m-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-m-fill-size,var(--spectrum-alias-infieldbutton-full-height-m)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-m-padding,var(--spectrum-alias-infieldbutton-padding-m)\n)}:host([size=l]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-l-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-l-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-l-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-l-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-l-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-l-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-l-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-l-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-l-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-l-fill-size,var(--spectrum-alias-infieldbutton-full-height-l)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-l-padding,var(--spectrum-alias-infieldbutton-padding-l)\n)}:host([size=xl]){--spectrum-clearbutton-fill-uiicon-color-disabled:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-disabled,var(--spectrum-alias-component-icon-color-disabled)\n);--spectrum-clearbutton-fill-background-color-disabled:var(\n--spectrum-clearbutton-xl-fill-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);--spectrum-clearbutton-fill-uiicon-color:var(\n--spectrum-clearbutton-xl-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n);--spectrum-clearbutton-fill-background-color:var(\n--spectrum-clearbutton-xl-fill-background-color,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default\n)\n);--spectrum-clearbutton-fill-uiicon-color-down:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-down,var(--spectrum-alias-component-icon-color-down)\n);--spectrum-clearbutton-fill-background-color-down:var(\n--spectrum-clearbutton-xl-fill-background-color-down,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down\n)\n);--spectrum-clearbutton-fill-background-color-hover:var(\n--spectrum-clearbutton-xl-fill-background-color-hover,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover\n)\n);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-uiicon-color-key-focus,var(--spectrum-alias-component-icon-color-key-focus)\n);--spectrum-clearbutton-fill-background-color-key-focus:var(\n--spectrum-clearbutton-xl-fill-background-color-key-focus,var(\n--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus\n)\n);--spectrum-clearbutton-fill-size:var(\n--spectrum-clearbutton-xl-fill-size,var(--spectrum-alias-infieldbutton-full-height-xl)\n);--spectrum-clearbutton-padding:var(\n--spectrum-clearbutton-xl-padding,var(--spectrum-alias-infieldbutton-padding-xl)\n)}.fill{align-items:center;background-color:var(\n--spectrum-clearbutton-fill-background-color\n);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}:host{color:var(\n--spectrum-clearbutton-m-fill-uiicon-color,var(--spectrum-alias-component-icon-color-default)\n)}:host(:hover){color:var(\n--spectrum-clearbutton-fill-uiicon-color\n)}:host([active]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-down\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(.focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host(:focus-visible){color:var(\n--spectrum-clearbutton-fill-uiicon-color-key-focus\n)}:host([disabled]){color:var(\n--spectrum-clearbutton-fill-uiicon-color-disabled\n)}:host(:hover) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-hover\n)}:host([active]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-down\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,hsla(0,0%,100%,.2)\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){:host>.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Nf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--spectrum-alias-body-text-font-family,var(--spectrum-global-font-family-base)\n);justify-content:center;line-height:var(\n--spectrum-alias-component-text-line-height,var(--spectrum-global-font-line-height-small)\n);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background var(--spectrum-global-animation-duration-100,.13s) ease-out,border-color var(--spectrum-global-animation-duration-100,.13s) ease-out,color var(--spectrum-global-animation-duration-100,.13s) ease-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host{background-color:#0000;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}.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(--spectrum-clearbutton-fill-background-color);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(--spectrum-clearbutton-fill-uiicon-color)}:host([active]){color:var(--spectrum-clearbutton-fill-uiicon-color-down)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(.focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host(:focus-visible){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}:host(:hover) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-hover)}:host([active]) .fill{background-color:var(--spectrum-clearbutton-fill-background-color-down)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(.focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host(:focus-visible) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-key-focus\n)}:host([disabled]) .fill{background-color:var(\n--spectrum-clearbutton-fill-background-color-disabled\n)}:host([variant=overBackground]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){color:var(\n--spectrum-alias-icon-color-overbackground,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]),:host([variant=overBackground][disabled]) .fill{background-color:var(\n--spectrum-alias-icon-color-overbackground-disabled,#fff3\n)}:host([variant=overBackground]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:hover){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-hover,var(--spectrum-global-color-static-transparent-white-300)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-hover,var(--spectrum-global-color-static-white)\n);box-shadow:none;color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-hover,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground].focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground]:focus-visible):after{box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][active]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-down,var(--spectrum-global-color-static-transparent-white-400)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-down,var(--spectrum-global-color-static-white)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-down,var(--spectrum-global-color-static-white)\n)}:host([variant=overBackground][disabled]){background-color:var(\n--spectrum-button-m-primary-outline-white-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);border-color:var(\n--spectrum-button-m-primary-outline-white-texticon-border-color-disabled,var(--spectrum-global-color-static-transparent-white-200)\n);color:var(\n--spectrum-button-m-primary-outline-white-texticon-text-color-disabled,var(--spectrum-global-color-static-transparent-white-500)\n)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.icon{margin:0}}@media (forced-colors:active){:host{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}:host(:hover){color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}:host([disabled]){color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6Mf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-config.js CHANGED
@@ -1,90 +1,62 @@
1
+ // @ts-check
1
2
  /*
2
- Copyright 2020 Adobe. All rights reserved.
3
- This file is licensed to you under the Apache License, Version 2.0 (the "License");
3
+ Copyright 2023 Adobe. All rights reserved.
4
+ This file is licensed to you under the Apache License, Version 2.0 (the 'License');
4
5
  you may not use this file except in compliance with the License. You may obtain a copy
5
6
  of the License at http://www.apache.org/licenses/LICENSE-2.0
6
7
 
7
8
  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
+ the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
10
  OF ANY KIND, either express or implied. See the License for the specific language
10
11
  governing permissions and limitations under the License.
11
12
  */
12
13
 
14
+ import { converterFor } from '../../../tasks/process-spectrum-utils.js';
15
+
16
+ const converter = converterFor('spectrum-ClearButton');
17
+
18
+ /**
19
+ * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
20
+ */
13
21
  const config = {
14
- spectrum: 'clearbutton',
15
- components: [
22
+ conversions: [
16
23
  {
17
- name: 'clear-button',
18
- host: {
19
- selector: '.spectrum-ClearButton',
20
- },
21
- attributes: [
22
- {
23
- type: 'boolean',
24
- selector: ':active',
25
- name: 'active',
26
- },
27
- {
28
- type: 'boolean',
29
- selector: '.is-disabled',
30
- name: 'disabled',
31
- },
32
- {
33
- type: 'boolean',
34
- selector: ':disabled',
35
- name: 'disabled',
36
- },
37
- {
38
- type: 'enum',
39
- name: 'variant',
40
- values: [
41
- '.spectrum-ClearButton--cta',
42
- '.spectrum-ClearButton--primary',
43
- '.spectrum-ClearButton--secondary',
44
- {
45
- name: 'negative',
46
- selector: '.spectrum-ClearButton--warning',
47
- },
48
- '.spectrum-ClearButton--overBackground',
24
+ inPackage: '@spectrum-css/clearbutton',
25
+ outPackage: 'clear-button',
26
+ fileName: 'clear-button',
27
+ components: [
28
+ converter.classToHost(),
29
+ converter.pseudoToAttribute('active', 'active'),
30
+ converter.pseudoToAttribute('disabled', 'disabled'),
31
+ converter.classToAttribute('is-disabled', 'disabled'),
32
+ ...converter.enumerateAttributes(
33
+ [
34
+ ['spectrum-ClearButton--cta'],
35
+ ['spectrum-ClearButton--primary'],
36
+ ['spectrum-ClearButton--secondary'],
37
+ ['spectrum-ClearButton--overBackground'],
38
+ ['spectrum-ClearButton--warning', 'negative'],
49
39
  ],
50
- },
51
- {
52
- type: 'enum',
53
- name: 'size',
54
- forceOntoHost: true,
55
- values: [
56
- {
57
- name: 's',
58
- selector: '.spectrum-ClearButton--sizeS',
59
- },
60
- {
61
- name: 'm',
62
- selector: '.spectrum-ClearButton--sizeM',
63
- },
64
- {
65
- name: 'l',
66
- selector: '.spectrum-ClearButton--sizeL',
67
- },
68
- {
69
- name: 'xl',
70
- selector: '.spectrum-ClearButton--sizeXL',
71
- },
40
+ 'variant'
41
+ ),
42
+ ...converter.enumerateAttributes(
43
+ [
44
+ ['spectrum-ClearButton--sizeS', 's'],
45
+ ['spectrum-ClearButton--sizeM', 'm'],
46
+ ['spectrum-ClearButton--sizeL', 'l'],
47
+ ['spectrum-ClearButton--sizeXL', 'xl'],
72
48
  ],
73
- },
49
+ 'size'
50
+ ),
51
+ converter.classToClass('spectrum-Icon', 'icon'),
52
+ converter.classToClass('spectrum-ClearButton-fill'),
74
53
  ],
75
- classes: [
54
+ excludeByComponents: [
76
55
  {
77
- name: 'icon',
78
- selector: '.spectrum-Icon',
56
+ type: 'pseudo-element',
57
+ kind: 'custom',
58
+ name: '-moz-focus-inner',
79
59
  },
80
- {
81
- name: 'fill',
82
- selector: '.spectrum-ClearButton-fill',
83
- },
84
- ],
85
- exclude: [/\.spectrum-Button/],
86
- excludeSourceSelector: [
87
- /^(\.spectrum-Button.*),(\.spectrum-ClearButton.*),(\.spectrum-LogicButton.*)$/,
88
60
  ],
89
61
  },
90
62
  ],