@spectrum-web-components/button 0.39.4 → 0.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/README.md +9 -9
  2. package/package.json +8 -8
  3. package/src/button.css.dev.js +2 -2
  4. package/src/button.css.dev.js.map +1 -1
  5. package/src/button.css.js +2 -2
  6. package/src/button.css.js.map +1 -1
  7. package/src/spectrum-button.css.dev.js +2 -2
  8. package/src/spectrum-button.css.dev.js.map +1 -1
  9. package/src/spectrum-button.css.js +2 -2
  10. package/src/spectrum-button.css.js.map +1 -1
  11. package/src/spectrum-config.js +4 -0
  12. package/stories/button-accent-fill.stories.js +3 -1
  13. package/stories/button-accent-fill.stories.js.map +2 -2
  14. package/stories/button-accent-outline.stories.js +3 -1
  15. package/stories/button-accent-outline.stories.js.map +2 -2
  16. package/stories/button-black-fill.stories.js +3 -1
  17. package/stories/button-black-fill.stories.js.map +2 -2
  18. package/stories/button-black-outline.stories.js +3 -1
  19. package/stories/button-black-outline.stories.js.map +2 -2
  20. package/stories/button-negative-fill.stories.js +3 -1
  21. package/stories/button-negative-fill.stories.js.map +2 -2
  22. package/stories/button-negative-outline.stories.js +3 -1
  23. package/stories/button-negative-outline.stories.js.map +2 -2
  24. package/stories/button-primary-fill.stories.js +3 -1
  25. package/stories/button-primary-fill.stories.js.map +2 -2
  26. package/stories/button-primary-outline.stories.js +3 -1
  27. package/stories/button-primary-outline.stories.js.map +2 -2
  28. package/stories/button-secondary-fill.stories.js +3 -1
  29. package/stories/button-secondary-fill.stories.js.map +2 -2
  30. package/stories/button-secondary-outline.stories.js +3 -1
  31. package/stories/button-secondary-outline.stories.js.map +2 -2
  32. package/stories/button-white-fill.stories.js +3 -1
  33. package/stories/button-white-fill.stories.js.map +2 -2
  34. package/stories/button-white-outline.stories.js +3 -1
  35. package/stories/button-white-outline.stories.js.map +2 -2
  36. package/stories/index.js +26 -0
  37. package/stories/index.js.map +2 -2
  38. package/test/button.test.js +1 -1
  39. package/test/button.test.js.map +1 -1
package/README.md CHANGED
@@ -92,7 +92,7 @@ placing an icon element to the `icon` slot.
92
92
  </svg>
93
93
  SVG Icon + Label
94
94
  </sp-button>
95
- <sp-button variant="primary" label="Icon only">
95
+ <sp-button variant="primary" label="Icon only" icon-only>
96
96
  <sp-icon-help slot="icon"></sp-icon-help>
97
97
  </sp-button>
98
98
  </sp-button-group>
@@ -114,7 +114,7 @@ attribute defaults to `accent` but also accepts the following value: `accent`, `
114
114
  <sp-icon-help slot="icon"></sp-icon-help>
115
115
  Icon + Label
116
116
  </sp-button>
117
- <sp-button variant="accent" label="Icon only">
117
+ <sp-button variant="accent" label="Icon only" icon-only>
118
118
  <sp-icon-help slot="icon"></sp-icon-help>
119
119
  </sp-button>
120
120
  </sp-button-group>
@@ -131,7 +131,7 @@ attribute defaults to `accent` but also accepts the following value: `accent`, `
131
131
  <sp-icon-help slot="icon"></sp-icon-help>
132
132
  Icon + Label
133
133
  </sp-button>
134
- <sp-button variant="primary" label="Icon only">
134
+ <sp-button variant="primary" label="Icon only" icon-only>
135
135
  <sp-icon-help slot="icon"></sp-icon-help>
136
136
  </sp-button>
137
137
  </sp-button-group>
@@ -148,7 +148,7 @@ attribute defaults to `accent` but also accepts the following value: `accent`, `
148
148
  <sp-icon-help slot="icon"></sp-icon-help>
149
149
  Icon + Label
150
150
  </sp-button>
151
- <sp-button variant="secondary" label="Icon only">
151
+ <sp-button variant="secondary" label="Icon only" icon-only>
152
152
  <sp-icon-help slot="icon"></sp-icon-help>
153
153
  </sp-button>
154
154
  </sp-button-group>
@@ -165,7 +165,7 @@ attribute defaults to `accent` but also accepts the following value: `accent`, `
165
165
  <sp-icon-help slot="icon"></sp-icon-help>
166
166
  Icon + Label
167
167
  </sp-button>
168
- <sp-button variant="negative" label="Icon only">
168
+ <sp-button variant="negative" label="Icon only" icon-only>
169
169
  <sp-icon-help slot="icon"></sp-icon-help>
170
170
  </sp-button>
171
171
  </sp-button-group>
@@ -182,7 +182,7 @@ attribute defaults to `accent` but also accepts the following value: `accent`, `
182
182
  <sp-icon-help slot="icon"></sp-icon-help>
183
183
  Icon + Label
184
184
  </sp-button>
185
- <sp-button static="black" label="Icon only">
185
+ <sp-button static="black" label="Icon only" icon-only>
186
186
  <sp-icon-help slot="icon"></sp-icon-help>
187
187
  </sp-button>
188
188
  </sp-button-group>
@@ -199,7 +199,7 @@ attribute defaults to `accent` but also accepts the following value: `accent`, `
199
199
  <sp-icon-help slot="icon"></sp-icon-help>
200
200
  Icon + Label
201
201
  </sp-button>
202
- <sp-button static="white" label="Icon only">
202
+ <sp-button static="white" label="Icon only" icon-only>
203
203
  <sp-icon-help slot="icon"></sp-icon-help>
204
204
  </sp-button>
205
205
  </sp-button-group>
@@ -255,7 +255,7 @@ The `treatment` attribute accepts `fill` and `outline` as values, and defaults t
255
255
  <sp-icon-help slot="icon"></sp-icon-help>
256
256
  Icon + Label
257
257
  </sp-button>
258
- <sp-button treatment="outline" static="black" label="Icon only">
258
+ <sp-button treatment="outline" static="black" label="Icon only" icon-only>
259
259
  <sp-icon-help slot="icon"></sp-icon-help>
260
260
  </sp-button>
261
261
  </sp-button-group>
@@ -274,7 +274,7 @@ The `treatment` attribute accepts `fill` and `outline` as values, and defaults t
274
274
  <sp-icon-help slot="icon"></sp-icon-help>
275
275
  Icon + Label
276
276
  </sp-button>
277
- <sp-button treatment="outline" static="white" label="Icon only">
277
+ <sp-button treatment="outline" static="white" label="Icon only" icon-only>
278
278
  <sp-icon-help slot="icon"></sp-icon-help>
279
279
  </sp-button>
280
280
  </sp-button-group>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/button",
3
- "version": "0.39.4",
3
+ "version": "0.40.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -82,12 +82,12 @@
82
82
  "lit-html"
83
83
  ],
84
84
  "dependencies": {
85
- "@spectrum-web-components/base": "^0.39.4",
86
- "@spectrum-web-components/clear-button": "^0.39.4",
87
- "@spectrum-web-components/close-button": "^0.39.4",
88
- "@spectrum-web-components/icon": "^0.39.4",
89
- "@spectrum-web-components/icons-ui": "^0.39.4",
90
- "@spectrum-web-components/shared": "^0.39.4"
85
+ "@spectrum-web-components/base": "^0.40.0",
86
+ "@spectrum-web-components/clear-button": "^0.40.0",
87
+ "@spectrum-web-components/close-button": "^0.40.0",
88
+ "@spectrum-web-components/icon": "^0.40.0",
89
+ "@spectrum-web-components/icons-ui": "^0.40.0",
90
+ "@spectrum-web-components/shared": "^0.40.0"
91
91
  },
92
92
  "devDependencies": {
93
93
  "@spectrum-css/button": "^11.0.8"
@@ -98,5 +98,5 @@
98
98
  "./sp-*.js",
99
99
  "./**/*.dev.js"
100
100
  ],
101
- "gitHead": "f745c90e8e9ea85ff10be025e058b14cc925ec9f"
101
+ "gitHead": "24d5569a839da94892ecfd125428779587ffb1f5"
102
102
  }
package/src/button.css.dev.js CHANGED
@@ -57,10 +57,10 @@ const styles = css`
57
57
  --mod-button-min-width,var(--spectrum-button-min-width)
58
58
  );padding-block:0;padding-inline:var(
59
59
  --mod-button-edge-to-text,var(--spectrum-button-edge-to-text)
60
- );position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host .spectrum-Button--iconOnly{border-radius:50%;min-inline-size:unset;padding:calc(var(
60
+ );position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var(
61
61
  --mod-button-edge-to-visual-only,
62
62
  var(--spectrum-button-edge-to-visual-only)
63
- ) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host .spectrum-Button--iconOnly ::slotted([slot=icon]){margin-inline-start:0}:host .spectrum-Button--iconOnly:after{border-radius:50%}#label{align-self:start;line-height:var(
63
+ ) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host([icon-only]) ::slotted([slot=icon]){margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{align-self:start;line-height:var(
64
64
  --mod-button-line-height,var(--spectrum-button-line-height)
65
65
  );padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
66
66
  --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
package/src/button.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["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;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)\n);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,border-color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,box-shadow var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host:after{display:block;margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,margin var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-button-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-75\n);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(\n--spectrum-component-pill-edge-to-visual-only-75\n);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(\n--spectrum-button-bottom-to-text-small\n)}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-100\n);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(\n--spectrum-component-pill-edge-to-visual-only-100\n);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(\n--spectrum-button-bottom-to-text-medium\n)}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-200\n);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(\n--spectrum-component-pill-edge-to-visual-only-200\n);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(\n--spectrum-button-bottom-to-text-large\n)}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-300\n);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(\n--spectrum-component-pill-edge-to-visual-only-300\n);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(\n--spectrum-button-top-to-text-extra-large\n);--spectrum-button-bottom-to-text:var(\n--spectrum-button-bottom-to-text-extra-large\n)}:host{border-radius:var(\n--mod-button-border-radius,var(--spectrum-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-button-border-width,var(--spectrum-button-border-width)\n);color:inherit;font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(\n--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon)\n);margin-block:var(--mod-button-margin-block);margin-inline-end:var(--mod-button-margin-right);margin-inline-start:var(--mod-button-margin-left);min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var(\n--mod-button-min-width,var(--spectrum-button-min-width)\n);padding-block:0;padding-inline:var(\n--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)\n);position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host .spectrum-Button--iconOnly{border-radius:50%;min-inline-size:unset;padding:calc(var(\n--mod-button-edge-to-visual-only,\nvar(--spectrum-button-edge-to-visual-only)\n) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host .spectrum-Button--iconOnly ::slotted([slot=icon]){margin-inline-start:0}:host .spectrum-Button--iconOnly:after{border-radius:50%}#label{align-self:start;line-height:var(\n--mod-button-line-height,var(--spectrum-button-line-height)\n);padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host{transition:border-color var(\n--mod-button-animation-duration,var(--spectrum-button-animation-duration)\n) ease-in-out}:host:after{border-radius:var(\n--mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius)\n);content:\"\";inset:0;margin:calc((var(\n--mod-button-focus-ring-gap,\nvar(--spectrum-button-focus-ring-gap)\n) + var(\n--mod-button-border-width,\nvar(--spectrum-button-border-width)\n))*-1);pointer-events:none;position:absolute;transition:box-shadow var(\n--mod-button-animation-duration,var(--spectrum-button-animation-duration)\n) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host(:focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host{background-color:var(\n--highcontrast-button-background-color-default,var(\n--mod-button-background-color-default,var(--spectrum-button-background-color-default)\n)\n);border-color:var(\n--highcontrast-button-border-color-default,var(\n--mod-button-border-color-default,var(--spectrum-button-border-color-default)\n)\n);color:var(\n--highcontrast-button-content-color-default,var(\n--mod-button-content-color-default,var(--spectrum-button-content-color-default)\n)\n)}:host(:hover){background-color:var(\n--highcontrast-button-background-color-hover,var(\n--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)\n)\n);border-color:var(\n--highcontrast-button-border-color-hover,var(\n--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)\n)\n);color:var(\n--highcontrast-button-content-color-hover,var(\n--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)\n)\n)}:host(.focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host(.focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host(:focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host([active]){background-color:var(\n--highcontrast-button-background-color-down,var(\n--mod-button-background-color-down,var(--spectrum-button-background-color-down)\n)\n);border-color:var(\n--highcontrast-button-border-color-down,var(\n--mod-button-border-color-down,var(--spectrum-button-border-color-down)\n)\n);color:var(\n--highcontrast-button-content-color-down,var(\n--mod-button-content-color-down,var(--spectrum-button-content-color-down)\n)\n)}:host([disabled]){background-color:var(\n--highcontrast-button-background-color-disabled,var(\n--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)\n)\n);border-color:var(\n--highcontrast-button-border-color-disabled,var(\n--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)\n)\n);color:var(\n--highcontrast-button-content-color-disabled,var(\n--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)\n)\n)}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=white]){--spectrum-button-focus-indicator-color:var(\n--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color)\n)}:host([static=black]){--spectrum-button-focus-indicator-color:var(\n--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color)\n)}:host{--spectrum-button-background-color-default:var(\n--system-spectrum-button-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-content-color-disabled\n)}:host([variant=accent]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-accent-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-accent-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-accent-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-accent-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-accent-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-accent-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-accent-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-accent-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-accent-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-accent-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-accent-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-accent-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-accent-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-accent-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-accent-content-color-disabled\n)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-accent-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-accent-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-accent-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-accent-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-accent-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-accent-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-accent-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-accent-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-accent-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-accent-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-accent-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-accent-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-accent-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-accent-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-accent-outline-content-color-disabled\n)}:host([variant=negative]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-negative-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-negative-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-negative-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-negative-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-negative-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-negative-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-negative-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-negative-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-negative-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-negative-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-negative-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-negative-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-negative-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-negative-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-negative-content-color-disabled\n)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-negative-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-negative-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-negative-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-negative-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-negative-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-negative-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-negative-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-negative-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-negative-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-negative-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-negative-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-negative-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-negative-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-negative-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-negative-outline-content-color-disabled\n)}:host([variant=primary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-primary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-primary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-primary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-primary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-primary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-primary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-primary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-primary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-primary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-primary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-primary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-primary-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-primary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-primary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-primary-content-color-disabled\n)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-primary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-primary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-primary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-primary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-primary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-primary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-primary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-primary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-primary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-primary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-primary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-primary-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-primary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-primary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-primary-outline-content-color-disabled\n)}:host([variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-secondary-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-secondary-content-color-disabled\n)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-secondary-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-secondary-outline-content-color-disabled\n)}:host([quiet]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-quiet-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-quiet-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-quiet-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-quiet-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-quiet-border-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-quiet-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-quiet-border-color-disabled\n)}:host([selected]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-selected-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-selected-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-selected-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-selected-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-selected-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-selected-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-selected-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-selected-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-selected-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-selected-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-selected-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-selected-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-selected-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-selected-border-color-disabled\n)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-selected-emphasized-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-selected-emphasized-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-selected-emphasized-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-selected-emphasized-background-color-focus\n)}:host([static=black][quiet]){--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-quiet-border-color-focus\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-quiet-border-color-disabled\n)}:host([static=white][quiet]){--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-quiet-border-color-focus\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-quiet-border-color-disabled\n)}:host([static=white]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-content-color-disabled\n)}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-content-color-disabled\n)}:host([static=white][selected]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-selected-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-selected-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-selected-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-selected-background-color-focus\n);--spectrum-button-content-color-default:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default)\n);--spectrum-button-content-color-hover:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover)\n);--spectrum-button-content-color-down:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down)\n);--spectrum-button-content-color-focus:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus)\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-selected-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-selected-border-color-disabled\n)}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-secondary-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-content-color-disabled\n)}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled\n)}:host([static=black]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-content-color-disabled\n)}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-outline-content-color-disabled\n)}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-secondary-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-secondary-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-content-color-disabled\n)}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-disabled\n)}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}}\n`;\nexport default styles;"],
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;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(\n--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)\n);justify-content:center;line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));margin:0;overflow:visible;-webkit-text-decoration:none;text-decoration:none;text-transform:none;transition:background var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,border-color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,color var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,box-shadow var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out;-webkit-user-select:none;user-select:none;vertical-align:top}:host(:focus){outline:none}:host([disabled]){cursor:default}:host:after{display:block;margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out,margin var(\n--mod-animation-duration-100,var(--spectrum-animation-duration-100)\n) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-button-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n)}:host([size=s]){--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-75\n);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(\n--spectrum-component-pill-edge-to-visual-only-75\n);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(\n--spectrum-button-bottom-to-text-small\n)}:host{--spectrum-button-min-width:calc(var(--spectrum-component-height-100)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-100\n);--spectrum-button-height:var(--spectrum-component-height-100);--spectrum-button-font-size:var(--spectrum-font-size-100);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(\n--spectrum-component-pill-edge-to-visual-only-100\n);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-bottom-to-text:var(\n--spectrum-button-bottom-to-text-medium\n)}:host([size=l]){--spectrum-button-min-width:calc(var(--spectrum-component-height-200)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-200\n);--spectrum-button-height:var(--spectrum-component-height-200);--spectrum-button-font-size:var(--spectrum-font-size-200);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(\n--spectrum-component-pill-edge-to-visual-only-200\n);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-bottom-to-text:var(\n--spectrum-button-bottom-to-text-large\n)}:host([size=xl]){--spectrum-button-min-width:calc(var(--spectrum-component-height-300)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(\n--spectrum-component-pill-edge-to-text-300\n);--spectrum-button-height:var(--spectrum-component-height-300);--spectrum-button-font-size:var(--spectrum-font-size-300);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(\n--spectrum-component-pill-edge-to-visual-only-300\n);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-top-to-text:var(\n--spectrum-button-top-to-text-extra-large\n);--spectrum-button-bottom-to-text:var(\n--spectrum-button-bottom-to-text-extra-large\n)}:host{border-radius:var(\n--mod-button-border-radius,var(--spectrum-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-button-border-width,var(--spectrum-button-border-width)\n);color:inherit;font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(\n--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon)\n);margin-block:var(--mod-button-margin-block);margin-inline-end:var(--mod-button-margin-right);margin-inline-start:var(--mod-button-margin-left);min-block-size:var(--mod-button-height,var(--spectrum-button-height));min-inline-size:var(\n--mod-button-min-width,var(--spectrum-button-min-width)\n);padding-block:0;padding-inline:var(\n--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)\n);position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var(\n--mod-button-edge-to-visual-only,\nvar(--spectrum-button-edge-to-visual-only)\n) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host([icon-only]) ::slotted([slot=icon]){margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{align-self:start;line-height:var(\n--mod-button-line-height,var(--spectrum-button-line-height)\n);padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)}:host{transition:border-color var(\n--mod-button-animation-duration,var(--spectrum-button-animation-duration)\n) ease-in-out}:host:after{border-radius:var(\n--mod-button-focus-ring-border-radius,var(--spectrum-button-focus-ring-border-radius)\n);content:\"\";inset:0;margin:calc((var(\n--mod-button-focus-ring-gap,\nvar(--spectrum-button-focus-ring-gap)\n) + var(\n--mod-button-border-width,\nvar(--spectrum-button-border-width)\n))*-1);pointer-events:none;position:absolute;transition:box-shadow var(\n--mod-button-animation-duration,var(--spectrum-button-animation-duration)\n) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host(:focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) var(\n--highcontrast-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(\n--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)\n)\n)\n)}:host{background-color:var(\n--highcontrast-button-background-color-default,var(\n--mod-button-background-color-default,var(--spectrum-button-background-color-default)\n)\n);border-color:var(\n--highcontrast-button-border-color-default,var(\n--mod-button-border-color-default,var(--spectrum-button-border-color-default)\n)\n);color:var(\n--highcontrast-button-content-color-default,var(\n--mod-button-content-color-default,var(--spectrum-button-content-color-default)\n)\n)}:host(:hover){background-color:var(\n--highcontrast-button-background-color-hover,var(\n--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)\n)\n);border-color:var(\n--highcontrast-button-border-color-hover,var(\n--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)\n)\n);color:var(\n--highcontrast-button-content-color-hover,var(\n--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)\n)\n)}:host(.focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host(.focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host(:focus-visible){background-color:var(\n--highcontrast-button-background-color-focus,var(\n--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)\n)\n);border-color:var(\n--highcontrast-button-border-color-focus,var(\n--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)\n)\n);color:var(\n--highcontrast-button-content-color-focus,var(\n--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)\n)\n)}:host([active]){background-color:var(\n--highcontrast-button-background-color-down,var(\n--mod-button-background-color-down,var(--spectrum-button-background-color-down)\n)\n);border-color:var(\n--highcontrast-button-border-color-down,var(\n--mod-button-border-color-down,var(--spectrum-button-border-color-down)\n)\n);color:var(\n--highcontrast-button-content-color-down,var(\n--mod-button-content-color-down,var(--spectrum-button-content-color-down)\n)\n)}:host([disabled]){background-color:var(\n--highcontrast-button-background-color-disabled,var(\n--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)\n)\n);border-color:var(\n--highcontrast-button-border-color-disabled,var(\n--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)\n)\n);color:var(\n--highcontrast-button-content-color-disabled,var(\n--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)\n)\n)}@media (forced-colors:active){:host{--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var(\n--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)\n) ButtonText;forced-color-adjust:none}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-content-color-hover:ButtonFace;--highcontrast-button-content-color-down:ButtonFace;--highcontrast-button-content-color-focus:ButtonFace}:host([variant=accent][treatment=fill]) #label{forced-color-adjust:none}}:host([static=white]){--spectrum-button-focus-indicator-color:var(\n--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color)\n)}:host([static=black]){--spectrum-button-focus-indicator-color:var(\n--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color)\n)}:host{--spectrum-button-background-color-default:var(\n--system-spectrum-button-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-content-color-disabled\n)}:host([variant=accent]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-accent-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-accent-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-accent-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-accent-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-accent-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-accent-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-accent-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-accent-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-accent-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-accent-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-accent-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-accent-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-accent-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-accent-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-accent-content-color-disabled\n)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-accent-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-accent-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-accent-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-accent-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-accent-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-accent-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-accent-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-accent-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-accent-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-accent-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-accent-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-accent-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-accent-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-accent-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-accent-outline-content-color-disabled\n)}:host([variant=negative]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-negative-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-negative-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-negative-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-negative-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-negative-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-negative-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-negative-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-negative-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-negative-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-negative-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-negative-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-negative-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-negative-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-negative-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-negative-content-color-disabled\n)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-negative-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-negative-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-negative-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-negative-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-negative-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-negative-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-negative-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-negative-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-negative-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-negative-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-negative-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-negative-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-negative-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-negative-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-negative-outline-content-color-disabled\n)}:host([variant=primary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-primary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-primary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-primary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-primary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-primary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-primary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-primary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-primary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-primary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-primary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-primary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-primary-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-primary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-primary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-primary-content-color-disabled\n)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-primary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-primary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-primary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-primary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-primary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-primary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-primary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-primary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-primary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-primary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-primary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-primary-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-primary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-primary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-primary-outline-content-color-disabled\n)}:host([variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-secondary-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-secondary-content-color-disabled\n)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-secondary-outline-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-secondary-outline-content-color-disabled\n)}:host([quiet]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-quiet-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-quiet-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-quiet-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-quiet-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-quiet-border-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-quiet-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-quiet-border-color-disabled\n)}:host([selected]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-selected-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-selected-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-selected-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-selected-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-selected-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-selected-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-selected-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-selected-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-selected-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-selected-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-selected-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-selected-content-color-focus\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-selected-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-selected-border-color-disabled\n)}:host([selected][emphasized]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-selected-emphasized-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-selected-emphasized-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-selected-emphasized-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-selected-emphasized-background-color-focus\n)}:host([static=black][quiet]){--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-quiet-border-color-focus\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-quiet-border-color-disabled\n)}:host([static=white][quiet]){--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-quiet-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-quiet-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-quiet-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-quiet-border-color-focus\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-quiet-border-color-disabled\n)}:host([static=white]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-content-color-disabled\n)}:host([static=white][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-outline-content-color-disabled\n)}:host([static=white][selected]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-selected-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-selected-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-selected-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-selected-background-color-focus\n);--spectrum-button-content-color-default:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-default)\n);--spectrum-button-content-color-hover:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-hover)\n);--spectrum-button-content-color-down:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-down)\n);--spectrum-button-content-color-focus:var(\n--mod-button-static-content-color,var(--system-spectrum-button-staticwhite-selected-content-color-focus)\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-selected-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-selected-border-color-disabled\n)}:host([static=white][variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-secondary-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-content-color-disabled\n)}:host([static=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled\n)}:host([static=black]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-content-color-disabled\n)}:host([static=black][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-outline-content-color-disabled\n)}:host([static=black][variant=secondary]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-secondary-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-secondary-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-secondary-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-secondary-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-secondary-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-secondary-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-secondary-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-secondary-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-secondary-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-secondary-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-secondary-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-secondary-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-secondary-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-content-color-disabled\n)}:host([static=black][variant=secondary][treatment=outline]){--spectrum-button-background-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-default\n);--spectrum-button-background-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-hover\n);--spectrum-button-background-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-down\n);--spectrum-button-background-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-focus\n);--spectrum-button-border-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-default\n);--spectrum-button-border-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-hover\n);--spectrum-button-border-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-down\n);--spectrum-button-border-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-focus\n);--spectrum-button-content-color-default:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-default\n);--spectrum-button-content-color-hover:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-hover\n);--spectrum-button-content-color-down:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-down\n);--spectrum-button-content-color-focus:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-focus\n);--spectrum-button-focus-indicator-color:var(\n--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color\n);--spectrum-button-background-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-background-color-disabled\n);--spectrum-button-border-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-border-color-disabled\n);--spectrum-button-content-color-disabled:var(\n--system-spectrum-button-staticblack-secondary-outline-content-color-disabled\n)}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}}\n`;\nexport default styles;"],
5
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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4zBf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/button.css.js CHANGED
@@ -55,10 +55,10 @@
55
55
  --mod-button-min-width,var(--spectrum-button-min-width)
56
56
  );padding-block:0;padding-inline:var(
57
57
  --mod-button-edge-to-text,var(--spectrum-button-edge-to-text)
58
- );position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host .spectrum-Button--iconOnly{border-radius:50%;min-inline-size:unset;padding:calc(var(
58
+ );position:relative}:host(:hover),:host([active]){box-shadow:none}::slotted([slot=icon]){color:inherit;margin-inline-start:calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)))}:host:after{border-radius:calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)))}:host([icon-only]){border-radius:50%;min-inline-size:unset;padding:calc(var(
59
59
  --mod-button-edge-to-visual-only,
60
60
  var(--spectrum-button-edge-to-visual-only)
61
- ) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host .spectrum-Button--iconOnly ::slotted([slot=icon]){margin-inline-start:0}:host .spectrum-Button--iconOnly:after{border-radius:50%}#label{align-self:start;line-height:var(
61
+ ) - var(--mod-button-border-width, var(--spectrum-button-border-width)))}:host([icon-only]) ::slotted([slot=icon]){margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{align-self:start;line-height:var(
62
62
  --mod-button-line-height,var(--spectrum-button-line-height)
63
63
  );padding-block-end:calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));padding-block-start:calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));white-space:nowrap}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
64
64
  --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)