@spectrum-web-components/infield-button 0.39.4

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from './InfieldButton.js';

package/src/index.dev.js

@@ -0,0 +1,3 @@
+"use strict";
+export * from "./InfieldButton.dev.js";
+//# sourceMappingURL=index.dev.js.map

package/src/index.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.ts"],
+  "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*/\nexport * from './InfieldButton.dev.js'\n"],
+  "mappings": ";AAWA,cAAc;",
+  "names": []
+}

package/src/index.js

@@ -0,0 +1,2 @@
+"use strict";export*from"./InfieldButton.js";
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.ts"],
+  "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*/\nexport * from './InfieldButton.js';\n"],
+  "mappings": "aAWA,WAAc",
+  "names": []
+}

package/src/infield-button.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("@spectrum-web-components/base").CSSResult;
+export default styles;

package/src/infield-button.css.dev.js

@@ -0,0 +1,222 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+: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(
+--spectrum-in-field-button-fill-stacked-inner-border-rounding
+);--spectrum-infield-button-edge-to-fill:var(
+--spectrum-in-field-button-edge-to-fill
+);--spectrum-infield-button-inner-edge-to-fill:var(
+--spectrum-in-field-button-stacked-inner-edge-to-fill
+);--spectrum-infield-button-fill-padding:0px;--spectrum-infield-button-stacked-fill-padding-inline:var(
+--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium
+);--spectrum-infield-button-stacked-fill-padding-outer:var(
+--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium
+);--spectrum-infield-button-stacked-fill-padding-inner:var(
+--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium
+);--spectrum-infield-button-animation-duration:var(
+--spectrum-animation-duration-100
+);--spectrum-infield-button-icon-color:var(
+--spectrum-neutral-content-color-default
+);--spectrum-infield-button-icon-color-hover:var(
+--spectrum-neutral-content-color-hover
+);--spectrum-infield-button-icon-color-down:var(
+--spectrum-neutral-content-color-down
+);--spectrum-infield-button-icon-color-key-focus:var(
+--spectrum-neutral-content-color-key-focus
+)}:host([disabled]){--mod-infield-button-background-color:var(
+--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)
+);--mod-infield-button-background-color-hover:var(
+--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)
+);--mod-infield-button-background-color-down:var(
+--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color)
+);--mod-infield-button-border-color:var(
+--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color)
+);--mod-infield-button-icon-color:var(
+--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color)
+);--mod-infield-button-icon-color-hover:var(
+--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)
+);--mod-infield-button-icon-color-down:var(
+--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)
+);--mod-infield-button-icon-color-key-focus:var(
+--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color)
+)}: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(
+--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small
+);--spectrum-infield-button-stacked-fill-padding-outer:var(
+--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small
+);--spectrum-infield-button-stacked-fill-padding-inner:var(
+--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small
+)}: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(
+--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large
+);--spectrum-infield-button-stacked-fill-padding-outer:var(
+--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large
+);--spectrum-infield-button-stacked-fill-padding-inner:var(
+--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large
+)}: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(
+--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large
+);--spectrum-infield-button-stacked-fill-padding-outer:var(
+--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large
+);--spectrum-infield-button-stacked-fill-padding-inner:var(
+--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large
+)}:host([block=end]),:host([block=start]){--mod-infield-button-width:var(
+--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-medium)
+)}:host([block=end][size=s]),:host([block=start][size=s]){--mod-infield-button-width:var(
+--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-small)
+)}:host([block=end][size=l]),:host([block=start][size=l]){--mod-infield-button-width:var(
+--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-large)
+)}:host([block=end][size=xl]),:host([block=start][size=xl]){--mod-infield-button-width:var(
+--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large)
+)}:host([quiet]){--mod-infield-button-background-color:var(
+--mod-infield-button-background-color-quiet,transparent
+);--mod-infield-button-background-color-hover:var(
+--mod-infield-button-background-color-hover-quiet,transparent
+);--mod-infield-button-background-color-down:var(
+--mod-infield-button-background-color-down-quiet,transparent
+);--mod-infield-button-background-color-key-focus:var(
+--mod-infield-button-background-color-key-focus-quiet,transparent
+);--mod-infield-border-color:var(
+--mod-infield-border-color-quiet,transparent
+);--mod-infield-button-border-width:var(
+--mod-infield-button-border-width-quiet,0
+)}:host([quiet][disabled]){--mod-infield-button-background-color:var(
+--mod-infield-button-background-color-quiet-disabled,transparent
+);--mod-infield-button-border-color:var(
+--mod-infield-button-border-color-quiet-disabled,transparent
+)}:host{align-items:center;background-color:#0000;block-size:var(
+--mod-infield-button-height,var(--spectrum-infield-button-height)
+);border-style:none;cursor:pointer;display:flex;inline-size:var(
+--mod-infield-button-width,var(--spectrum-infield-button-width)
+);justify-content:center;padding:var(
+--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)
+)}.fill{background-color:var(
+--mod-infield-button-background-color,var(--spectrum-infield-button-background-color)
+);block-size:100%;border-color:var(
+--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)
+);border-end-end-radius:var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+);border-end-start-radius:var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+);border-start-end-radius:var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+);border-start-start-radius:var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+);border-style:solid;border-width:var(
+--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)
+);inline-size:100%;padding:var(
+--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding)
+)}::slotted(*){color:var(
+--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color)
+)}:host([inline=end]) .fill{border-end-start-radius:var(
+--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
+);border-start-start-radius:var(
+--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
+)}:host([inline=start]) .fill{border-end-end-radius:var(
+--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
+);border-start-end-radius:var(
+--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
+)}:host([disabled]){cursor:auto}:host(:hover) .fill{background-color:var(
+--mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)
+)}:host(:hover) ::slotted(*){color:var(
+--mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)
+)}:host:active .fill{background-color:var(
+--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)
+)}:host:active ::slotted(*){color:var(
+--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
+)}:host(.focus-visible) .fill,:host(:focus) .fill{background-color:var(
+--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
+)}:host(:focus) .fill,:host(:focus-visible) .fill{background-color:var(
+--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
+)}:host(.focus-visible) ::slotted(*),:host(:focus) ::slotted(*){color:var(
+--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
+)}:host(:focus) ::slotted(*),:host(:focus-visible) ::slotted(*){color:var(
+--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
+)}.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(
+--mod-infield-button-stacked-fill-padding-inline,
+var(--spectrum-infield-button-stacked-fill-padding-inline)
+) - var(
+--mod-infield-button-edge-to-fill,
+var(--spectrum-infield-button-edge-to-fill)
+) - var(
+--mod-infield-button-border-width,
+var(--spectrum-infield-button-border-width)
+));padding-inline-start:calc(var(
+--mod-infield-button-stacked-fill-padding-inline,
+var(--spectrum-infield-button-stacked-fill-padding-inline)
+) - var(
+--mod-infield-button-edge-to-fill,
+var(--spectrum-infield-button-edge-to-fill)
+) - var(
+--mod-infield-button-border-width,
+var(--spectrum-infield-button-border-width)
+))}:host([block=start]){padding-block-end:var(
+--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
+)}:host([block=start]) .fill{border-block-end:none;border-end-end-radius:var(
+--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
+);border-end-start-radius:var(
+--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
+);border-start-start-radius:var(
+--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start)
+);padding-block-end:calc(var(
+--mod-infield-button-stacked-fill-padding-inner,
+var(--spectrum-infield-button-stacked-fill-padding-inner)
+) - var(
+--mod-infield-button-inner-edge-to-fill,
+var(--spectrum-infield-button-inner-edge-to-fill)
+));padding-block-start:calc(var(
+--mod-infield-button-stacked-fill-padding-outer,
+var(--spectrum-infield-button-stacked-fill-padding-outer)
+) - var(
+--mod-infield-button-edge-to-fill,
+var(--spectrum-infield-button-edge-to-fill)
+) - var(
+--mod-infield-button-border-width,
+var(--spectrum-infield-button-border-width)
+))}:host([block=end]){padding-block-start:var(
+--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
+)}:host([block=end]) .fill{border-end-start-radius:var(
+--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)
+);border-start-end-radius:var(
+--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
+);border-start-start-radius:var(
+--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
+);padding-block-end:calc(var(
+--mod-infield-button-stacked-fill-padding-outer,
+var(--spectrum-infield-button-stacked-fill-padding-outer)
+) - var(
+--mod-infield-button-inner-edge-to-fill,
+var(--spectrum-infield-button-inner-edge-to-fill)
+) - var(
+--mod-infield-button-border-width,
+var(--spectrum-infield-button-border-width)
+));padding-block-start:calc(var(
+--mod-infield-button-stacked-fill-padding-inner,
+var(--spectrum-infield-button-stacked-fill-padding-inner)
+) - var(
+--mod-infield-button-edge-to-fill,
+var(--spectrum-infield-button-edge-to-fill)
+) - var(
+--mod-infield-button-border-width,
+var(--spectrum-infield-button-border-width)
+))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-border-width
+);--spectrum-infield-button-border-color:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-border-color
+);--spectrum-infield-button-border-radius:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-border-radius
+);--spectrum-infield-button-border-radius-reset:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset
+);--spectrum-infield-button-stacked-top-border-radius-start-start:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start
+);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start
+);--spectrum-infield-button-background-color:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-background-color
+);--spectrum-infield-button-background-color-hover:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover
+);--spectrum-infield-button-background-color-down:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down
+);--spectrum-infield-button-background-color-key-focus:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus
+)}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}
+`;
+export default styles;
+//# sourceMappingURL=infield-button.css.dev.js.map

package/src/infield-button.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["infield-button.css.ts"],
+  "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;"],
+  "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;",
+  "names": []
+}

package/src/infield-button.css.js

@@ -0,0 +1,219 @@
+"use strict";import{css as t}from"@spectrum-web-components/base";const e=t`
+: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(
+--spectrum-in-field-button-fill-stacked-inner-border-rounding
+);--spectrum-infield-button-edge-to-fill:var(
+--spectrum-in-field-button-edge-to-fill
+);--spectrum-infield-button-inner-edge-to-fill:var(
+--spectrum-in-field-button-stacked-inner-edge-to-fill
+);--spectrum-infield-button-fill-padding:0px;--spectrum-infield-button-stacked-fill-padding-inline:var(
+--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium
+);--spectrum-infield-button-stacked-fill-padding-outer:var(
+--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium
+);--spectrum-infield-button-stacked-fill-padding-inner:var(
+--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium
+);--spectrum-infield-button-animation-duration:var(
+--spectrum-animation-duration-100
+);--spectrum-infield-button-icon-color:var(
+--spectrum-neutral-content-color-default
+);--spectrum-infield-button-icon-color-hover:var(
+--spectrum-neutral-content-color-hover
+);--spectrum-infield-button-icon-color-down:var(
+--spectrum-neutral-content-color-down
+);--spectrum-infield-button-icon-color-key-focus:var(
+--spectrum-neutral-content-color-key-focus
+)}:host([disabled]){--mod-infield-button-background-color:var(
+--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color)
+);--mod-infield-button-background-color-hover:var(
+--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color)
+);--mod-infield-button-background-color-down:var(
+--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color)
+);--mod-infield-button-border-color:var(
+--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color)
+);--mod-infield-button-icon-color:var(
+--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color)
+);--mod-infield-button-icon-color-hover:var(
+--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color)
+);--mod-infield-button-icon-color-down:var(
+--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color)
+);--mod-infield-button-icon-color-key-focus:var(
+--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color)
+)}: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(
+--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small
+);--spectrum-infield-button-stacked-fill-padding-outer:var(
+--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small
+);--spectrum-infield-button-stacked-fill-padding-inner:var(
+--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small
+)}: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(
+--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large
+);--spectrum-infield-button-stacked-fill-padding-outer:var(
+--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large
+);--spectrum-infield-button-stacked-fill-padding-inner:var(
+--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large
+)}: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(
+--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large
+);--spectrum-infield-button-stacked-fill-padding-outer:var(
+--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large
+);--spectrum-infield-button-stacked-fill-padding-inner:var(
+--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large
+)}:host([block=end]),:host([block=start]){--mod-infield-button-width:var(
+--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-medium)
+)}:host([block=end][size=s]),:host([block=start][size=s]){--mod-infield-button-width:var(
+--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-small)
+)}:host([block=end][size=l]),:host([block=start][size=l]){--mod-infield-button-width:var(
+--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-large)
+)}:host([block=end][size=xl]),:host([block=start][size=xl]){--mod-infield-button-width:var(
+--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large)
+)}:host([quiet]){--mod-infield-button-background-color:var(
+--mod-infield-button-background-color-quiet,transparent
+);--mod-infield-button-background-color-hover:var(
+--mod-infield-button-background-color-hover-quiet,transparent
+);--mod-infield-button-background-color-down:var(
+--mod-infield-button-background-color-down-quiet,transparent
+);--mod-infield-button-background-color-key-focus:var(
+--mod-infield-button-background-color-key-focus-quiet,transparent
+);--mod-infield-border-color:var(
+--mod-infield-border-color-quiet,transparent
+);--mod-infield-button-border-width:var(
+--mod-infield-button-border-width-quiet,0
+)}:host([quiet][disabled]){--mod-infield-button-background-color:var(
+--mod-infield-button-background-color-quiet-disabled,transparent
+);--mod-infield-button-border-color:var(
+--mod-infield-button-border-color-quiet-disabled,transparent
+)}:host{align-items:center;background-color:#0000;block-size:var(
+--mod-infield-button-height,var(--spectrum-infield-button-height)
+);border-style:none;cursor:pointer;display:flex;inline-size:var(
+--mod-infield-button-width,var(--spectrum-infield-button-width)
+);justify-content:center;padding:var(
+--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)
+)}.fill{background-color:var(
+--mod-infield-button-background-color,var(--spectrum-infield-button-background-color)
+);block-size:100%;border-color:var(
+--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)
+);border-end-end-radius:var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+);border-end-start-radius:var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+);border-start-end-radius:var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+);border-start-start-radius:var(
+--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)
+);border-style:solid;border-width:var(
+--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)
+);inline-size:100%;padding:var(
+--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding)
+)}::slotted(*){color:var(
+--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color)
+)}:host([inline=end]) .fill{border-end-start-radius:var(
+--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
+);border-start-start-radius:var(
+--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
+)}:host([inline=start]) .fill{border-end-end-radius:var(
+--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
+);border-start-end-radius:var(
+--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset)
+)}:host([disabled]){cursor:auto}:host(:hover) .fill{background-color:var(
+--mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover)
+)}:host(:hover) ::slotted(*){color:var(
+--mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover)
+)}:host:active .fill{background-color:var(
+--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down)
+)}:host:active ::slotted(*){color:var(
+--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down)
+)}:host(.focus-visible) .fill,:host(:focus) .fill{background-color:var(
+--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
+)}:host(:focus) .fill,:host(:focus-visible) .fill{background-color:var(
+--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus)
+)}:host(.focus-visible) ::slotted(*),:host(:focus) ::slotted(*){color:var(
+--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
+)}:host(:focus) ::slotted(*),:host(:focus-visible) ::slotted(*){color:var(
+--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus)
+)}.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(
+--mod-infield-button-stacked-fill-padding-inline,
+var(--spectrum-infield-button-stacked-fill-padding-inline)
+) - var(
+--mod-infield-button-edge-to-fill,
+var(--spectrum-infield-button-edge-to-fill)
+) - var(
+--mod-infield-button-border-width,
+var(--spectrum-infield-button-border-width)
+));padding-inline-start:calc(var(
+--mod-infield-button-stacked-fill-padding-inline,
+var(--spectrum-infield-button-stacked-fill-padding-inline)
+) - var(
+--mod-infield-button-edge-to-fill,
+var(--spectrum-infield-button-edge-to-fill)
+) - var(
+--mod-infield-button-border-width,
+var(--spectrum-infield-button-border-width)
+))}:host([block=start]){padding-block-end:var(
+--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
+)}:host([block=start]) .fill{border-block-end:none;border-end-end-radius:var(
+--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
+);border-end-start-radius:var(
+--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
+);border-start-start-radius:var(
+--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start)
+);padding-block-end:calc(var(
+--mod-infield-button-stacked-fill-padding-inner,
+var(--spectrum-infield-button-stacked-fill-padding-inner)
+) - var(
+--mod-infield-button-inner-edge-to-fill,
+var(--spectrum-infield-button-inner-edge-to-fill)
+));padding-block-start:calc(var(
+--mod-infield-button-stacked-fill-padding-outer,
+var(--spectrum-infield-button-stacked-fill-padding-outer)
+) - var(
+--mod-infield-button-edge-to-fill,
+var(--spectrum-infield-button-edge-to-fill)
+) - var(
+--mod-infield-button-border-width,
+var(--spectrum-infield-button-border-width)
+))}:host([block=end]){padding-block-start:var(
+--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)
+)}:host([block=end]) .fill{border-end-start-radius:var(
+--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start)
+);border-start-end-radius:var(
+--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
+);border-start-start-radius:var(
+--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset)
+);padding-block-end:calc(var(
+--mod-infield-button-stacked-fill-padding-outer,
+var(--spectrum-infield-button-stacked-fill-padding-outer)
+) - var(
+--mod-infield-button-inner-edge-to-fill,
+var(--spectrum-infield-button-inner-edge-to-fill)
+) - var(
+--mod-infield-button-border-width,
+var(--spectrum-infield-button-border-width)
+));padding-block-start:calc(var(
+--mod-infield-button-stacked-fill-padding-inner,
+var(--spectrum-infield-button-stacked-fill-padding-inner)
+) - var(
+--mod-infield-button-edge-to-fill,
+var(--spectrum-infield-button-edge-to-fill)
+) - var(
+--mod-infield-button-border-width,
+var(--spectrum-infield-button-border-width)
+))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-border-width
+);--spectrum-infield-button-border-color:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-border-color
+);--spectrum-infield-button-border-radius:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-border-radius
+);--spectrum-infield-button-border-radius-reset:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset
+);--spectrum-infield-button-stacked-top-border-radius-start-start:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start
+);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start
+);--spectrum-infield-button-background-color:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-background-color
+);--spectrum-infield-button-background-color-hover:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover
+);--spectrum-infield-button-background-color-down:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down
+);--spectrum-infield-button-background-color-key-focus:var(
+--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus
+)}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}
+`;export default e;
+//# sourceMappingURL=infield-button.css.js.map

package/src/infield-button.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["infield-button.css.ts"],
+  "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;"],
+  "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",
+  "names": ["css", "styles"]
+}

package/src/spectrum-config.js

@@ -0,0 +1,60 @@
+/*
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+// @ts-check
+
+import { converterFor } from '../../../tasks/process-spectrum-utils.js';
+
+const converter = converterFor('spectrum-InfieldButton');
+
+/**
+ * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
+ */
+const config = {
+    conversions: [
+        {
+            inPackage: '@spectrum-css/infieldbutton',
+            outPackage: 'infield-button',
+            fileName: 'infield-button',
+            components: [
+                converter.classToHost(),
+                ...converter.enumerateAttributes(
+                    [
+                        ['spectrum-InfieldButton--sizeS', 's'],
+                        ['spectrum-InfieldButton--sizeL', 'l'],
+                        ['spectrum-InfieldButton--sizeXL', 'xl'],
+                    ],
+                    'size'
+                ),
+                ...converter.enumerateAttributes(
+                    [
+                        ['spectrum-InfieldButton--right', 'end'],
+                        ['spectrum-InfieldButton--left', 'start'],
+                    ],
+                    'inline'
+                ),
+                ...converter.enumerateAttributes(
+                    [
+                        ['spectrum-InfieldButton--top', 'start'],
+                        ['spectrum-InfieldButton--bottom', 'end'],
+                    ],
+                    'block'
+                ),
+                converter.classToAttribute('spectrum-InfieldButton--quiet'),
+                converter.pseudoToAttribute('disabled', 'disabled'),
+                converter.classToClass('spectrum-InfieldButton-fill', 'fill'),
+                converter.classToSlotted('spectrum-InfieldButton-icon'),
+            ],
+        },
+    ],
+};
+
+export default config;

package/src/spectrum-infield-button.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("@spectrum-web-components/base").CSSResult;
+export default styles;