@spectrum-web-components/infield-button 0.40.4 → 0.41.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 (9) hide show
  1. package/package.json +5 -5
  2. package/src/infield-button.css.dev.js +3 -3
  3. package/src/infield-button.css.dev.js.map +1 -1
  4. package/src/infield-button.css.js +3 -3
  5. package/src/infield-button.css.js.map +1 -1
  6. package/src/spectrum-infield-button.css.dev.js +3 -3
  7. package/src/spectrum-infield-button.css.dev.js.map +1 -1
  8. package/src/spectrum-infield-button.css.js +3 -3
  9. package/src/spectrum-infield-button.css.js.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/infield-button",
3
- "version": "0.40.4",
3
+ "version": "0.41.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,11 +57,11 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.40.4",
61
- "@spectrum-web-components/button": "^0.40.4"
60
+ "@spectrum-web-components/base": "^0.41.0",
61
+ "@spectrum-web-components/button": "^0.41.0"
62
62
  },
63
63
  "devDependencies": {
64
- "@spectrum-css/infieldbutton": "^4.1.0"
64
+ "@spectrum-css/infieldbutton": "^4.2.0"
65
65
  },
66
66
  "types": "./src/index.d.ts",
67
67
  "customElements": "custom-elements.json",
@@ -70,5 +70,5 @@
70
70
  "./**/*.dev.js",
71
71
  "./**/*.dev.js"
72
72
  ],
73
- "gitHead": "e7bca020d0da71c4d92e95044bf58780d2e8e603"
73
+ "gitHead": "0bf38fd427adc39804b228a4c61de623e5ebb82e"
74
74
  }
package/src/infield-button.css.dev.js CHANGED
@@ -81,7 +81,7 @@ const styles = css`
81
81
  --mod-infield-button-background-color-quiet-disabled,transparent
82
82
  );--mod-infield-button-border-color:var(
83
83
  --mod-infield-button-border-color-quiet-disabled,transparent
84
- )}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}}:host{align-items:center;background-color:#0000;block-size:var(
84
+ )}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{align-items:center;background-color:#0000;block-size:var(
85
85
  --mod-infield-button-height,var(--spectrum-infield-button-height)
86
86
  );border-style:none;cursor:pointer;display:flex;inline-size:var(
87
87
  --mod-infield-button-width,var(--spectrum-infield-button-width)
@@ -115,11 +115,11 @@ const styles = css`
115
115
  --mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
116
116
  );border-start-end-radius:var(
117
117
  --mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
118
- )}:host([disabled]){cursor:auto}:host(:hover) .fill{background-color:var(
118
+ )}:host([disabled]){cursor:auto}@media (hover:hover){:host(:hover) .fill{background-color:var(
119
119
  --mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)
120
120
  )}:host(:hover) ::slotted(*){color:var(
121
121
  --mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)
122
- )}:host:active .fill{background-color:var(
122
+ )}}:host:active .fill{background-color:var(
123
123
  --mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)
124
124
  )}:host:active ::slotted(*){color:var(
125
125
  --mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
package/src/infield-button.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["infield-button.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 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{--spectrum-infield-button-height:var(--spectrum-component-height-100);--spectrum-infield-button-width:var(--spectrum-component-height-100);--spectrum-infield-button-stacked-border-radius-reset:var(\n--spectrum-in-field-button-fill-stacked-inner-border-rounding\n);--spectrum-infield-button-edge-to-fill:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-infield-button-inner-edge-to-fill:var(\n--spectrum-in-field-button-stacked-inner-edge-to-fill\n);--spectrum-infield-button-fill-padding:0px;--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-infield-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-infield-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-infield-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-infield-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-icon-color:var(\n--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-hover:var(\n--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-down:var(\n--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-key-focus:var(\n--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color)\n)}:host([size=s]){--spectrum-infield-button-height:var(--spectrum-component-height-75);--spectrum-infield-button-width:var(--spectrum-component-height-75);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small\n)}:host([size=l]){--spectrum-infield-button-height:var(--spectrum-component-height-200);--spectrum-infield-button-width:var(--spectrum-component-height-200);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large\n)}:host([size=xl]){--spectrum-infield-button-height:var(--spectrum-component-height-300);--spectrum-infield-button-width:var(--spectrum-component-height-300);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large\n)}:host([block=end]),:host([block=start]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-medium)\n)}:host([block=end][size=s]),:host([block=start][size=s]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-small)\n)}:host([block=end][size=l]),:host([block=start][size=l]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-large)\n)}:host([block=end][size=xl]),:host([block=start][size=xl]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large)\n)}:host([quiet]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet,transparent\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-quiet,transparent\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-quiet,transparent\n);--mod-infield-button-background-color-key-focus:var(\n--mod-infield-button-background-color-key-focus-quiet,transparent\n);--mod-infield-border-color:var(\n--mod-infield-border-color-quiet,transparent\n);--mod-infield-button-border-width:var(\n--mod-infield-button-border-width-quiet,0\n)}:host([quiet][disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet-disabled,transparent\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-quiet-disabled,transparent\n)}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}}:host{align-items:center;background-color:#0000;block-size:var(\n--mod-infield-button-height,var(--spectrum-infield-button-height)\n);border-style:none;cursor:pointer;display:flex;inline-size:var(\n--mod-infield-button-width,var(--spectrum-infield-button-width)\n);justify-content:center;padding:var(\n--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)\n)}.fill{background-color:var(\n--mod-infield-button-background-color,var(--spectrum-infield-button-background-color)\n);block-size:100%;border-color:var(\n--highcontrast-infield-button-border-color,var(\n--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\n)\n);border-end-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-end-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n);inline-size:100%;padding:var(\n--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding)\n)}::slotted(*){color:var(\n--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color)\n)}:host([inline=end]) .fill{border-end-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([inline=start]) .fill{border-end-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([disabled]){cursor:auto}:host(:hover) .fill{background-color:var(\n--mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)\n)}:host(:hover) ::slotted(*){color:var(\n--mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)\n)}:host:active .fill{background-color:var(\n--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)\n)}:host:active ::slotted(*){color:var(\n--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)\n)}:host(.focus-visible){outline:none}:host(:focus-visible){outline:none}:host(.focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(.focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}.fill{align-items:center;display:flex;justify-content:var(\n--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)\n);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-inline-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=start]){padding-block-end:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=start]) .fill{border-block-end:none;border-end-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=end]){padding-block-start:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=end]) .fill{border-block-end-width:var(\n--mod-infield-button-stacked-bottom-border-block-end-width,var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n)\n);border-end-end-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-end,var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)\n);border-start-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-width\n);--spectrum-infield-button-border-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-color\n);--spectrum-infield-button-border-radius:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius\n);--spectrum-infield-button-border-radius-reset:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset\n);--spectrum-infield-button-stacked-top-border-radius-start-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start\n);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start\n);--spectrum-infield-button-background-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color\n);--spectrum-infield-button-background-color-hover:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover\n);--spectrum-infield-button-background-color-down:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down\n);--spectrum-infield-button-background-color-key-focus:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus\n)}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 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{--spectrum-infield-button-height:var(--spectrum-component-height-100);--spectrum-infield-button-width:var(--spectrum-component-height-100);--spectrum-infield-button-stacked-border-radius-reset:var(\n--spectrum-in-field-button-fill-stacked-inner-border-rounding\n);--spectrum-infield-button-edge-to-fill:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-infield-button-inner-edge-to-fill:var(\n--spectrum-in-field-button-stacked-inner-edge-to-fill\n);--spectrum-infield-button-fill-padding:0px;--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-infield-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-infield-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-infield-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-infield-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-icon-color:var(\n--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-hover:var(\n--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-down:var(\n--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-key-focus:var(\n--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color)\n)}:host([size=s]){--spectrum-infield-button-height:var(--spectrum-component-height-75);--spectrum-infield-button-width:var(--spectrum-component-height-75);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small\n)}:host([size=l]){--spectrum-infield-button-height:var(--spectrum-component-height-200);--spectrum-infield-button-width:var(--spectrum-component-height-200);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large\n)}:host([size=xl]){--spectrum-infield-button-height:var(--spectrum-component-height-300);--spectrum-infield-button-width:var(--spectrum-component-height-300);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large\n)}:host([block=end]),:host([block=start]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-medium)\n)}:host([block=end][size=s]),:host([block=start][size=s]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-small)\n)}:host([block=end][size=l]),:host([block=start][size=l]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-large)\n)}:host([block=end][size=xl]),:host([block=start][size=xl]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large)\n)}:host([quiet]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet,transparent\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-quiet,transparent\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-quiet,transparent\n);--mod-infield-button-background-color-key-focus:var(\n--mod-infield-button-background-color-key-focus-quiet,transparent\n);--mod-infield-border-color:var(\n--mod-infield-border-color-quiet,transparent\n);--mod-infield-button-border-width:var(\n--mod-infield-button-border-width-quiet,0\n)}:host([quiet][disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet-disabled,transparent\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-quiet-disabled,transparent\n)}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{align-items:center;background-color:#0000;block-size:var(\n--mod-infield-button-height,var(--spectrum-infield-button-height)\n);border-style:none;cursor:pointer;display:flex;inline-size:var(\n--mod-infield-button-width,var(--spectrum-infield-button-width)\n);justify-content:center;padding:var(\n--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)\n)}.fill{background-color:var(\n--mod-infield-button-background-color,var(--spectrum-infield-button-background-color)\n);block-size:100%;border-color:var(\n--highcontrast-infield-button-border-color,var(\n--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\n)\n);border-end-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-end-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n);inline-size:100%;padding:var(\n--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding)\n)}::slotted(*){color:var(\n--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color)\n)}:host([inline=end]) .fill{border-end-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([inline=start]) .fill{border-end-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([disabled]){cursor:auto}@media (hover:hover){:host(:hover) .fill{background-color:var(\n--mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)\n)}:host(:hover) ::slotted(*){color:var(\n--mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)\n)}}:host:active .fill{background-color:var(\n--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)\n)}:host:active ::slotted(*){color:var(\n--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)\n)}:host(.focus-visible){outline:none}:host(:focus-visible){outline:none}:host(.focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(.focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}.fill{align-items:center;display:flex;justify-content:var(\n--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)\n);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-inline-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=start]){padding-block-end:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=start]) .fill{border-block-end:none;border-end-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=end]){padding-block-start:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=end]) .fill{border-block-end-width:var(\n--mod-infield-button-stacked-bottom-border-block-end-width,var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n)\n);border-end-end-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-end,var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)\n);border-start-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-width\n);--spectrum-infield-button-border-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-color\n);--spectrum-infield-button-border-radius:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius\n);--spectrum-infield-button-border-radius-reset:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset\n);--spectrum-infield-button-stacked-top-border-radius-start-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start\n);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start\n);--spectrum-infield-button-background-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color\n);--spectrum-infield-button-background-color-hover:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover\n);--spectrum-infield-button-background-color-down:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down\n);--spectrum-infield-button-background-color-key-focus:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus\n)}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}\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;AAsOf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/infield-button.css.js CHANGED
@@ -79,7 +79,7 @@
79
79
  --mod-infield-button-background-color-quiet-disabled,transparent
80
80
  );--mod-infield-button-border-color:var(
81
81
  --mod-infield-button-border-color-quiet-disabled,transparent
82
- )}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}}:host{align-items:center;background-color:#0000;block-size:var(
82
+ )}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{align-items:center;background-color:#0000;block-size:var(
83
83
  --mod-infield-button-height,var(--spectrum-infield-button-height)
84
84
  );border-style:none;cursor:pointer;display:flex;inline-size:var(
85
85
  --mod-infield-button-width,var(--spectrum-infield-button-width)
@@ -113,11 +113,11 @@
113
113
  --mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
114
114
  );border-start-end-radius:var(
115
115
  --mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
116
- )}:host([disabled]){cursor:auto}:host(:hover) .fill{background-color:var(
116
+ )}:host([disabled]){cursor:auto}@media (hover:hover){:host(:hover) .fill{background-color:var(
117
117
  --mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)
118
118
  )}:host(:hover) ::slotted(*){color:var(
119
119
  --mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)
120
- )}:host:active .fill{background-color:var(
120
+ )}}:host:active .fill{background-color:var(
121
121
  --mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)
122
122
  )}:host:active ::slotted(*){color:var(
123
123
  --mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
package/src/infield-button.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["infield-button.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 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{--spectrum-infield-button-height:var(--spectrum-component-height-100);--spectrum-infield-button-width:var(--spectrum-component-height-100);--spectrum-infield-button-stacked-border-radius-reset:var(\n--spectrum-in-field-button-fill-stacked-inner-border-rounding\n);--spectrum-infield-button-edge-to-fill:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-infield-button-inner-edge-to-fill:var(\n--spectrum-in-field-button-stacked-inner-edge-to-fill\n);--spectrum-infield-button-fill-padding:0px;--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-infield-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-infield-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-infield-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-infield-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-icon-color:var(\n--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-hover:var(\n--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-down:var(\n--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-key-focus:var(\n--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color)\n)}:host([size=s]){--spectrum-infield-button-height:var(--spectrum-component-height-75);--spectrum-infield-button-width:var(--spectrum-component-height-75);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small\n)}:host([size=l]){--spectrum-infield-button-height:var(--spectrum-component-height-200);--spectrum-infield-button-width:var(--spectrum-component-height-200);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large\n)}:host([size=xl]){--spectrum-infield-button-height:var(--spectrum-component-height-300);--spectrum-infield-button-width:var(--spectrum-component-height-300);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large\n)}:host([block=end]),:host([block=start]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-medium)\n)}:host([block=end][size=s]),:host([block=start][size=s]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-small)\n)}:host([block=end][size=l]),:host([block=start][size=l]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-large)\n)}:host([block=end][size=xl]),:host([block=start][size=xl]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large)\n)}:host([quiet]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet,transparent\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-quiet,transparent\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-quiet,transparent\n);--mod-infield-button-background-color-key-focus:var(\n--mod-infield-button-background-color-key-focus-quiet,transparent\n);--mod-infield-border-color:var(\n--mod-infield-border-color-quiet,transparent\n);--mod-infield-button-border-width:var(\n--mod-infield-button-border-width-quiet,0\n)}:host([quiet][disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet-disabled,transparent\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-quiet-disabled,transparent\n)}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}}:host{align-items:center;background-color:#0000;block-size:var(\n--mod-infield-button-height,var(--spectrum-infield-button-height)\n);border-style:none;cursor:pointer;display:flex;inline-size:var(\n--mod-infield-button-width,var(--spectrum-infield-button-width)\n);justify-content:center;padding:var(\n--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)\n)}.fill{background-color:var(\n--mod-infield-button-background-color,var(--spectrum-infield-button-background-color)\n);block-size:100%;border-color:var(\n--highcontrast-infield-button-border-color,var(\n--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\n)\n);border-end-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-end-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n);inline-size:100%;padding:var(\n--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding)\n)}::slotted(*){color:var(\n--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color)\n)}:host([inline=end]) .fill{border-end-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([inline=start]) .fill{border-end-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([disabled]){cursor:auto}:host(:hover) .fill{background-color:var(\n--mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)\n)}:host(:hover) ::slotted(*){color:var(\n--mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)\n)}:host:active .fill{background-color:var(\n--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)\n)}:host:active ::slotted(*){color:var(\n--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)\n)}:host(.focus-visible){outline:none}:host(:focus-visible){outline:none}:host(.focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(.focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}.fill{align-items:center;display:flex;justify-content:var(\n--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)\n);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-inline-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=start]){padding-block-end:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=start]) .fill{border-block-end:none;border-end-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=end]){padding-block-start:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=end]) .fill{border-block-end-width:var(\n--mod-infield-button-stacked-bottom-border-block-end-width,var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n)\n);border-end-end-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-end,var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)\n);border-start-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-width\n);--spectrum-infield-button-border-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-color\n);--spectrum-infield-button-border-radius:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius\n);--spectrum-infield-button-border-radius-reset:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset\n);--spectrum-infield-button-stacked-top-border-radius-start-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start\n);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start\n);--spectrum-infield-button-background-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color\n);--spectrum-infield-button-background-color-hover:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover\n);--spectrum-infield-button-background-color-down:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down\n);--spectrum-infield-button-background-color-key-focus:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus\n)}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 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{--spectrum-infield-button-height:var(--spectrum-component-height-100);--spectrum-infield-button-width:var(--spectrum-component-height-100);--spectrum-infield-button-stacked-border-radius-reset:var(\n--spectrum-in-field-button-fill-stacked-inner-border-rounding\n);--spectrum-infield-button-edge-to-fill:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-infield-button-inner-edge-to-fill:var(\n--spectrum-in-field-button-stacked-inner-edge-to-fill\n);--spectrum-infield-button-fill-padding:0px;--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-infield-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-infield-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-infield-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-infield-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-icon-color:var(\n--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-hover:var(\n--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-down:var(\n--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-key-focus:var(\n--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color)\n)}:host([size=s]){--spectrum-infield-button-height:var(--spectrum-component-height-75);--spectrum-infield-button-width:var(--spectrum-component-height-75);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small\n)}:host([size=l]){--spectrum-infield-button-height:var(--spectrum-component-height-200);--spectrum-infield-button-width:var(--spectrum-component-height-200);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large\n)}:host([size=xl]){--spectrum-infield-button-height:var(--spectrum-component-height-300);--spectrum-infield-button-width:var(--spectrum-component-height-300);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large\n)}:host([block=end]),:host([block=start]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-medium)\n)}:host([block=end][size=s]),:host([block=start][size=s]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-small)\n)}:host([block=end][size=l]),:host([block=start][size=l]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-large)\n)}:host([block=end][size=xl]),:host([block=start][size=xl]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large)\n)}:host([quiet]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet,transparent\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-quiet,transparent\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-quiet,transparent\n);--mod-infield-button-background-color-key-focus:var(\n--mod-infield-button-background-color-key-focus-quiet,transparent\n);--mod-infield-border-color:var(\n--mod-infield-border-color-quiet,transparent\n);--mod-infield-button-border-width:var(\n--mod-infield-button-border-width-quiet,0\n)}:host([quiet][disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet-disabled,transparent\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-quiet-disabled,transparent\n)}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{align-items:center;background-color:#0000;block-size:var(\n--mod-infield-button-height,var(--spectrum-infield-button-height)\n);border-style:none;cursor:pointer;display:flex;inline-size:var(\n--mod-infield-button-width,var(--spectrum-infield-button-width)\n);justify-content:center;padding:var(\n--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)\n)}.fill{background-color:var(\n--mod-infield-button-background-color,var(--spectrum-infield-button-background-color)\n);block-size:100%;border-color:var(\n--highcontrast-infield-button-border-color,var(\n--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\n)\n);border-end-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-end-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n);inline-size:100%;padding:var(\n--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding)\n)}::slotted(*){color:var(\n--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color)\n)}:host([inline=end]) .fill{border-end-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([inline=start]) .fill{border-end-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([disabled]){cursor:auto}@media (hover:hover){:host(:hover) .fill{background-color:var(\n--mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)\n)}:host(:hover) ::slotted(*){color:var(\n--mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)\n)}}:host:active .fill{background-color:var(\n--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)\n)}:host:active ::slotted(*){color:var(\n--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)\n)}:host(.focus-visible){outline:none}:host(:focus-visible){outline:none}:host(.focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(.focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}.fill{align-items:center;display:flex;justify-content:var(\n--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)\n);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-inline-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=start]){padding-block-end:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=start]) .fill{border-block-end:none;border-end-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=end]){padding-block-start:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=end]) .fill{border-block-end-width:var(\n--mod-infield-button-stacked-bottom-border-block-end-width,var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n)\n);border-end-end-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-end,var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)\n);border-start-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-width\n);--spectrum-infield-button-border-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-color\n);--spectrum-infield-button-border-radius:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius\n);--spectrum-infield-button-border-radius-reset:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset\n);--spectrum-infield-button-stacked-top-border-radius-start-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start\n);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start\n);--spectrum-infield-button-background-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color\n);--spectrum-infield-button-background-color-hover:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover\n);--spectrum-infield-button-background-color-down:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down\n);--spectrum-infield-button-background-color-key-focus:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus\n)}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}\n`;\nexport default styles;"],
5
5
  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsOf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-infield-button.css.dev.js CHANGED
@@ -81,7 +81,7 @@ const styles = css`
81
81
  --mod-infield-button-background-color-quiet-disabled,transparent
82
82
  );--mod-infield-button-border-color:var(
83
83
  --mod-infield-button-border-color-quiet-disabled,transparent
84
- )}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}}:host{align-items:center;background-color:#0000;block-size:var(
84
+ )}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{align-items:center;background-color:#0000;block-size:var(
85
85
  --mod-infield-button-height,var(--spectrum-infield-button-height)
86
86
  );border-style:none;cursor:pointer;display:flex;inline-size:var(
87
87
  --mod-infield-button-width,var(--spectrum-infield-button-width)
@@ -115,11 +115,11 @@ const styles = css`
115
115
  --mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
116
116
  );border-start-end-radius:var(
117
117
  --mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
118
- )}:host([disabled]){cursor:auto}:host(:hover) .fill{background-color:var(
118
+ )}:host([disabled]){cursor:auto}@media (hover:hover){:host(:hover) .fill{background-color:var(
119
119
  --mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)
120
120
  )}:host(:hover) ::slotted(*){color:var(
121
121
  --mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)
122
- )}:host:active .fill{background-color:var(
122
+ )}}:host:active .fill{background-color:var(
123
123
  --mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)
124
124
  )}:host:active ::slotted(*){color:var(
125
125
  --mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
package/src/spectrum-infield-button.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-infield-button.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 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{--spectrum-infield-button-height:var(--spectrum-component-height-100);--spectrum-infield-button-width:var(--spectrum-component-height-100);--spectrum-infield-button-stacked-border-radius-reset:var(\n--spectrum-in-field-button-fill-stacked-inner-border-rounding\n);--spectrum-infield-button-edge-to-fill:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-infield-button-inner-edge-to-fill:var(\n--spectrum-in-field-button-stacked-inner-edge-to-fill\n);--spectrum-infield-button-fill-padding:0px;--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-infield-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-infield-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-infield-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-infield-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-icon-color:var(\n--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-hover:var(\n--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-down:var(\n--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-key-focus:var(\n--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color)\n)}:host([size=s]){--spectrum-infield-button-height:var(--spectrum-component-height-75);--spectrum-infield-button-width:var(--spectrum-component-height-75);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small\n)}:host([size=l]){--spectrum-infield-button-height:var(--spectrum-component-height-200);--spectrum-infield-button-width:var(--spectrum-component-height-200);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large\n)}:host([size=xl]){--spectrum-infield-button-height:var(--spectrum-component-height-300);--spectrum-infield-button-width:var(--spectrum-component-height-300);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large\n)}:host([block=end]),:host([block=start]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-medium)\n)}:host([block=end][size=s]),:host([block=start][size=s]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-small)\n)}:host([block=end][size=l]),:host([block=start][size=l]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-large)\n)}:host([block=end][size=xl]),:host([block=start][size=xl]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large)\n)}:host([quiet]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet,transparent\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-quiet,transparent\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-quiet,transparent\n);--mod-infield-button-background-color-key-focus:var(\n--mod-infield-button-background-color-key-focus-quiet,transparent\n);--mod-infield-border-color:var(\n--mod-infield-border-color-quiet,transparent\n);--mod-infield-button-border-width:var(\n--mod-infield-button-border-width-quiet,0\n)}:host([quiet][disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet-disabled,transparent\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-quiet-disabled,transparent\n)}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}}:host{align-items:center;background-color:#0000;block-size:var(\n--mod-infield-button-height,var(--spectrum-infield-button-height)\n);border-style:none;cursor:pointer;display:flex;inline-size:var(\n--mod-infield-button-width,var(--spectrum-infield-button-width)\n);justify-content:center;padding:var(\n--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)\n)}.fill{background-color:var(\n--mod-infield-button-background-color,var(--spectrum-infield-button-background-color)\n);block-size:100%;border-color:var(\n--highcontrast-infield-button-border-color,var(\n--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\n)\n);border-end-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-end-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n);inline-size:100%;padding:var(\n--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding)\n)}::slotted(*){color:var(\n--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color)\n)}:host([inline=end]) .fill{border-end-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([inline=start]) .fill{border-end-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([disabled]){cursor:auto}:host(:hover) .fill{background-color:var(\n--mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)\n)}:host(:hover) ::slotted(*){color:var(\n--mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)\n)}:host:active .fill{background-color:var(\n--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)\n)}:host:active ::slotted(*){color:var(\n--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)\n)}:host(.focus-visible){outline:none}:host(:focus-visible){outline:none}:host(.focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(.focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}.fill{align-items:center;display:flex;justify-content:var(\n--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)\n);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-inline-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=start]){padding-block-end:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=start]) .fill{border-block-end:none;border-end-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=end]){padding-block-start:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=end]) .fill{border-block-end-width:var(\n--mod-infield-button-stacked-bottom-border-block-end-width,var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n)\n);border-end-end-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-end,var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)\n);border-start-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-width\n);--spectrum-infield-button-border-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-color\n);--spectrum-infield-button-border-radius:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius\n);--spectrum-infield-button-border-radius-reset:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset\n);--spectrum-infield-button-stacked-top-border-radius-start-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start\n);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start\n);--spectrum-infield-button-background-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color\n);--spectrum-infield-button-background-color-hover:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover\n);--spectrum-infield-button-background-color-down:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down\n);--spectrum-infield-button-background-color-key-focus:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus\n)}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 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{--spectrum-infield-button-height:var(--spectrum-component-height-100);--spectrum-infield-button-width:var(--spectrum-component-height-100);--spectrum-infield-button-stacked-border-radius-reset:var(\n--spectrum-in-field-button-fill-stacked-inner-border-rounding\n);--spectrum-infield-button-edge-to-fill:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-infield-button-inner-edge-to-fill:var(\n--spectrum-in-field-button-stacked-inner-edge-to-fill\n);--spectrum-infield-button-fill-padding:0px;--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-infield-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-infield-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-infield-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-infield-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-icon-color:var(\n--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-hover:var(\n--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-down:var(\n--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-key-focus:var(\n--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color)\n)}:host([size=s]){--spectrum-infield-button-height:var(--spectrum-component-height-75);--spectrum-infield-button-width:var(--spectrum-component-height-75);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small\n)}:host([size=l]){--spectrum-infield-button-height:var(--spectrum-component-height-200);--spectrum-infield-button-width:var(--spectrum-component-height-200);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large\n)}:host([size=xl]){--spectrum-infield-button-height:var(--spectrum-component-height-300);--spectrum-infield-button-width:var(--spectrum-component-height-300);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large\n)}:host([block=end]),:host([block=start]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-medium)\n)}:host([block=end][size=s]),:host([block=start][size=s]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-small)\n)}:host([block=end][size=l]),:host([block=start][size=l]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-large)\n)}:host([block=end][size=xl]),:host([block=start][size=xl]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large)\n)}:host([quiet]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet,transparent\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-quiet,transparent\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-quiet,transparent\n);--mod-infield-button-background-color-key-focus:var(\n--mod-infield-button-background-color-key-focus-quiet,transparent\n);--mod-infield-border-color:var(\n--mod-infield-border-color-quiet,transparent\n);--mod-infield-button-border-width:var(\n--mod-infield-button-border-width-quiet,0\n)}:host([quiet][disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet-disabled,transparent\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-quiet-disabled,transparent\n)}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{align-items:center;background-color:#0000;block-size:var(\n--mod-infield-button-height,var(--spectrum-infield-button-height)\n);border-style:none;cursor:pointer;display:flex;inline-size:var(\n--mod-infield-button-width,var(--spectrum-infield-button-width)\n);justify-content:center;padding:var(\n--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)\n)}.fill{background-color:var(\n--mod-infield-button-background-color,var(--spectrum-infield-button-background-color)\n);block-size:100%;border-color:var(\n--highcontrast-infield-button-border-color,var(\n--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\n)\n);border-end-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-end-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n);inline-size:100%;padding:var(\n--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding)\n)}::slotted(*){color:var(\n--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color)\n)}:host([inline=end]) .fill{border-end-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([inline=start]) .fill{border-end-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([disabled]){cursor:auto}@media (hover:hover){:host(:hover) .fill{background-color:var(\n--mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)\n)}:host(:hover) ::slotted(*){color:var(\n--mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)\n)}}:host:active .fill{background-color:var(\n--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)\n)}:host:active ::slotted(*){color:var(\n--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)\n)}:host(.focus-visible){outline:none}:host(:focus-visible){outline:none}:host(.focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(.focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}.fill{align-items:center;display:flex;justify-content:var(\n--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)\n);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-inline-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=start]){padding-block-end:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=start]) .fill{border-block-end:none;border-end-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=end]){padding-block-start:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=end]) .fill{border-block-end-width:var(\n--mod-infield-button-stacked-bottom-border-block-end-width,var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n)\n);border-end-end-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-end,var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)\n);border-start-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-width\n);--spectrum-infield-button-border-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-color\n);--spectrum-infield-button-border-radius:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius\n);--spectrum-infield-button-border-radius-reset:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset\n);--spectrum-infield-button-stacked-top-border-radius-start-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start\n);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start\n);--spectrum-infield-button-background-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color\n);--spectrum-infield-button-background-color-hover:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover\n);--spectrum-infield-button-background-color-down:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down\n);--spectrum-infield-button-background-color-key-focus:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus\n)}\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;AAsOf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-infield-button.css.js CHANGED
@@ -79,7 +79,7 @@
79
79
  --mod-infield-button-background-color-quiet-disabled,transparent
80
80
  );--mod-infield-button-border-color:var(
81
81
  --mod-infield-button-border-color-quiet-disabled,transparent
82
- )}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}}:host{align-items:center;background-color:#0000;block-size:var(
82
+ )}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{align-items:center;background-color:#0000;block-size:var(
83
83
  --mod-infield-button-height,var(--spectrum-infield-button-height)
84
84
  );border-style:none;cursor:pointer;display:flex;inline-size:var(
85
85
  --mod-infield-button-width,var(--spectrum-infield-button-width)
@@ -113,11 +113,11 @@
113
113
  --mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
114
114
  );border-start-end-radius:var(
115
115
  --mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
116
- )}:host([disabled]){cursor:auto}:host(:hover) .fill{background-color:var(
116
+ )}:host([disabled]){cursor:auto}@media (hover:hover){:host(:hover) .fill{background-color:var(
117
117
  --mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)
118
118
  )}:host(:hover) ::slotted(*){color:var(
119
119
  --mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)
120
- )}:host:active .fill{background-color:var(
120
+ )}}:host:active .fill{background-color:var(
121
121
  --mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)
122
122
  )}:host:active ::slotted(*){color:var(
123
123
  --mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
package/src/spectrum-infield-button.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-infield-button.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 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{--spectrum-infield-button-height:var(--spectrum-component-height-100);--spectrum-infield-button-width:var(--spectrum-component-height-100);--spectrum-infield-button-stacked-border-radius-reset:var(\n--spectrum-in-field-button-fill-stacked-inner-border-rounding\n);--spectrum-infield-button-edge-to-fill:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-infield-button-inner-edge-to-fill:var(\n--spectrum-in-field-button-stacked-inner-edge-to-fill\n);--spectrum-infield-button-fill-padding:0px;--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-infield-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-infield-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-infield-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-infield-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-icon-color:var(\n--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-hover:var(\n--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-down:var(\n--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-key-focus:var(\n--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color)\n)}:host([size=s]){--spectrum-infield-button-height:var(--spectrum-component-height-75);--spectrum-infield-button-width:var(--spectrum-component-height-75);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small\n)}:host([size=l]){--spectrum-infield-button-height:var(--spectrum-component-height-200);--spectrum-infield-button-width:var(--spectrum-component-height-200);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large\n)}:host([size=xl]){--spectrum-infield-button-height:var(--spectrum-component-height-300);--spectrum-infield-button-width:var(--spectrum-component-height-300);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large\n)}:host([block=end]),:host([block=start]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-medium)\n)}:host([block=end][size=s]),:host([block=start][size=s]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-small)\n)}:host([block=end][size=l]),:host([block=start][size=l]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-large)\n)}:host([block=end][size=xl]),:host([block=start][size=xl]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large)\n)}:host([quiet]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet,transparent\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-quiet,transparent\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-quiet,transparent\n);--mod-infield-button-background-color-key-focus:var(\n--mod-infield-button-background-color-key-focus-quiet,transparent\n);--mod-infield-border-color:var(\n--mod-infield-border-color-quiet,transparent\n);--mod-infield-button-border-width:var(\n--mod-infield-button-border-width-quiet,0\n)}:host([quiet][disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet-disabled,transparent\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-quiet-disabled,transparent\n)}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host(:hover):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}}:host{align-items:center;background-color:#0000;block-size:var(\n--mod-infield-button-height,var(--spectrum-infield-button-height)\n);border-style:none;cursor:pointer;display:flex;inline-size:var(\n--mod-infield-button-width,var(--spectrum-infield-button-width)\n);justify-content:center;padding:var(\n--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)\n)}.fill{background-color:var(\n--mod-infield-button-background-color,var(--spectrum-infield-button-background-color)\n);block-size:100%;border-color:var(\n--highcontrast-infield-button-border-color,var(\n--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\n)\n);border-end-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-end-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n);inline-size:100%;padding:var(\n--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding)\n)}::slotted(*){color:var(\n--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color)\n)}:host([inline=end]) .fill{border-end-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([inline=start]) .fill{border-end-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([disabled]){cursor:auto}:host(:hover) .fill{background-color:var(\n--mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)\n)}:host(:hover) ::slotted(*){color:var(\n--mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)\n)}:host:active .fill{background-color:var(\n--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)\n)}:host:active ::slotted(*){color:var(\n--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)\n)}:host(.focus-visible){outline:none}:host(:focus-visible){outline:none}:host(.focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(.focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}.fill{align-items:center;display:flex;justify-content:var(\n--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)\n);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-inline-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=start]){padding-block-end:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=start]) .fill{border-block-end:none;border-end-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=end]){padding-block-start:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=end]) .fill{border-block-end-width:var(\n--mod-infield-button-stacked-bottom-border-block-end-width,var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n)\n);border-end-end-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-end,var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)\n);border-start-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-width\n);--spectrum-infield-button-border-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-color\n);--spectrum-infield-button-border-radius:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius\n);--spectrum-infield-button-border-radius-reset:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset\n);--spectrum-infield-button-stacked-top-border-radius-start-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start\n);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start\n);--spectrum-infield-button-background-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color\n);--spectrum-infield-button-background-color-hover:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover\n);--spectrum-infield-button-background-color-down:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down\n);--spectrum-infield-button-background-color-key-focus:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus\n)}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 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{--spectrum-infield-button-height:var(--spectrum-component-height-100);--spectrum-infield-button-width:var(--spectrum-component-height-100);--spectrum-infield-button-stacked-border-radius-reset:var(\n--spectrum-in-field-button-fill-stacked-inner-border-rounding\n);--spectrum-infield-button-edge-to-fill:var(\n--spectrum-in-field-button-edge-to-fill\n);--spectrum-infield-button-inner-edge-to-fill:var(\n--spectrum-in-field-button-stacked-inner-edge-to-fill\n);--spectrum-infield-button-fill-padding:0px;--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium\n);--spectrum-infield-button-animation-duration:var(\n--spectrum-animation-duration-100\n);--spectrum-infield-button-icon-color:var(\n--spectrum-neutral-content-color-default\n);--spectrum-infield-button-icon-color-hover:var(\n--spectrum-neutral-content-color-hover\n);--spectrum-infield-button-icon-color-down:var(\n--spectrum-neutral-content-color-down\n);--spectrum-infield-button-icon-color-key-focus:var(\n--spectrum-neutral-content-color-key-focus\n);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color)\n);--mod-infield-button-icon-color:var(\n--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-hover:var(\n--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-down:var(\n--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)\n);--mod-infield-button-icon-color-key-focus:var(\n--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color)\n)}:host([size=s]){--spectrum-infield-button-height:var(--spectrum-component-height-75);--spectrum-infield-button-width:var(--spectrum-component-height-75);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small\n)}:host([size=l]){--spectrum-infield-button-height:var(--spectrum-component-height-200);--spectrum-infield-button-width:var(--spectrum-component-height-200);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large\n)}:host([size=xl]){--spectrum-infield-button-height:var(--spectrum-component-height-300);--spectrum-infield-button-width:var(--spectrum-component-height-300);--spectrum-infield-button-stacked-fill-padding-inline:var(\n--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-outer:var(\n--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large\n);--spectrum-infield-button-stacked-fill-padding-inner:var(\n--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large\n)}:host([block=end]),:host([block=start]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-medium)\n)}:host([block=end][size=s]),:host([block=start][size=s]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-small)\n)}:host([block=end][size=l]),:host([block=start][size=l]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-large)\n)}:host([block=end][size=xl]),:host([block=start][size=xl]){--mod-infield-button-width:var(\n--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large)\n)}:host([quiet]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet,transparent\n);--mod-infield-button-background-color-hover:var(\n--mod-infield-button-background-color-hover-quiet,transparent\n);--mod-infield-button-background-color-down:var(\n--mod-infield-button-background-color-down-quiet,transparent\n);--mod-infield-button-background-color-key-focus:var(\n--mod-infield-button-background-color-key-focus-quiet,transparent\n);--mod-infield-border-color:var(\n--mod-infield-border-color-quiet,transparent\n);--mod-infield-button-border-width:var(\n--mod-infield-button-border-width-quiet,0\n)}:host([quiet][disabled]){--mod-infield-button-background-color:var(\n--mod-infield-button-background-color-quiet-disabled,transparent\n);--mod-infield-button-border-color:var(\n--mod-infield-button-border-color-quiet-disabled,transparent\n)}@media (forced-colors:active){:host(.focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}:host(:focus-visible):not(:disabled),:host:active:not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{align-items:center;background-color:#0000;block-size:var(\n--mod-infield-button-height,var(--spectrum-infield-button-height)\n);border-style:none;cursor:pointer;display:flex;inline-size:var(\n--mod-infield-button-width,var(--spectrum-infield-button-width)\n);justify-content:center;padding:var(\n--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)\n)}.fill{background-color:var(\n--mod-infield-button-background-color,var(--spectrum-infield-button-background-color)\n);block-size:100%;border-color:var(\n--highcontrast-infield-button-border-color,var(\n--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\n)\n);border-end-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-end-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n);border-style:solid;border-width:var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n);inline-size:100%;padding:var(\n--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding)\n)}::slotted(*){color:var(\n--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color)\n)}:host([inline=end]) .fill{border-end-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([inline=start]) .fill{border-end-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n);border-start-end-radius:var(\n--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)\n)}:host([disabled]){cursor:auto}@media (hover:hover){:host(:hover) .fill{background-color:var(\n--mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)\n)}:host(:hover) ::slotted(*){color:var(\n--mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)\n)}}:host:active .fill{background-color:var(\n--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)\n)}:host:active ::slotted(*){color:var(\n--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)\n)}:host(.focus-visible){outline:none}:host(:focus-visible){outline:none}:host(.focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus-visible) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(.focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus-visible) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}.fill{align-items:center;display:flex;justify-content:var(\n--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)\n);transition:border-color var(--spectrum-global-animation-duration-100) ease-in-out}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height, var(--spectrum-infield-button-height))/2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-inline-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inline,\nvar(--spectrum-infield-button-stacked-fill-padding-inline)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=start]){padding-block-end:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=start]) .fill{border-block-end:none;border-end-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}:host([block=end]){padding-block-start:var(\n--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)\n)}:host([block=end]) .fill{border-block-end-width:var(\n--mod-infield-button-stacked-bottom-border-block-end-width,var(\n--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)\n)\n);border-end-end-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-end,var(\n--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)\n)\n);border-end-start-radius:var(\n--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)\n);border-start-end-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);border-start-start-radius:var(\n--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)\n);padding-block-end:calc(var(\n--mod-infield-button-stacked-fill-padding-outer,\nvar(--spectrum-infield-button-stacked-fill-padding-outer)\n) - var(\n--mod-infield-button-inner-edge-to-fill,\nvar(--spectrum-infield-button-inner-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n));padding-block-start:calc(var(\n--mod-infield-button-stacked-fill-padding-inner,\nvar(--spectrum-infield-button-stacked-fill-padding-inner)\n) - var(\n--mod-infield-button-edge-to-fill,\nvar(--spectrum-infield-button-edge-to-fill)\n) - var(\n--mod-infield-button-border-width,\nvar(--spectrum-infield-button-border-width)\n))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-width\n);--spectrum-infield-button-border-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-color\n);--spectrum-infield-button-border-radius:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius\n);--spectrum-infield-button-border-radius-reset:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset\n);--spectrum-infield-button-stacked-top-border-radius-start-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start\n);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start\n);--spectrum-infield-button-background-color:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color\n);--spectrum-infield-button-background-color-hover:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover\n);--spectrum-infield-button-background-color-down:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down\n);--spectrum-infield-button-background-color-key-focus:var(\n--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus\n)}\n`;\nexport default styles;"],
5
5
  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsOf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }