@spectrum-web-components/infield-button 0.40.2 → 0.40.3

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 +17 -7
  3. package/src/infield-button.css.dev.js.map +2 -2
  4. package/src/infield-button.css.js +17 -7
  5. package/src/infield-button.css.js.map +2 -2
  6. package/src/spectrum-infield-button.css.dev.js +17 -7
  7. package/src/spectrum-infield-button.css.dev.js.map +2 -2
  8. package/src/spectrum-infield-button.css.js +17 -7
  9. package/src/spectrum-infield-button.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/infield-button",
3
- "version": "0.40.2",
3
+ "version": "0.40.3",
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.2",
61
- "@spectrum-web-components/button": "^0.40.2"
60
+ "@spectrum-web-components/base": "^0.40.3",
61
+ "@spectrum-web-components/button": "^0.40.3"
62
62
  },
63
63
  "devDependencies": {
64
- "@spectrum-css/infieldbutton": "^4.0.1"
64
+ "@spectrum-css/infieldbutton": "^4.0.6"
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": "e5fd35c7a98569150ca695ec0e0e7411c9c64c28"
73
+ "gitHead": "76467a3470aeafa4beefce1e4fc76341f1d6733f"
74
74
  }
package/src/infield-button.css.dev.js CHANGED
@@ -23,7 +23,7 @@ const styles = css`
23
23
  --spectrum-neutral-content-color-down
24
24
  );--spectrum-infield-button-icon-color-key-focus:var(
25
25
  --spectrum-neutral-content-color-key-focus
26
- )}:host([disabled]){--mod-infield-button-background-color:var(
26
+ );--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(
27
27
  --mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)
28
28
  );--mod-infield-button-background-color-hover:var(
29
29
  --mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)
@@ -121,15 +121,17 @@ const styles = css`
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)
124
- )}:host(.focus-visible) .fill,:host(:focus) .fill{background-color:var(
124
+ )}:host(.focus-visible) .fill{background-color:var(
125
125
  --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
126
- )}:host(:focus) .fill,:host(:focus-visible) .fill{background-color:var(
126
+ )}:host(:focus-visible) .fill{background-color:var(
127
127
  --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
128
- )}:host(.focus-visible) ::slotted(*),:host(:focus) ::slotted(*){color:var(
128
+ )}:host(.focus-visible) ::slotted(*){color:var(
129
129
  --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
130
- )}:host(:focus) ::slotted(*),:host(:focus-visible) ::slotted(*){color:var(
130
+ )}:host(:focus-visible) ::slotted(*){color:var(
131
131
  --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
132
- )}.fill{align-items:center;display:flex;justify-content:center;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(
132
+ )}.fill{align-items:center;display:flex;justify-content:var(
133
+ --mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)
134
+ );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(
133
135
  --mod-infield-button-stacked-fill-padding-inline,
134
136
  var(--spectrum-infield-button-stacked-fill-padding-inline)
135
137
  ) - var(
@@ -172,7 +174,15 @@ var(--spectrum-infield-button-edge-to-fill)
172
174
  var(--spectrum-infield-button-border-width)
173
175
  ))}:host([block=end]){padding-block-start:var(
174
176
  --mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
175
- )}:host([block=end]) .fill{border-end-start-radius:var(
177
+ )}:host([block=end]) .fill{border-block-end-width:var(
178
+ --mod-infield-button-stacked-bottom-border-block-end-width,var(
179
+ --mod-infield-button-border-width,var(--spectrum-infield-button-border-width)
180
+ )
181
+ );border-end-end-radius:var(
182
+ --mod-infield-button-stacked-bottom-border-radius-end-end,var(
183
+ --mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
184
+ )
185
+ );border-end-start-radius:var(
176
186
  --mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)
177
187
  );border-start-end-radius:var(
178
188
  --mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
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 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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)}: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)}: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--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\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) .fill,:host(:focus) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus) .fill,: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(*),:host(:focus) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus) ::slotted(*),: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:center;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-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
- "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;AA0Nf,eAAe;",
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)}: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--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\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) .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
+ "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;AAoOf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/infield-button.css.js CHANGED
@@ -21,7 +21,7 @@
21
21
  --spectrum-neutral-content-color-down
22
22
  );--spectrum-infield-button-icon-color-key-focus:var(
23
23
  --spectrum-neutral-content-color-key-focus
24
- )}:host([disabled]){--mod-infield-button-background-color:var(
24
+ );--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(
25
25
  --mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)
26
26
  );--mod-infield-button-background-color-hover:var(
27
27
  --mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)
@@ -119,15 +119,17 @@
119
119
  --mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)
120
120
  )}:host:active ::slotted(*){color:var(
121
121
  --mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
122
- )}:host(.focus-visible) .fill,:host(:focus) .fill{background-color:var(
122
+ )}:host(.focus-visible) .fill{background-color:var(
123
123
  --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
124
- )}:host(:focus) .fill,:host(:focus-visible) .fill{background-color:var(
124
+ )}:host(:focus-visible) .fill{background-color:var(
125
125
  --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
126
- )}:host(.focus-visible) ::slotted(*),:host(:focus) ::slotted(*){color:var(
126
+ )}:host(.focus-visible) ::slotted(*){color:var(
127
127
  --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
128
- )}:host(:focus) ::slotted(*),:host(:focus-visible) ::slotted(*){color:var(
128
+ )}:host(:focus-visible) ::slotted(*){color:var(
129
129
  --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
130
- )}.fill{align-items:center;display:flex;justify-content:center;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(
130
+ )}.fill{align-items:center;display:flex;justify-content:var(
131
+ --mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)
132
+ );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(
131
133
  --mod-infield-button-stacked-fill-padding-inline,
132
134
  var(--spectrum-infield-button-stacked-fill-padding-inline)
133
135
  ) - var(
@@ -170,7 +172,15 @@ var(--spectrum-infield-button-edge-to-fill)
170
172
  var(--spectrum-infield-button-border-width)
171
173
  ))}:host([block=end]){padding-block-start:var(
172
174
  --mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
173
- )}:host([block=end]) .fill{border-end-start-radius:var(
175
+ )}:host([block=end]) .fill{border-block-end-width:var(
176
+ --mod-infield-button-stacked-bottom-border-block-end-width,var(
177
+ --mod-infield-button-border-width,var(--spectrum-infield-button-border-width)
178
+ )
179
+ );border-end-end-radius:var(
180
+ --mod-infield-button-stacked-bottom-border-radius-end-end,var(
181
+ --mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
182
+ )
183
+ );border-end-start-radius:var(
174
184
  --mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)
175
185
  );border-start-end-radius:var(
176
186
  --mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
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 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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)}: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)}: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--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\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) .fill,:host(:focus) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus) .fill,: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(*),:host(:focus) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus) ::slotted(*),: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:center;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-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
- "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,EA0Nf,eAAeC",
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)}: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--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\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) .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
+ "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,EAoOf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-infield-button.css.dev.js CHANGED
@@ -23,7 +23,7 @@ const styles = css`
23
23
  --spectrum-neutral-content-color-down
24
24
  );--spectrum-infield-button-icon-color-key-focus:var(
25
25
  --spectrum-neutral-content-color-key-focus
26
- )}:host([disabled]){--mod-infield-button-background-color:var(
26
+ );--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(
27
27
  --mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)
28
28
  );--mod-infield-button-background-color-hover:var(
29
29
  --mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)
@@ -121,15 +121,17 @@ const styles = css`
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)
124
- )}:host(.focus-visible) .fill,:host(:focus) .fill{background-color:var(
124
+ )}:host(.focus-visible) .fill{background-color:var(
125
125
  --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
126
- )}:host(:focus) .fill,:host(:focus-visible) .fill{background-color:var(
126
+ )}:host(:focus-visible) .fill{background-color:var(
127
127
  --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
128
- )}:host(.focus-visible) ::slotted(*),:host(:focus) ::slotted(*){color:var(
128
+ )}:host(.focus-visible) ::slotted(*){color:var(
129
129
  --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
130
- )}:host(:focus) ::slotted(*),:host(:focus-visible) ::slotted(*){color:var(
130
+ )}:host(:focus-visible) ::slotted(*){color:var(
131
131
  --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
132
- )}.fill{align-items:center;display:flex;justify-content:center;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(
132
+ )}.fill{align-items:center;display:flex;justify-content:var(
133
+ --mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)
134
+ );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(
133
135
  --mod-infield-button-stacked-fill-padding-inline,
134
136
  var(--spectrum-infield-button-stacked-fill-padding-inline)
135
137
  ) - var(
@@ -172,7 +174,15 @@ var(--spectrum-infield-button-edge-to-fill)
172
174
  var(--spectrum-infield-button-border-width)
173
175
  ))}:host([block=end]){padding-block-start:var(
174
176
  --mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
175
- )}:host([block=end]) .fill{border-end-start-radius:var(
177
+ )}:host([block=end]) .fill{border-block-end-width:var(
178
+ --mod-infield-button-stacked-bottom-border-block-end-width,var(
179
+ --mod-infield-button-border-width,var(--spectrum-infield-button-border-width)
180
+ )
181
+ );border-end-end-radius:var(
182
+ --mod-infield-button-stacked-bottom-border-radius-end-end,var(
183
+ --mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
184
+ )
185
+ );border-end-start-radius:var(
176
186
  --mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)
177
187
  );border-start-end-radius:var(
178
188
  --mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
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 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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)}: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)}: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--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\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) .fill,:host(:focus) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus) .fill,: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(*),:host(:focus) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus) ::slotted(*),: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:center;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-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
- "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;AA0Nf,eAAe;",
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)}: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--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\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) .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
+ "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;AAoOf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-infield-button.css.js CHANGED
@@ -21,7 +21,7 @@
21
21
  --spectrum-neutral-content-color-down
22
22
  );--spectrum-infield-button-icon-color-key-focus:var(
23
23
  --spectrum-neutral-content-color-key-focus
24
- )}:host([disabled]){--mod-infield-button-background-color:var(
24
+ );--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(
25
25
  --mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)
26
26
  );--mod-infield-button-background-color-hover:var(
27
27
  --mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)
@@ -119,15 +119,17 @@
119
119
  --mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)
120
120
  )}:host:active ::slotted(*){color:var(
121
121
  --mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
122
- )}:host(.focus-visible) .fill,:host(:focus) .fill{background-color:var(
122
+ )}:host(.focus-visible) .fill{background-color:var(
123
123
  --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
124
- )}:host(:focus) .fill,:host(:focus-visible) .fill{background-color:var(
124
+ )}:host(:focus-visible) .fill{background-color:var(
125
125
  --mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
126
- )}:host(.focus-visible) ::slotted(*),:host(:focus) ::slotted(*){color:var(
126
+ )}:host(.focus-visible) ::slotted(*){color:var(
127
127
  --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
128
- )}:host(:focus) ::slotted(*),:host(:focus-visible) ::slotted(*){color:var(
128
+ )}:host(:focus-visible) ::slotted(*){color:var(
129
129
  --mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
130
- )}.fill{align-items:center;display:flex;justify-content:center;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(
130
+ )}.fill{align-items:center;display:flex;justify-content:var(
131
+ --mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content)
132
+ );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(
131
133
  --mod-infield-button-stacked-fill-padding-inline,
132
134
  var(--spectrum-infield-button-stacked-fill-padding-inline)
133
135
  ) - var(
@@ -170,7 +172,15 @@ var(--spectrum-infield-button-edge-to-fill)
170
172
  var(--spectrum-infield-button-border-width)
171
173
  ))}:host([block=end]){padding-block-start:var(
172
174
  --mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
173
- )}:host([block=end]) .fill{border-end-start-radius:var(
175
+ )}:host([block=end]) .fill{border-block-end-width:var(
176
+ --mod-infield-button-stacked-bottom-border-block-end-width,var(
177
+ --mod-infield-button-border-width,var(--spectrum-infield-button-border-width)
178
+ )
179
+ );border-end-end-radius:var(
180
+ --mod-infield-button-stacked-bottom-border-radius-end-end,var(
181
+ --mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
182
+ )
183
+ );border-end-start-radius:var(
174
184
  --mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)
175
185
  );border-start-end-radius:var(
176
186
  --mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
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 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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)}: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)}: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--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\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) .fill,:host(:focus) .fill{background-color:var(\n--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)\n)}:host(:focus) .fill,: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(*),:host(:focus) ::slotted(*){color:var(\n--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)\n)}:host(:focus) ::slotted(*),: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:center;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-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
- "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,EA0Nf,eAAeC",
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)}: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--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)\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) .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
+ "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,EAoOf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }