@spectrum-web-components/infield-button 0.0.0-20241209155954

package/README.md

@@ -0,0 +1,122 @@
+## Description
+
+When composing complex form fields, an `<sp-infield-button>` can visually associate button functionality with other form fields to delivery enhanced capabilities to your visitors.
+
+### Usage
+
+[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/infield-button?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/infield-button)
+[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/infield-button?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/infield-button)
+
+```
+yarn add @spectrum-web-components/infield-button
+```
+
+Import the side effectful registration of `<sp-infield-button>` via:
+
+```
+import '@spectrum-web-components/infield-button/sp-infield-button.js';
+```
+
+When looking to leverage the `InfieldButton` base class as a type and/or for extension purposes, do so via:
+
+```
+import { InfieldButton } from '@spectrum-web-components/infield-button';
+```
+
+## Sizes
+
+<sp-tabs selected="m" auto label="Size Attribute Options">
+<sp-tab value="s">Small</sp-tab>
+<sp-tab-panel value="s">
+
+```html
+<sp-infield-button label="Add" size="s">
+    <sp-icon-add></sp-icon-add>
+</sp-infield-button>
+```
+
+</sp-tab-panel>
+<sp-tab value="m">Medium</sp-tab>
+<sp-tab-panel value="m">
+
+```html
+<sp-infield-button label="Add" size="m">
+    <sp-icon-add></sp-icon-add>
+</sp-infield-button>
+```
+
+</sp-tab-panel>
+<sp-tab value="l">Large</sp-tab>
+<sp-tab-panel value="l">
+
+```html
+<sp-infield-button label="Add" size="l">
+    <sp-icon-add></sp-icon-add>
+</sp-infield-button>
+```
+
+</sp-tab-panel>
+<sp-tab value="xl">Extra Large</sp-tab>
+<sp-tab-panel value="xl">
+
+```html
+<sp-infield-button label="Add" size="xl">
+    <sp-icon-add></sp-icon-add>
+</sp-infield-button>
+```
+
+</sp-tab-panel>
+</sp-tabs>
+
+## Inline buttons
+
+Use the `inline` attribute to describe whether the `<sp-infield-button>` should be visually at the `start` or `end` of the field is associated to:
+
+### inline="start"
+
+```html
+<sp-infield-button inline="start" label="Add">
+    <sp-icon-add></sp-icon-add>
+</sp-infield-button>
+```
+
+### inline="end"
+
+```html
+<sp-infield-button inline="end" label="Add">
+    <sp-icon-add></sp-icon-add>
+</sp-infield-button>
+```
+
+## Stacked buttons
+
+The `block` attribute can be used to create a vertial stack of buttons. You can place buttons visually on the stack with the `start` or `end` values:
+
+```html
+<sp-infield-button block="start" label="Increment">
+    <sp-icon-add size="xxs"></sp-icon-add>
+</sp-infield-button>
+<sp-infield-button block="end" label="Decrement">
+    <sp-icon-remove size="xxs"></sp-icon-remove>
+</sp-infield-button>
+```
+
+## Disabled
+
+An `<sp-infield-button>` with the `disabled` attribute will become non-interactive and dimmed:
+
+```html
+<sp-infield-button disabled inline="start" label="Add">
+    <sp-icon-add></sp-icon-add>
+</sp-infield-button>
+```
+
+## Quiet
+
+An `<sp-infield-button>` with the `quiet` attribute will feature a diminished visual presence:
+
+```html
+<sp-infield-button inline="start" label="Add" quiet>
+    <sp-icon-add></sp-icon-add>
+</sp-infield-button>
+```

package/package.json

@@ -0,0 +1,74 @@
+{
+    "name": "@spectrum-web-components/infield-button",
+    "version": "0.0.0-20241209155954",
+    "publishConfig": {
+        "access": "public"
+    },
+    "description": "Web component implementation of a Spectrum design InfieldButton",
+    "license": "Apache-2.0",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/adobe/spectrum-web-components.git",
+        "directory": "packages/infield-button"
+    },
+    "author": "",
+    "homepage": "https://adobe.github.io/spectrum-web-components/components/infield-button",
+    "bugs": {
+        "url": "https://github.com/adobe/spectrum-web-components/issues"
+    },
+    "main": "src/index.js",
+    "module": "src/index.js",
+    "type": "module",
+    "exports": {
+        ".": {
+            "development": "./src/index.dev.js",
+            "default": "./src/index.js"
+        },
+        "./package.json": "./package.json",
+        "./src/InfieldButton.js": {
+            "development": "./src/InfieldButton.dev.js",
+            "default": "./src/InfieldButton.js"
+        },
+        "./src/index.js": {
+            "development": "./src/index.dev.js",
+            "default": "./src/index.js"
+        },
+        "./src/infield-button-overrides.css.js": "./src/infield-button-overrides.css.js",
+        "./src/infield-button.css.js": "./src/infield-button.css.js",
+        "./sp-infield-button.js": {
+            "development": "./sp-infield-button.dev.js",
+            "default": "./sp-infield-button.js"
+        }
+    },
+    "scripts": {
+        "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
+    },
+    "files": [
+        "**/*.d.ts",
+        "**/*.js",
+        "**/*.js.map",
+        "custom-elements.json",
+        "!stories/",
+        "!test/"
+    ],
+    "keywords": [
+        "spectrum css",
+        "web components",
+        "lit-element",
+        "lit-html"
+    ],
+    "dependencies": {
+        "@spectrum-web-components/base": "0.0.0-20241209155954",
+        "@spectrum-web-components/button": "0.0.0-20241209155954"
+    },
+    "devDependencies": {
+        "@spectrum-css/infieldbutton": "^6.0.0-s2-foundations.16"
+    },
+    "types": "./src/index.d.ts",
+    "customElements": "custom-elements.json",
+    "sideEffects": [
+        "./sp-*.js",
+        "./**/*.dev.js",
+        "./**/*.dev.js"
+    ]
+}

package/sp-infield-button.d.ts

@@ -0,0 +1,6 @@
+import { InfieldButton } from './src/InfieldButton.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sp-infield-button': InfieldButton;
+    }
+}

package/sp-infield-button.dev.js

@@ -0,0 +1,4 @@
+"use strict";
+import { InfieldButton } from "./src/InfieldButton.dev.js";
+customElements.define("sp-infield-button", InfieldButton);
+//# sourceMappingURL=sp-infield-button.dev.js.map

package/sp-infield-button.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-infield-button.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 { InfieldButton } from './src/InfieldButton.dev.js'\n\ncustomElements.define('sp-infield-button', InfieldButton);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-infield-button': InfieldButton;\n    }\n}\n"],
+  "mappings": ";AAWA,SAAS,qBAAqB;AAE9B,eAAe,OAAO,qBAAqB,aAAa;",
+  "names": []
+}

package/sp-infield-button.js

@@ -0,0 +1,2 @@
+"use strict";import{InfieldButton as e}from"./src/InfieldButton.js";customElements.define("sp-infield-button",e);
+//# sourceMappingURL=sp-infield-button.js.map

package/sp-infield-button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-infield-button.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 { InfieldButton } from './src/InfieldButton.js';\n\ncustomElements.define('sp-infield-button', InfieldButton);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-infield-button': InfieldButton;\n    }\n}\n"],
+  "mappings": "aAWA,OAAS,iBAAAA,MAAqB,yBAE9B,eAAe,OAAO,oBAAqBA,CAAa",
+  "names": ["InfieldButton"]
+}

package/src/InfieldButton.d.ts

@@ -0,0 +1,25 @@
+import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
+import { ButtonBase } from '@spectrum-web-components/button/src/ButtonBase.js';
+declare const InfieldButton_base: typeof ButtonBase & {
+    new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
+    prototype: import("@spectrum-web-components/base").SizedElementInterface;
+};
+/**
+ * @element sp-infield-button
+ */
+export declare class InfieldButton extends InfieldButton_base {
+    static get styles(): CSSResultArray;
+    /**
+     * Whether to style the button as if it is at the start or end of a vertical stack
+     * @type {'start' | 'end'}
+     */
+    block?: 'start' | 'end';
+    /**
+     * Whether to style the button as if it is at the start or end of a horizontal group
+     * @type {'start' | 'end'}
+     */
+    inline?: 'start' | 'end';
+    quiet: boolean;
+    protected get buttonContent(): TemplateResult[];
+}
+export {};

package/src/InfieldButton.dev.js

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  SizedMixin
+} from "@spectrum-web-components/base";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import { ButtonBase } from "@spectrum-web-components/button/src/ButtonBase.js";
+import styles from "./infield-button.css.js";
+export class InfieldButton extends SizedMixin(ButtonBase, {
+  noDefaultSize: true,
+  validSizes: ["s", "m", "l", "xl"]
+}) {
+  constructor() {
+    super(...arguments);
+    this.quiet = false;
+  }
+  static get styles() {
+    return [...super.styles, styles];
+  }
+  get buttonContent() {
+    const buttonContent = html`
+            <div class="fill">
+                <slot></slot>
+            </div>
+        `;
+    return [buttonContent];
+  }
+}
+__decorateClass([
+  property()
+], InfieldButton.prototype, "block", 2);
+__decorateClass([
+  property()
+], InfieldButton.prototype, "inline", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], InfieldButton.prototype, "quiet", 2);
+//# sourceMappingURL=InfieldButton.dev.js.map

package/src/InfieldButton.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["InfieldButton.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 {\n    CSSResultArray,\n    html,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { ButtonBase } from '@spectrum-web-components/button/src/ButtonBase.js';\n\nimport styles from './infield-button.css.js';\n\n/**\n * @element sp-infield-button\n */\nexport class InfieldButton extends SizedMixin(ButtonBase, {\n    noDefaultSize: true,\n    validSizes: ['s', 'm', 'l', 'xl'],\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, styles];\n    }\n\n    /**\n     * Whether to style the button as if it is at the start or end of a vertical stack\n     * @type {'start' | 'end'}\n     */\n    @property()\n    block?: 'start' | 'end';\n\n    /**\n     * Whether to style the button as if it is at the start or end of a horizontal group\n     * @type {'start' | 'end'}\n     */\n    @property()\n    inline?: 'start' | 'end';\n\n    @property({ type: Boolean, reflect: true })\n    quiet = false;\n\n    protected override get buttonContent(): TemplateResult[] {\n        const buttonContent = html`\n            <div class=\"fill\">\n                <slot></slot>\n            </div>\n        `;\n        return [buttonContent];\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAWA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAE3B,OAAO,YAAY;AAKZ,aAAM,sBAAsB,WAAW,YAAY;AAAA,EACtD,eAAe;AAAA,EACf,YAAY,CAAC,KAAK,KAAK,KAAK,IAAI;AACpC,CAAC,EAAE;AAAA,EAHI;AAAA;AAuBH,iBAAQ;AAAA;AAAA,EAnBR,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,MAAM;AAAA,EACnC;AAAA,EAmBA,IAAuB,gBAAkC;AACrD,UAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAKtB,WAAO,CAAC,aAAa;AAAA,EACzB;AACJ;AApBI;AAAA,EADC,SAAS;AAAA,GAZD,cAaT;AAOA;AAAA,EADC,SAAS;AAAA,GAnBD,cAoBT;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAtBjC,cAuBT;",
+  "names": []
+}

package/src/InfieldButton.js

@@ -0,0 +1,6 @@
+"use strict";var u=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var o=(l,e,r,s)=>{for(var t=s>1?void 0:s?p(e,r):e,i=l.length-1,n;i>=0;i--)(n=l[i])&&(t=(s?n(e,r,t):n(t))||t);return s&&t&&u(e,r,t),t};import{html as m,SizedMixin as c}from"@spectrum-web-components/base";import{property as a}from"@spectrum-web-components/base/src/decorators.js";import{ButtonBase as d}from"@spectrum-web-components/button/src/ButtonBase.js";import y from"./infield-button.css.js";export class InfieldButton extends c(d,{noDefaultSize:!0,validSizes:["s","m","l","xl"]}){constructor(){super(...arguments);this.quiet=!1}static get styles(){return[...super.styles,y]}get buttonContent(){return[m`
+            <div class="fill">
+                <slot></slot>
+            </div>
+        `]}}o([a()],InfieldButton.prototype,"block",2),o([a()],InfieldButton.prototype,"inline",2),o([a({type:Boolean,reflect:!0})],InfieldButton.prototype,"quiet",2);
+//# sourceMappingURL=InfieldButton.js.map

package/src/InfieldButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["InfieldButton.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 {\n    CSSResultArray,\n    html,\n    SizedMixin,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { ButtonBase } from '@spectrum-web-components/button/src/ButtonBase.js';\n\nimport styles from './infield-button.css.js';\n\n/**\n * @element sp-infield-button\n */\nexport class InfieldButton extends SizedMixin(ButtonBase, {\n    noDefaultSize: true,\n    validSizes: ['s', 'm', 'l', 'xl'],\n}) {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, styles];\n    }\n\n    /**\n     * Whether to style the button as if it is at the start or end of a vertical stack\n     * @type {'start' | 'end'}\n     */\n    @property()\n    block?: 'start' | 'end';\n\n    /**\n     * Whether to style the button as if it is at the start or end of a horizontal group\n     * @type {'start' | 'end'}\n     */\n    @property()\n    inline?: 'start' | 'end';\n\n    @property({ type: Boolean, reflect: true })\n    quiet = false;\n\n    protected override get buttonContent(): TemplateResult[] {\n        const buttonContent = html`\n            <div class=\"fill\">\n                <slot></slot>\n            </div>\n        `;\n        return [buttonContent];\n    }\n}\n"],
+  "mappings": "qNAWA,OAEI,QAAAA,EACA,cAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAS,cAAAC,MAAkB,oDAE3B,OAAOC,MAAY,0BAKZ,aAAM,sBAAsBH,EAAWE,EAAY,CACtD,cAAe,GACf,WAAY,CAAC,IAAK,IAAK,IAAK,IAAI,CACpC,CAAC,CAAE,CAHI,kCAuBH,WAAQ,GAnBR,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQC,CAAM,CACnC,CAmBA,IAAuB,eAAkC,CAMrD,MAAO,CALeJ;AAAA;AAAA;AAAA;AAAA,SAKD,CACzB,CACJ,CApBIK,EAAA,CADCH,EAAS,GAZD,cAaT,qBAOAG,EAAA,CADCH,EAAS,GAnBD,cAoBT,sBAGAG,EAAA,CADCH,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAtBjC,cAuBT",
+  "names": ["html", "SizedMixin", "property", "ButtonBase", "styles", "__decorateClass"]
+}

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-overrides.css.d.ts

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

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

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    :host{--spectrum-infield-button-border-width:var(--system-infield-button-border-width);--spectrum-infield-button-border-color:var(--system-infield-button-border-color);--spectrum-infield-button-border-radius:var(--system-infield-button-border-radius);--spectrum-infield-button-border-radius-reset:var(--system-infield-button-border-radius-reset);--spectrum-infield-button-stacked-top-border-radius-start-start:var(--system-infield-button-stacked-top-border-radius-start-start);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(--system-infield-button-stacked-bottom-border-radius-end-start);--spectrum-infield-button-background-color:var(--system-infield-button-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-background-color-key-focus);--spectrum-infield-button-height:var(--system-infield-button-height);--spectrum-infield-button-width:var(--system-infield-button-width);--spectrum-infield-button-stacked-border-radius-reset:var(--system-infield-button-stacked-border-radius-reset);--spectrum-infield-button-edge-to-fill:var(--system-infield-button-edge-to-fill);--spectrum-infield-button-inner-edge-to-fill:var(--system-infield-button-inner-edge-to-fill);--spectrum-infield-button-fill-padding:var(--system-infield-button-fill-padding);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-stacked-fill-padding-inner);--spectrum-infield-button-animation-duration:var(--system-infield-button-animation-duration);--spectrum-infield-button-icon-color:var(--system-infield-button-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-icon-color-key-focus);--spectrum-infield-button-fill-justify-content:var(--system-infield-button-fill-justify-content)}:host([disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-disabled-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-disabled-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-disabled-background-color-down);--spectrum-infield-button-border-color:var(--system-infield-button-disabled-border-color);--spectrum-infield-button-icon-color:var(--system-infield-button-disabled-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-disabled-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-disabled-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-disabled-icon-color-key-focus)}:host([size=s]){--spectrum-infield-button-height:var(--system-infield-button-size-s-height);--spectrum-infield-button-width:var(--system-infield-button-size-s-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-s-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-s-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-s-stacked-fill-padding-inner)}:host([size=l]){--spectrum-infield-button-height:var(--system-infield-button-size-l-height);--spectrum-infield-button-width:var(--system-infield-button-size-l-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-l-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-l-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-l-stacked-fill-padding-inner)}:host([size=xl]){--spectrum-infield-button-height:var(--system-infield-button-size-xl-height);--spectrum-infield-button-width:var(--system-infield-button-size-xl-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-xl-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-xl-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-xl-stacked-fill-padding-inner)}:host([block=start]){--spectrum-infield-button-width:var(--system-infield-button-top-width)}:host([block=end]){--spectrum-infield-button-width:var(--system-infield-button-bottom-width)}:host([block=start][size=s]){--spectrum-infield-button-width:var(--system-infield-button-top-size-s-width)}:host([block=end][size=s]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-s-width)}:host([block=start][size=l]){--spectrum-infield-button-width:var(--system-infield-button-top-size-l-width)}:host([block=end][size=l]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-l-width)}:host([block=start][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-top-size-xl-width)}:host([block=end][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-xl-width)}:host([quiet]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-quiet-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-quiet-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-quiet-background-color-key-focus);--spectrum-infield-border-color:var(--system-infield-button-quiet-infield-border-color);--spectrum-infield-button-border-width:var(--system-infield-button-quiet-border-width)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-disabled-background-color);--spectrum-infield-button-border-color:var(--system-infield-button-quiet-disabled-border-color)}
+`;
+export default styles;
+//# sourceMappingURL=infield-button-overrides.css.dev.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["infield-button-overrides.css.ts"],
+  "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-border-width:var(--system-infield-button-border-width);--spectrum-infield-button-border-color:var(--system-infield-button-border-color);--spectrum-infield-button-border-radius:var(--system-infield-button-border-radius);--spectrum-infield-button-border-radius-reset:var(--system-infield-button-border-radius-reset);--spectrum-infield-button-stacked-top-border-radius-start-start:var(--system-infield-button-stacked-top-border-radius-start-start);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(--system-infield-button-stacked-bottom-border-radius-end-start);--spectrum-infield-button-background-color:var(--system-infield-button-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-background-color-key-focus);--spectrum-infield-button-height:var(--system-infield-button-height);--spectrum-infield-button-width:var(--system-infield-button-width);--spectrum-infield-button-stacked-border-radius-reset:var(--system-infield-button-stacked-border-radius-reset);--spectrum-infield-button-edge-to-fill:var(--system-infield-button-edge-to-fill);--spectrum-infield-button-inner-edge-to-fill:var(--system-infield-button-inner-edge-to-fill);--spectrum-infield-button-fill-padding:var(--system-infield-button-fill-padding);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-stacked-fill-padding-inner);--spectrum-infield-button-animation-duration:var(--system-infield-button-animation-duration);--spectrum-infield-button-icon-color:var(--system-infield-button-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-icon-color-key-focus);--spectrum-infield-button-fill-justify-content:var(--system-infield-button-fill-justify-content)}:host([disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-disabled-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-disabled-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-disabled-background-color-down);--spectrum-infield-button-border-color:var(--system-infield-button-disabled-border-color);--spectrum-infield-button-icon-color:var(--system-infield-button-disabled-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-disabled-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-disabled-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-disabled-icon-color-key-focus)}:host([size=s]){--spectrum-infield-button-height:var(--system-infield-button-size-s-height);--spectrum-infield-button-width:var(--system-infield-button-size-s-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-s-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-s-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-s-stacked-fill-padding-inner)}:host([size=l]){--spectrum-infield-button-height:var(--system-infield-button-size-l-height);--spectrum-infield-button-width:var(--system-infield-button-size-l-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-l-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-l-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-l-stacked-fill-padding-inner)}:host([size=xl]){--spectrum-infield-button-height:var(--system-infield-button-size-xl-height);--spectrum-infield-button-width:var(--system-infield-button-size-xl-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-xl-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-xl-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-xl-stacked-fill-padding-inner)}:host([block=start]){--spectrum-infield-button-width:var(--system-infield-button-top-width)}:host([block=end]){--spectrum-infield-button-width:var(--system-infield-button-bottom-width)}:host([block=start][size=s]){--spectrum-infield-button-width:var(--system-infield-button-top-size-s-width)}:host([block=end][size=s]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-s-width)}:host([block=start][size=l]){--spectrum-infield-button-width:var(--system-infield-button-top-size-l-width)}:host([block=end][size=l]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-l-width)}:host([block=start][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-top-size-xl-width)}:host([block=end][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-xl-width)}:host([quiet]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-quiet-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-quiet-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-quiet-background-color-key-focus);--spectrum-infield-border-color:var(--system-infield-button-quiet-infield-border-color);--spectrum-infield-button-border-width:var(--system-infield-button-quiet-border-width)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-disabled-background-color);--spectrum-infield-button-border-color:var(--system-infield-button-quiet-disabled-border-color)}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

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

@@ -0,0 +1,4 @@
+"use strict";import{css as t}from"@spectrum-web-components/base";const i=t`
+    :host{--spectrum-infield-button-border-width:var(--system-infield-button-border-width);--spectrum-infield-button-border-color:var(--system-infield-button-border-color);--spectrum-infield-button-border-radius:var(--system-infield-button-border-radius);--spectrum-infield-button-border-radius-reset:var(--system-infield-button-border-radius-reset);--spectrum-infield-button-stacked-top-border-radius-start-start:var(--system-infield-button-stacked-top-border-radius-start-start);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(--system-infield-button-stacked-bottom-border-radius-end-start);--spectrum-infield-button-background-color:var(--system-infield-button-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-background-color-key-focus);--spectrum-infield-button-height:var(--system-infield-button-height);--spectrum-infield-button-width:var(--system-infield-button-width);--spectrum-infield-button-stacked-border-radius-reset:var(--system-infield-button-stacked-border-radius-reset);--spectrum-infield-button-edge-to-fill:var(--system-infield-button-edge-to-fill);--spectrum-infield-button-inner-edge-to-fill:var(--system-infield-button-inner-edge-to-fill);--spectrum-infield-button-fill-padding:var(--system-infield-button-fill-padding);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-stacked-fill-padding-inner);--spectrum-infield-button-animation-duration:var(--system-infield-button-animation-duration);--spectrum-infield-button-icon-color:var(--system-infield-button-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-icon-color-key-focus);--spectrum-infield-button-fill-justify-content:var(--system-infield-button-fill-justify-content)}:host([disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-disabled-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-disabled-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-disabled-background-color-down);--spectrum-infield-button-border-color:var(--system-infield-button-disabled-border-color);--spectrum-infield-button-icon-color:var(--system-infield-button-disabled-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-disabled-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-disabled-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-disabled-icon-color-key-focus)}:host([size=s]){--spectrum-infield-button-height:var(--system-infield-button-size-s-height);--spectrum-infield-button-width:var(--system-infield-button-size-s-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-s-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-s-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-s-stacked-fill-padding-inner)}:host([size=l]){--spectrum-infield-button-height:var(--system-infield-button-size-l-height);--spectrum-infield-button-width:var(--system-infield-button-size-l-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-l-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-l-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-l-stacked-fill-padding-inner)}:host([size=xl]){--spectrum-infield-button-height:var(--system-infield-button-size-xl-height);--spectrum-infield-button-width:var(--system-infield-button-size-xl-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-xl-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-xl-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-xl-stacked-fill-padding-inner)}:host([block=start]){--spectrum-infield-button-width:var(--system-infield-button-top-width)}:host([block=end]){--spectrum-infield-button-width:var(--system-infield-button-bottom-width)}:host([block=start][size=s]){--spectrum-infield-button-width:var(--system-infield-button-top-size-s-width)}:host([block=end][size=s]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-s-width)}:host([block=start][size=l]){--spectrum-infield-button-width:var(--system-infield-button-top-size-l-width)}:host([block=end][size=l]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-l-width)}:host([block=start][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-top-size-xl-width)}:host([block=end][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-xl-width)}:host([quiet]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-quiet-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-quiet-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-quiet-background-color-key-focus);--spectrum-infield-border-color:var(--system-infield-button-quiet-infield-border-color);--spectrum-infield-button-border-width:var(--system-infield-button-quiet-border-width)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-disabled-background-color);--spectrum-infield-button-border-color:var(--system-infield-button-quiet-disabled-border-color)}
+`;export default i;
+//# sourceMappingURL=infield-button-overrides.css.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["infield-button-overrides.css.ts"],
+  "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-border-width:var(--system-infield-button-border-width);--spectrum-infield-button-border-color:var(--system-infield-button-border-color);--spectrum-infield-button-border-radius:var(--system-infield-button-border-radius);--spectrum-infield-button-border-radius-reset:var(--system-infield-button-border-radius-reset);--spectrum-infield-button-stacked-top-border-radius-start-start:var(--system-infield-button-stacked-top-border-radius-start-start);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(--system-infield-button-stacked-bottom-border-radius-end-start);--spectrum-infield-button-background-color:var(--system-infield-button-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-background-color-key-focus);--spectrum-infield-button-height:var(--system-infield-button-height);--spectrum-infield-button-width:var(--system-infield-button-width);--spectrum-infield-button-stacked-border-radius-reset:var(--system-infield-button-stacked-border-radius-reset);--spectrum-infield-button-edge-to-fill:var(--system-infield-button-edge-to-fill);--spectrum-infield-button-inner-edge-to-fill:var(--system-infield-button-inner-edge-to-fill);--spectrum-infield-button-fill-padding:var(--system-infield-button-fill-padding);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-stacked-fill-padding-inner);--spectrum-infield-button-animation-duration:var(--system-infield-button-animation-duration);--spectrum-infield-button-icon-color:var(--system-infield-button-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-icon-color-key-focus);--spectrum-infield-button-fill-justify-content:var(--system-infield-button-fill-justify-content)}:host([disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-disabled-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-disabled-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-disabled-background-color-down);--spectrum-infield-button-border-color:var(--system-infield-button-disabled-border-color);--spectrum-infield-button-icon-color:var(--system-infield-button-disabled-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-disabled-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-disabled-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-disabled-icon-color-key-focus)}:host([size=s]){--spectrum-infield-button-height:var(--system-infield-button-size-s-height);--spectrum-infield-button-width:var(--system-infield-button-size-s-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-s-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-s-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-s-stacked-fill-padding-inner)}:host([size=l]){--spectrum-infield-button-height:var(--system-infield-button-size-l-height);--spectrum-infield-button-width:var(--system-infield-button-size-l-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-l-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-l-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-l-stacked-fill-padding-inner)}:host([size=xl]){--spectrum-infield-button-height:var(--system-infield-button-size-xl-height);--spectrum-infield-button-width:var(--system-infield-button-size-xl-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-xl-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-xl-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-xl-stacked-fill-padding-inner)}:host([block=start]){--spectrum-infield-button-width:var(--system-infield-button-top-width)}:host([block=end]){--spectrum-infield-button-width:var(--system-infield-button-bottom-width)}:host([block=start][size=s]){--spectrum-infield-button-width:var(--system-infield-button-top-size-s-width)}:host([block=end][size=s]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-s-width)}:host([block=start][size=l]){--spectrum-infield-button-width:var(--system-infield-button-top-size-l-width)}:host([block=end][size=l]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-l-width)}:host([block=start][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-top-size-xl-width)}:host([block=end][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-xl-width)}:host([quiet]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-quiet-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-quiet-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-quiet-background-color-key-focus);--spectrum-infield-border-color:var(--system-infield-button-quiet-infield-border-color);--spectrum-infield-button-border-width:var(--system-infield-button-quiet-border-width)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-disabled-background-color);--spectrum-infield-button-border-color:var(--system-infield-button-quiet-disabled-border-color)}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

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,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    @media (forced-colors:active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{background-color:initial;cursor:pointer;block-size:var(--mod-infield-button-height,var(--spectrum-infield-button-height));inline-size:var(--mod-infield-button-width,var(--spectrum-infield-button-width));padding:var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill));border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--mod-infield-button-background-color,var(--spectrum-infield-button-background-color));border-width:var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)));padding:var(--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding));border-start-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-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))}::slotted(*){color:var(--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--spectrum-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]){--spectrum-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]){--spectrum-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]){--spectrum-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large))}:host([quiet]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet,transparent);--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-quiet,transparent);--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-quiet,transparent);--spectrum-infield-button-background-color-key-focus:var(--mod-infield-button-background-color-key-focus-quiet,transparent);--spectrum-infield-border-color:var(--mod-infield-border-color-quiet,transparent);--spectrum-infield-button-border-width:var(--mod-infield-button-border-width-quiet,0)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet-disabled,transparent);--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-quiet-disabled,transparent)}:host([disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-icon-color:var(--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-hover:var(--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-down:var(--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-key-focus:var(--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color));cursor:auto}@media (hover:hover){: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(:is(:active,[active])) .fill{background-color:var(--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down))}:host(:focus-visible){outline:none}: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(*){color:var(--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content));display:flex}: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-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)));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)))}: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-start-start-radius:var(--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start));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));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)));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)))}: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-block-end-width:var(--mod-infield-button-stacked-bottom-border-block-end-width,var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));border-start-start-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-start-end-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-end-end-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-end,var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)));border-end-start-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start));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)));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)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(--system-infield-button-border-width);--spectrum-infield-button-border-color:var(--system-infield-button-border-color);--spectrum-infield-button-border-radius:var(--system-infield-button-border-radius);--spectrum-infield-button-border-radius-reset:var(--system-infield-button-border-radius-reset);--spectrum-infield-button-stacked-top-border-radius-start-start:var(--system-infield-button-stacked-top-border-radius-start-start);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(--system-infield-button-stacked-bottom-border-radius-end-start);--spectrum-infield-button-background-color:var(--system-infield-button-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-background-color-key-focus);--spectrum-infield-button-height:var(--system-infield-button-height);--spectrum-infield-button-width:var(--system-infield-button-width);--spectrum-infield-button-stacked-border-radius-reset:var(--system-infield-button-stacked-border-radius-reset);--spectrum-infield-button-edge-to-fill:var(--system-infield-button-edge-to-fill);--spectrum-infield-button-inner-edge-to-fill:var(--system-infield-button-inner-edge-to-fill);--spectrum-infield-button-fill-padding:var(--system-infield-button-fill-padding);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-stacked-fill-padding-inner);--spectrum-infield-button-animation-duration:var(--system-infield-button-animation-duration);--spectrum-infield-button-icon-color:var(--system-infield-button-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-icon-color-key-focus);--spectrum-infield-button-fill-justify-content:var(--system-infield-button-fill-justify-content)}:host([disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-disabled-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-disabled-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-disabled-background-color-down);--spectrum-infield-button-border-color:var(--system-infield-button-disabled-border-color);--spectrum-infield-button-icon-color:var(--system-infield-button-disabled-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-disabled-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-disabled-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-disabled-icon-color-key-focus)}:host([size=s]){--spectrum-infield-button-height:var(--system-infield-button-size-s-height);--spectrum-infield-button-width:var(--system-infield-button-size-s-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-s-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-s-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-s-stacked-fill-padding-inner)}:host([size=l]){--spectrum-infield-button-height:var(--system-infield-button-size-l-height);--spectrum-infield-button-width:var(--system-infield-button-size-l-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-l-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-l-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-l-stacked-fill-padding-inner)}:host([size=xl]){--spectrum-infield-button-height:var(--system-infield-button-size-xl-height);--spectrum-infield-button-width:var(--system-infield-button-size-xl-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-xl-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-xl-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-xl-stacked-fill-padding-inner)}:host([block=start]){--spectrum-infield-button-width:var(--system-infield-button-top-width)}:host([block=end]){--spectrum-infield-button-width:var(--system-infield-button-bottom-width)}:host([block=start][size=s]){--spectrum-infield-button-width:var(--system-infield-button-top-size-s-width)}:host([block=end][size=s]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-s-width)}:host([block=start][size=l]){--spectrum-infield-button-width:var(--system-infield-button-top-size-l-width)}:host([block=end][size=l]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-l-width)}:host([block=start][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-top-size-xl-width)}:host([block=end][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-xl-width)}:host([quiet]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-quiet-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-quiet-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-quiet-background-color-key-focus);--spectrum-infield-border-color:var(--system-infield-button-quiet-infield-border-color);--spectrum-infield-button-border-width:var(--system-infield-button-quiet-border-width)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-disabled-background-color);--spectrum-infield-button-border-color:var(--system-infield-button-quiet-disabled-border-color)}:host{box-sizing:border-box;user-select:none}::slotted(*){--spectrum-icon-size:inherit}
+`;
+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 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    @media (forced-colors:active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{background-color:initial;cursor:pointer;block-size:var(--mod-infield-button-height,var(--spectrum-infield-button-height));inline-size:var(--mod-infield-button-width,var(--spectrum-infield-button-width));padding:var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill));border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--mod-infield-button-background-color,var(--spectrum-infield-button-background-color));border-width:var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)));padding:var(--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding));border-start-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-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))}::slotted(*){color:var(--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--spectrum-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]){--spectrum-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]){--spectrum-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]){--spectrum-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large))}:host([quiet]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet,transparent);--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-quiet,transparent);--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-quiet,transparent);--spectrum-infield-button-background-color-key-focus:var(--mod-infield-button-background-color-key-focus-quiet,transparent);--spectrum-infield-border-color:var(--mod-infield-border-color-quiet,transparent);--spectrum-infield-button-border-width:var(--mod-infield-button-border-width-quiet,0)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet-disabled,transparent);--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-quiet-disabled,transparent)}:host([disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-icon-color:var(--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-hover:var(--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-down:var(--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-key-focus:var(--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color));cursor:auto}@media (hover:hover){: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(:is(:active,[active])) .fill{background-color:var(--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down))}:host(:focus-visible){outline:none}: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(*){color:var(--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content));display:flex}: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-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)));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)))}: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-start-start-radius:var(--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start));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));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)));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)))}: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-block-end-width:var(--mod-infield-button-stacked-bottom-border-block-end-width,var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));border-start-start-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-start-end-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-end-end-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-end,var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)));border-end-start-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start));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)));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)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(--system-infield-button-border-width);--spectrum-infield-button-border-color:var(--system-infield-button-border-color);--spectrum-infield-button-border-radius:var(--system-infield-button-border-radius);--spectrum-infield-button-border-radius-reset:var(--system-infield-button-border-radius-reset);--spectrum-infield-button-stacked-top-border-radius-start-start:var(--system-infield-button-stacked-top-border-radius-start-start);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(--system-infield-button-stacked-bottom-border-radius-end-start);--spectrum-infield-button-background-color:var(--system-infield-button-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-background-color-key-focus);--spectrum-infield-button-height:var(--system-infield-button-height);--spectrum-infield-button-width:var(--system-infield-button-width);--spectrum-infield-button-stacked-border-radius-reset:var(--system-infield-button-stacked-border-radius-reset);--spectrum-infield-button-edge-to-fill:var(--system-infield-button-edge-to-fill);--spectrum-infield-button-inner-edge-to-fill:var(--system-infield-button-inner-edge-to-fill);--spectrum-infield-button-fill-padding:var(--system-infield-button-fill-padding);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-stacked-fill-padding-inner);--spectrum-infield-button-animation-duration:var(--system-infield-button-animation-duration);--spectrum-infield-button-icon-color:var(--system-infield-button-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-icon-color-key-focus);--spectrum-infield-button-fill-justify-content:var(--system-infield-button-fill-justify-content)}:host([disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-disabled-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-disabled-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-disabled-background-color-down);--spectrum-infield-button-border-color:var(--system-infield-button-disabled-border-color);--spectrum-infield-button-icon-color:var(--system-infield-button-disabled-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-disabled-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-disabled-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-disabled-icon-color-key-focus)}:host([size=s]){--spectrum-infield-button-height:var(--system-infield-button-size-s-height);--spectrum-infield-button-width:var(--system-infield-button-size-s-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-s-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-s-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-s-stacked-fill-padding-inner)}:host([size=l]){--spectrum-infield-button-height:var(--system-infield-button-size-l-height);--spectrum-infield-button-width:var(--system-infield-button-size-l-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-l-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-l-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-l-stacked-fill-padding-inner)}:host([size=xl]){--spectrum-infield-button-height:var(--system-infield-button-size-xl-height);--spectrum-infield-button-width:var(--system-infield-button-size-xl-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-xl-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-xl-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-xl-stacked-fill-padding-inner)}:host([block=start]){--spectrum-infield-button-width:var(--system-infield-button-top-width)}:host([block=end]){--spectrum-infield-button-width:var(--system-infield-button-bottom-width)}:host([block=start][size=s]){--spectrum-infield-button-width:var(--system-infield-button-top-size-s-width)}:host([block=end][size=s]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-s-width)}:host([block=start][size=l]){--spectrum-infield-button-width:var(--system-infield-button-top-size-l-width)}:host([block=end][size=l]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-l-width)}:host([block=start][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-top-size-xl-width)}:host([block=end][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-xl-width)}:host([quiet]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-quiet-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-quiet-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-quiet-background-color-key-focus);--spectrum-infield-border-color:var(--system-infield-button-quiet-infield-border-color);--spectrum-infield-button-border-width:var(--system-infield-button-quiet-border-width)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-disabled-background-color);--spectrum-infield-button-border-color:var(--system-infield-button-quiet-disabled-border-color)}:host{box-sizing:border-box;user-select:none}::slotted(*){--spectrum-icon-size:inherit}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/infield-button.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as t}from"@spectrum-web-components/base";const i=t`
+    @media (forced-colors:active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{background-color:initial;cursor:pointer;block-size:var(--mod-infield-button-height,var(--spectrum-infield-button-height));inline-size:var(--mod-infield-button-width,var(--spectrum-infield-button-width));padding:var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill));border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--mod-infield-button-background-color,var(--spectrum-infield-button-background-color));border-width:var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)));padding:var(--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding));border-start-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-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))}::slotted(*){color:var(--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--spectrum-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]){--spectrum-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]){--spectrum-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]){--spectrum-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large))}:host([quiet]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet,transparent);--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-quiet,transparent);--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-quiet,transparent);--spectrum-infield-button-background-color-key-focus:var(--mod-infield-button-background-color-key-focus-quiet,transparent);--spectrum-infield-border-color:var(--mod-infield-border-color-quiet,transparent);--spectrum-infield-button-border-width:var(--mod-infield-button-border-width-quiet,0)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet-disabled,transparent);--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-quiet-disabled,transparent)}:host([disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-icon-color:var(--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-hover:var(--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-down:var(--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-key-focus:var(--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color));cursor:auto}@media (hover:hover){: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(:is(:active,[active])) .fill{background-color:var(--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down))}:host(:focus-visible){outline:none}: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(*){color:var(--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content));display:flex}: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-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)));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)))}: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-start-start-radius:var(--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start));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));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)));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)))}: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-block-end-width:var(--mod-infield-button-stacked-bottom-border-block-end-width,var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));border-start-start-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-start-end-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-end-end-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-end,var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)));border-end-start-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start));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)));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)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(--system-infield-button-border-width);--spectrum-infield-button-border-color:var(--system-infield-button-border-color);--spectrum-infield-button-border-radius:var(--system-infield-button-border-radius);--spectrum-infield-button-border-radius-reset:var(--system-infield-button-border-radius-reset);--spectrum-infield-button-stacked-top-border-radius-start-start:var(--system-infield-button-stacked-top-border-radius-start-start);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(--system-infield-button-stacked-bottom-border-radius-end-start);--spectrum-infield-button-background-color:var(--system-infield-button-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-background-color-key-focus);--spectrum-infield-button-height:var(--system-infield-button-height);--spectrum-infield-button-width:var(--system-infield-button-width);--spectrum-infield-button-stacked-border-radius-reset:var(--system-infield-button-stacked-border-radius-reset);--spectrum-infield-button-edge-to-fill:var(--system-infield-button-edge-to-fill);--spectrum-infield-button-inner-edge-to-fill:var(--system-infield-button-inner-edge-to-fill);--spectrum-infield-button-fill-padding:var(--system-infield-button-fill-padding);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-stacked-fill-padding-inner);--spectrum-infield-button-animation-duration:var(--system-infield-button-animation-duration);--spectrum-infield-button-icon-color:var(--system-infield-button-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-icon-color-key-focus);--spectrum-infield-button-fill-justify-content:var(--system-infield-button-fill-justify-content)}:host([disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-disabled-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-disabled-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-disabled-background-color-down);--spectrum-infield-button-border-color:var(--system-infield-button-disabled-border-color);--spectrum-infield-button-icon-color:var(--system-infield-button-disabled-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-disabled-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-disabled-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-disabled-icon-color-key-focus)}:host([size=s]){--spectrum-infield-button-height:var(--system-infield-button-size-s-height);--spectrum-infield-button-width:var(--system-infield-button-size-s-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-s-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-s-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-s-stacked-fill-padding-inner)}:host([size=l]){--spectrum-infield-button-height:var(--system-infield-button-size-l-height);--spectrum-infield-button-width:var(--system-infield-button-size-l-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-l-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-l-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-l-stacked-fill-padding-inner)}:host([size=xl]){--spectrum-infield-button-height:var(--system-infield-button-size-xl-height);--spectrum-infield-button-width:var(--system-infield-button-size-xl-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-xl-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-xl-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-xl-stacked-fill-padding-inner)}:host([block=start]){--spectrum-infield-button-width:var(--system-infield-button-top-width)}:host([block=end]){--spectrum-infield-button-width:var(--system-infield-button-bottom-width)}:host([block=start][size=s]){--spectrum-infield-button-width:var(--system-infield-button-top-size-s-width)}:host([block=end][size=s]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-s-width)}:host([block=start][size=l]){--spectrum-infield-button-width:var(--system-infield-button-top-size-l-width)}:host([block=end][size=l]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-l-width)}:host([block=start][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-top-size-xl-width)}:host([block=end][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-xl-width)}:host([quiet]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-quiet-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-quiet-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-quiet-background-color-key-focus);--spectrum-infield-border-color:var(--system-infield-button-quiet-infield-border-color);--spectrum-infield-button-border-width:var(--system-infield-button-quiet-border-width)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-disabled-background-color);--spectrum-infield-button-border-color:var(--system-infield-button-quiet-disabled-border-color)}:host{box-sizing:border-box;user-select:none}::slotted(*){--spectrum-icon-size:inherit}
+`;export default i;
+//# 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 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    @media (forced-colors:active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{background-color:initial;cursor:pointer;block-size:var(--mod-infield-button-height,var(--spectrum-infield-button-height));inline-size:var(--mod-infield-button-width,var(--spectrum-infield-button-width));padding:var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill));border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--mod-infield-button-background-color,var(--spectrum-infield-button-background-color));border-width:var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)));padding:var(--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding));border-start-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-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))}::slotted(*){color:var(--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--spectrum-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]){--spectrum-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]){--spectrum-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]){--spectrum-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large))}:host([quiet]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet,transparent);--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-quiet,transparent);--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-quiet,transparent);--spectrum-infield-button-background-color-key-focus:var(--mod-infield-button-background-color-key-focus-quiet,transparent);--spectrum-infield-border-color:var(--mod-infield-border-color-quiet,transparent);--spectrum-infield-button-border-width:var(--mod-infield-button-border-width-quiet,0)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet-disabled,transparent);--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-quiet-disabled,transparent)}:host([disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-icon-color:var(--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-hover:var(--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-down:var(--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-key-focus:var(--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color));cursor:auto}@media (hover:hover){: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(:is(:active,[active])) .fill{background-color:var(--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down))}:host(:focus-visible){outline:none}: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(*){color:var(--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content));display:flex}: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-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)));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)))}: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-start-start-radius:var(--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start));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));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)));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)))}: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-block-end-width:var(--mod-infield-button-stacked-bottom-border-block-end-width,var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));border-start-start-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-start-end-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-end-end-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-end,var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)));border-end-start-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start));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)));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)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(--system-infield-button-border-width);--spectrum-infield-button-border-color:var(--system-infield-button-border-color);--spectrum-infield-button-border-radius:var(--system-infield-button-border-radius);--spectrum-infield-button-border-radius-reset:var(--system-infield-button-border-radius-reset);--spectrum-infield-button-stacked-top-border-radius-start-start:var(--system-infield-button-stacked-top-border-radius-start-start);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(--system-infield-button-stacked-bottom-border-radius-end-start);--spectrum-infield-button-background-color:var(--system-infield-button-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-background-color-key-focus);--spectrum-infield-button-height:var(--system-infield-button-height);--spectrum-infield-button-width:var(--system-infield-button-width);--spectrum-infield-button-stacked-border-radius-reset:var(--system-infield-button-stacked-border-radius-reset);--spectrum-infield-button-edge-to-fill:var(--system-infield-button-edge-to-fill);--spectrum-infield-button-inner-edge-to-fill:var(--system-infield-button-inner-edge-to-fill);--spectrum-infield-button-fill-padding:var(--system-infield-button-fill-padding);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-stacked-fill-padding-inner);--spectrum-infield-button-animation-duration:var(--system-infield-button-animation-duration);--spectrum-infield-button-icon-color:var(--system-infield-button-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-icon-color-key-focus);--spectrum-infield-button-fill-justify-content:var(--system-infield-button-fill-justify-content)}:host([disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-disabled-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-disabled-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-disabled-background-color-down);--spectrum-infield-button-border-color:var(--system-infield-button-disabled-border-color);--spectrum-infield-button-icon-color:var(--system-infield-button-disabled-icon-color);--spectrum-infield-button-icon-color-hover:var(--system-infield-button-disabled-icon-color-hover);--spectrum-infield-button-icon-color-down:var(--system-infield-button-disabled-icon-color-down);--spectrum-infield-button-icon-color-key-focus:var(--system-infield-button-disabled-icon-color-key-focus)}:host([size=s]){--spectrum-infield-button-height:var(--system-infield-button-size-s-height);--spectrum-infield-button-width:var(--system-infield-button-size-s-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-s-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-s-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-s-stacked-fill-padding-inner)}:host([size=l]){--spectrum-infield-button-height:var(--system-infield-button-size-l-height);--spectrum-infield-button-width:var(--system-infield-button-size-l-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-l-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-l-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-l-stacked-fill-padding-inner)}:host([size=xl]){--spectrum-infield-button-height:var(--system-infield-button-size-xl-height);--spectrum-infield-button-width:var(--system-infield-button-size-xl-width);--spectrum-infield-button-stacked-fill-padding-inline:var(--system-infield-button-size-xl-stacked-fill-padding-inline);--spectrum-infield-button-stacked-fill-padding-outer:var(--system-infield-button-size-xl-stacked-fill-padding-outer);--spectrum-infield-button-stacked-fill-padding-inner:var(--system-infield-button-size-xl-stacked-fill-padding-inner)}:host([block=start]){--spectrum-infield-button-width:var(--system-infield-button-top-width)}:host([block=end]){--spectrum-infield-button-width:var(--system-infield-button-bottom-width)}:host([block=start][size=s]){--spectrum-infield-button-width:var(--system-infield-button-top-size-s-width)}:host([block=end][size=s]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-s-width)}:host([block=start][size=l]){--spectrum-infield-button-width:var(--system-infield-button-top-size-l-width)}:host([block=end][size=l]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-l-width)}:host([block=start][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-top-size-xl-width)}:host([block=end][size=xl]){--spectrum-infield-button-width:var(--system-infield-button-bottom-size-xl-width)}:host([quiet]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-quiet-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-quiet-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-quiet-background-color-key-focus);--spectrum-infield-border-color:var(--system-infield-button-quiet-infield-border-color);--spectrum-infield-button-border-width:var(--system-infield-button-quiet-border-width)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--system-infield-button-quiet-disabled-background-color);--spectrum-infield-button-border-color:var(--system-infield-button-quiet-disabled-border-color)}:host{box-sizing:border-box;user-select:none}::slotted(*){--spectrum-icon-size:inherit}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/src/spectrum-config.js

@@ -0,0 +1,85 @@
+/*
+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'
+                ),
+                {
+                    find: {
+                        type: 'pseudo-class',
+                        kind: 'active',
+                    },
+                    replace: {
+                        type: 'pseudo-class',
+                        kind: 'is',
+                        selectors: [
+                            [
+                                {
+                                    type: 'pseudo-class',
+                                    kind: 'active',
+                                },
+                            ],
+                            [
+                                {
+                                    type: 'attribute',
+                                    name: 'active',
+                                },
+                            ],
+                        ],
+                    },
+                    hoist: true,
+                },
+                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;

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

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    @media (forced-colors:active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{background-color:initial;cursor:pointer;block-size:var(--mod-infield-button-height,var(--spectrum-infield-button-height));inline-size:var(--mod-infield-button-width,var(--spectrum-infield-button-width));padding:var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill));border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--mod-infield-button-background-color,var(--spectrum-infield-button-background-color));border-width:var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)));padding:var(--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding));border-start-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-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))}::slotted(*){color:var(--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--spectrum-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]){--spectrum-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]){--spectrum-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]){--spectrum-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large))}:host([quiet]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet,transparent);--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-quiet,transparent);--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-quiet,transparent);--spectrum-infield-button-background-color-key-focus:var(--mod-infield-button-background-color-key-focus-quiet,transparent);--spectrum-infield-border-color:var(--mod-infield-border-color-quiet,transparent);--spectrum-infield-button-border-width:var(--mod-infield-button-border-width-quiet,0)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet-disabled,transparent);--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-quiet-disabled,transparent)}:host([disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-icon-color:var(--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-hover:var(--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-down:var(--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-key-focus:var(--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color));cursor:auto}@media (hover:hover){: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(:is(:active,[active])) .fill{background-color:var(--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down))}:host(:focus-visible){outline:none}: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(*){color:var(--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content));display:flex}: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-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)));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)))}: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-start-start-radius:var(--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start));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));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)));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)))}: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-block-end-width:var(--mod-infield-button-stacked-bottom-border-block-end-width,var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));border-start-start-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-start-end-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-end-end-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-end,var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)));border-end-start-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start));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)));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)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}
+`;
+export default styles;
+//# sourceMappingURL=spectrum-infield-button.css.dev.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["spectrum-infield-button.css.ts"],
+  "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    @media (forced-colors:active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{background-color:initial;cursor:pointer;block-size:var(--mod-infield-button-height,var(--spectrum-infield-button-height));inline-size:var(--mod-infield-button-width,var(--spectrum-infield-button-width));padding:var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill));border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--mod-infield-button-background-color,var(--spectrum-infield-button-background-color));border-width:var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)));padding:var(--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding));border-start-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-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))}::slotted(*){color:var(--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--spectrum-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]){--spectrum-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]){--spectrum-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]){--spectrum-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large))}:host([quiet]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet,transparent);--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-quiet,transparent);--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-quiet,transparent);--spectrum-infield-button-background-color-key-focus:var(--mod-infield-button-background-color-key-focus-quiet,transparent);--spectrum-infield-border-color:var(--mod-infield-border-color-quiet,transparent);--spectrum-infield-button-border-width:var(--mod-infield-button-border-width-quiet,0)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet-disabled,transparent);--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-quiet-disabled,transparent)}:host([disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-icon-color:var(--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-hover:var(--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-down:var(--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-key-focus:var(--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color));cursor:auto}@media (hover:hover){: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(:is(:active,[active])) .fill{background-color:var(--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down))}:host(:focus-visible){outline:none}: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(*){color:var(--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content));display:flex}: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-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)));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)))}: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-start-start-radius:var(--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start));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));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)));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)))}: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-block-end-width:var(--mod-infield-button-stacked-bottom-border-block-end-width,var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));border-start-start-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-start-end-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-end-end-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-end,var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)));border-end-start-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start));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)));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)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

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

@@ -0,0 +1,4 @@
+"use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
+    @media (forced-colors:active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{background-color:initial;cursor:pointer;block-size:var(--mod-infield-button-height,var(--spectrum-infield-button-height));inline-size:var(--mod-infield-button-width,var(--spectrum-infield-button-width));padding:var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill));border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--mod-infield-button-background-color,var(--spectrum-infield-button-background-color));border-width:var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)));padding:var(--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding));border-start-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-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))}::slotted(*){color:var(--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--spectrum-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]){--spectrum-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]){--spectrum-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]){--spectrum-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large))}:host([quiet]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet,transparent);--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-quiet,transparent);--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-quiet,transparent);--spectrum-infield-button-background-color-key-focus:var(--mod-infield-button-background-color-key-focus-quiet,transparent);--spectrum-infield-border-color:var(--mod-infield-border-color-quiet,transparent);--spectrum-infield-button-border-width:var(--mod-infield-button-border-width-quiet,0)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet-disabled,transparent);--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-quiet-disabled,transparent)}:host([disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-icon-color:var(--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-hover:var(--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-down:var(--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-key-focus:var(--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color));cursor:auto}@media (hover:hover){: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(:is(:active,[active])) .fill{background-color:var(--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down))}:host(:focus-visible){outline:none}: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(*){color:var(--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content));display:flex}: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-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)));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)))}: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-start-start-radius:var(--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start));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));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)));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)))}: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-block-end-width:var(--mod-infield-button-stacked-bottom-border-block-end-width,var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));border-start-start-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-start-end-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-end-end-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-end,var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)));border-end-start-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start));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)));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)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}
+`;export default o;
+//# sourceMappingURL=spectrum-infield-button.css.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["spectrum-infield-button.css.ts"],
+  "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    @media (forced-colors:active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color:Highlight}@media (hover:hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color:Highlight}}}:host{background-color:initial;cursor:pointer;block-size:var(--mod-infield-button-height,var(--spectrum-infield-button-height));inline-size:var(--mod-infield-button-width,var(--spectrum-infield-button-width));padding:var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill));border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--mod-infield-button-background-color,var(--spectrum-infield-button-background-color));border-width:var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)));padding:var(--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding));border-start-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-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))}::slotted(*){color:var(--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--spectrum-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]){--spectrum-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]){--spectrum-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]){--spectrum-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large))}:host([quiet]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet,transparent);--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-quiet,transparent);--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-quiet,transparent);--spectrum-infield-button-background-color-key-focus:var(--mod-infield-button-background-color-key-focus-quiet,transparent);--spectrum-infield-border-color:var(--mod-infield-border-color-quiet,transparent);--spectrum-infield-button-border-width:var(--mod-infield-button-border-width-quiet,0)}:host([quiet][disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-quiet-disabled,transparent);--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-quiet-disabled,transparent)}:host([disabled]){--spectrum-infield-button-background-color:var(--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-background-color-down:var(--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-border-color:var(--mod-infield-button-border-color-disabled,var(--spectrum-disabled-background-color));--spectrum-infield-button-icon-color:var(--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-hover:var(--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-down:var(--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--spectrum-infield-button-icon-color-key-focus:var(--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color));cursor:auto}@media (hover:hover){: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(:is(:active,[active])) .fill{background-color:var(--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down))}:host(:focus-visible){outline:none}: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(*){color:var(--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content));display:flex}: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-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)));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)))}: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-start-start-radius:var(--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start));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));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)));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)))}: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-block-end-width:var(--mod-infield-button-stacked-bottom-border-block-end-width,var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));border-start-start-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-start-end-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-end-end-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-end,var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)));border-end-start-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start));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)));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)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}