@spectrum-web-components/infield-button 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -4
- package/sp-infield-button.d.ts +6 -0
- package/sp-infield-button.dev.js +4 -0
- package/sp-infield-button.dev.js.map +7 -0
- package/sp-infield-button.js +2 -0
- package/sp-infield-button.js.map +7 -0
- package/src/InfieldButton.d.ts +25 -0
- package/src/InfieldButton.dev.js +48 -0
- package/src/InfieldButton.dev.js.map +7 -0
- package/src/InfieldButton.js +6 -0
- package/src/InfieldButton.js.map +7 -0
- package/src/index.d.ts +1 -0
- package/src/index.dev.js +3 -0
- package/src/index.dev.js.map +7 -0
- package/src/index.js +2 -0
- package/src/index.js.map +7 -0
- package/src/infield-button-overrides.css.d.ts +2 -0
- package/src/infield-button-overrides.css.dev.js +7 -0
- package/src/infield-button-overrides.css.dev.js.map +7 -0
- package/src/infield-button-overrides.css.js +4 -0
- package/src/infield-button-overrides.css.js.map +7 -0
- package/src/infield-button.css.d.ts +2 -0
- package/src/infield-button.css.dev.js +7 -0
- package/src/infield-button.css.dev.js.map +7 -0
- package/src/infield-button.css.js +4 -0
- package/src/infield-button.css.js.map +7 -0
- package/src/spectrum-infield-button.css.d.ts +2 -0
- package/src/spectrum-infield-button.css.dev.js +7 -0
- package/src/spectrum-infield-button.css.dev.js.map +7 -0
- package/src/spectrum-infield-button.css.js +4 -0
- package/src/spectrum-infield-button.css.js.map +7 -0
- package/stories/index.js +113 -0
- package/stories/index.js.map +7 -0
- package/stories/infield-button-sizes.stories.js +88 -0
- package/stories/infield-button-sizes.stories.js.map +7 -0
- package/stories/infield-button.stories.js +45 -0
- package/stories/infield-button.stories.js.map +7 -0
- package/test/benchmark/basic-test.js +8 -0
- package/test/benchmark/basic-test.js.map +7 -0
- package/test/infield-button-memory.test.js +8 -0
- package/test/infield-button-memory.test.js.map +7 -0
- package/test/infield-button-sizes.test-vrt.js +5 -0
- package/test/infield-button-sizes.test-vrt.js.map +7 -0
- package/test/infield-button.test-vrt.js +5 -0
- package/test/infield-button.test-vrt.js.map +7 -0
- package/test/infield-button.test.js +22 -0
- package/test/infield-button.test.js.map +7 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/infield-button",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -58,8 +58,8 @@
|
|
|
58
58
|
"lit-html"
|
|
59
59
|
],
|
|
60
60
|
"dependencies": {
|
|
61
|
-
"@spectrum-web-components/base": "^1.1.
|
|
62
|
-
"@spectrum-web-components/button": "^1.1.
|
|
61
|
+
"@spectrum-web-components/base": "^1.1.2",
|
|
62
|
+
"@spectrum-web-components/button": "^1.1.2"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
65
|
"@spectrum-css/infieldbutton": "6.0.0-s2-foundations.16"
|
|
@@ -71,5 +71,5 @@
|
|
|
71
71
|
"./**/*.dev.js",
|
|
72
72
|
"./**/*.dev.js"
|
|
73
73
|
],
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "9ee45f2dfd3ac1939072726d00195c6c05d9a562"
|
|
75
75
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["sp-infield-button.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { 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"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,qBAAqB;AAE9B,eAAe,OAAO,qBAAqB,aAAa;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["sp-infield-button.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { 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"],
|
|
5
|
+
"mappings": "aAWA,OAAS,iBAAAA,MAAqB,yBAE9B,eAAe,OAAO,oBAAqBA,CAAa",
|
|
6
|
+
"names": ["InfieldButton"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
|
|
2
|
+
import { ButtonBase } from '@spectrum-web-components/button/src/ButtonBase.js';
|
|
3
|
+
declare const InfieldButton_base: typeof ButtonBase & {
|
|
4
|
+
new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
|
|
5
|
+
prototype: import("@spectrum-web-components/base").SizedElementInterface;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* @element sp-infield-button
|
|
9
|
+
*/
|
|
10
|
+
export declare class InfieldButton extends InfieldButton_base {
|
|
11
|
+
static get styles(): CSSResultArray;
|
|
12
|
+
/**
|
|
13
|
+
* Whether to style the button as if it is at the start or end of a vertical stack
|
|
14
|
+
* @type {'start' | 'end'}
|
|
15
|
+
*/
|
|
16
|
+
block?: 'start' | 'end';
|
|
17
|
+
/**
|
|
18
|
+
* Whether to style the button as if it is at the start or end of a horizontal group
|
|
19
|
+
* @type {'start' | 'end'}
|
|
20
|
+
*/
|
|
21
|
+
inline?: 'start' | 'end';
|
|
22
|
+
quiet: boolean;
|
|
23
|
+
protected get buttonContent(): TemplateResult[];
|
|
24
|
+
}
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
5
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
6
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
7
|
+
if (decorator = decorators[i])
|
|
8
|
+
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
9
|
+
if (kind && result) __defProp(target, key, result);
|
|
10
|
+
return result;
|
|
11
|
+
};
|
|
12
|
+
import {
|
|
13
|
+
html,
|
|
14
|
+
SizedMixin
|
|
15
|
+
} from "@spectrum-web-components/base";
|
|
16
|
+
import { property } from "@spectrum-web-components/base/src/decorators.js";
|
|
17
|
+
import { ButtonBase } from "@spectrum-web-components/button/src/ButtonBase.js";
|
|
18
|
+
import styles from "./infield-button.css.js";
|
|
19
|
+
export class InfieldButton extends SizedMixin(ButtonBase, {
|
|
20
|
+
noDefaultSize: true,
|
|
21
|
+
validSizes: ["s", "m", "l", "xl"]
|
|
22
|
+
}) {
|
|
23
|
+
constructor() {
|
|
24
|
+
super(...arguments);
|
|
25
|
+
this.quiet = false;
|
|
26
|
+
}
|
|
27
|
+
static get styles() {
|
|
28
|
+
return [...super.styles, styles];
|
|
29
|
+
}
|
|
30
|
+
get buttonContent() {
|
|
31
|
+
const buttonContent = html`
|
|
32
|
+
<div class="fill">
|
|
33
|
+
<slot></slot>
|
|
34
|
+
</div>
|
|
35
|
+
`;
|
|
36
|
+
return [buttonContent];
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
__decorateClass([
|
|
40
|
+
property()
|
|
41
|
+
], InfieldButton.prototype, "block", 2);
|
|
42
|
+
__decorateClass([
|
|
43
|
+
property()
|
|
44
|
+
], InfieldButton.prototype, "inline", 2);
|
|
45
|
+
__decorateClass([
|
|
46
|
+
property({ type: Boolean, reflect: true })
|
|
47
|
+
], InfieldButton.prototype, "quiet", 2);
|
|
48
|
+
//# sourceMappingURL=InfieldButton.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["InfieldButton.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport {\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"],
|
|
5
|
+
"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;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"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`
|
|
2
|
+
<div class="fill">
|
|
3
|
+
<slot></slot>
|
|
4
|
+
</div>
|
|
5
|
+
`]}}o([a()],InfieldButton.prototype,"block",2),o([a()],InfieldButton.prototype,"inline",2),o([a({type:Boolean,reflect:!0})],InfieldButton.prototype,"quiet",2);
|
|
6
|
+
//# sourceMappingURL=InfieldButton.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["InfieldButton.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport {\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"],
|
|
5
|
+
"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",
|
|
6
|
+
"names": ["html", "SizedMixin", "property", "ButtonBase", "styles", "__decorateClass"]
|
|
7
|
+
}
|
package/src/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './InfieldButton.js';
|
package/src/index.dev.js
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["index.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './InfieldButton.dev.js'\n"],
|
|
5
|
+
"mappings": ";AAWA,cAAc;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/src/index.js
ADDED
package/src/index.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["index.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './InfieldButton.js';\n"],
|
|
5
|
+
"mappings": "aAWA,WAAc",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
: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)}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=infield-button-overrides.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["infield-button-overrides.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as t}from"@spectrum-web-components/base";const i=t`
|
|
2
|
+
: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)}
|
|
3
|
+
`;export default i;
|
|
4
|
+
//# sourceMappingURL=infield-button-overrides.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["infield-button-overrides.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
@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}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=infield-button.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["infield-button.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as t}from"@spectrum-web-components/base";const i=t`
|
|
2
|
+
@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}
|
|
3
|
+
`;export default i;
|
|
4
|
+
//# sourceMappingURL=infield-button.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["infield-button.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
@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}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=spectrum-infield-button.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["spectrum-infield-button.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
|
|
2
|
+
@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}
|
|
3
|
+
`;export default o;
|
|
4
|
+
//# sourceMappingURL=spectrum-infield-button.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["spectrum-infield-button.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
package/stories/index.js
ADDED
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { html } from "@spectrum-web-components/base";
|
|
3
|
+
import "@spectrum-web-components/infield-button/sp-infield-button.js";
|
|
4
|
+
import "@spectrum-web-components/icons-workflow/icons/sp-icon-add.js";
|
|
5
|
+
import "@spectrum-web-components/icons-ui/icons/sp-icon-chevron75.js";
|
|
6
|
+
import { ifDefined } from "@spectrum-web-components/base/src/directives.js";
|
|
7
|
+
import chevronStyles from "@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js";
|
|
8
|
+
import chevronIconOverrides from "@spectrum-web-components/icon/src/icon-chevron-overrides.css.js";
|
|
9
|
+
document.adoptedStyleSheets = [
|
|
10
|
+
...document.adoptedStyleSheets,
|
|
11
|
+
chevronStyles.styleSheet,
|
|
12
|
+
chevronIconOverrides.styleSheet
|
|
13
|
+
];
|
|
14
|
+
export const args = {
|
|
15
|
+
block: void 0,
|
|
16
|
+
disabled: false,
|
|
17
|
+
inline: void 0,
|
|
18
|
+
label: "Add",
|
|
19
|
+
size: void 0,
|
|
20
|
+
quiet: false
|
|
21
|
+
};
|
|
22
|
+
export const argTypes = {
|
|
23
|
+
block: {
|
|
24
|
+
name: "block",
|
|
25
|
+
type: { name: "text", required: false },
|
|
26
|
+
description: "Where to place the button along the block axis.",
|
|
27
|
+
table: {
|
|
28
|
+
type: { summary: '"start" | "end"' },
|
|
29
|
+
defaultValue: { summary: "" }
|
|
30
|
+
},
|
|
31
|
+
control: "select",
|
|
32
|
+
options: ["none", "start", "end"]
|
|
33
|
+
},
|
|
34
|
+
disabled: {
|
|
35
|
+
name: "disabled",
|
|
36
|
+
type: { name: "boolean", required: false },
|
|
37
|
+
description: "Whether the button is disabled or not.",
|
|
38
|
+
table: {
|
|
39
|
+
type: { summary: "boolean" },
|
|
40
|
+
defaultValue: { summary: false }
|
|
41
|
+
},
|
|
42
|
+
control: {
|
|
43
|
+
type: "boolean"
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
inline: {
|
|
47
|
+
name: "inline",
|
|
48
|
+
type: { name: "text", required: false },
|
|
49
|
+
description: "Where to place the button along the inline axis.",
|
|
50
|
+
table: {
|
|
51
|
+
type: { summary: '"start" | "end"' },
|
|
52
|
+
defaultValue: { summary: "" }
|
|
53
|
+
},
|
|
54
|
+
control: "select",
|
|
55
|
+
options: ["none", "start", "end"]
|
|
56
|
+
},
|
|
57
|
+
size: {
|
|
58
|
+
name: "size",
|
|
59
|
+
type: { name: "text", required: false },
|
|
60
|
+
description: "The t-shit size of the button.",
|
|
61
|
+
table: {
|
|
62
|
+
type: { summary: '"s" | "m" | "l" | "xl"' },
|
|
63
|
+
defaultValue: { summary: "" }
|
|
64
|
+
},
|
|
65
|
+
control: "select",
|
|
66
|
+
options: ["s", "m", "l", "xl"]
|
|
67
|
+
},
|
|
68
|
+
quiet: {
|
|
69
|
+
name: "quiet",
|
|
70
|
+
type: { name: "boolean", required: false },
|
|
71
|
+
description: "Whether the button is quiet or not.",
|
|
72
|
+
table: {
|
|
73
|
+
type: { summary: "boolean" },
|
|
74
|
+
defaultValue: { summary: false }
|
|
75
|
+
},
|
|
76
|
+
control: {
|
|
77
|
+
type: "boolean"
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
export const Template = ({
|
|
82
|
+
block,
|
|
83
|
+
content,
|
|
84
|
+
disabled,
|
|
85
|
+
inline,
|
|
86
|
+
label,
|
|
87
|
+
size,
|
|
88
|
+
quiet
|
|
89
|
+
}) => {
|
|
90
|
+
return html`
|
|
91
|
+
<sp-infield-button
|
|
92
|
+
block=${ifDefined(block)}
|
|
93
|
+
?disabled=${disabled}
|
|
94
|
+
inline=${ifDefined(inline)}
|
|
95
|
+
label=${ifDefined(label)}
|
|
96
|
+
size=${ifDefined(size)}
|
|
97
|
+
?quiet=${quiet}
|
|
98
|
+
>
|
|
99
|
+
${content ? content() : html`
|
|
100
|
+
<sp-icon-add></sp-icon-add>
|
|
101
|
+
`}
|
|
102
|
+
</sp-infield-button>
|
|
103
|
+
`;
|
|
104
|
+
};
|
|
105
|
+
export const chevronUp = () => html`
|
|
106
|
+
<sp-icon-chevron75 class="spectrum-UIIcon-ChevronUp75"></sp-icon-chevron75>
|
|
107
|
+
`;
|
|
108
|
+
export const chevronDown = () => html`
|
|
109
|
+
<sp-icon-chevron75
|
|
110
|
+
class="spectrum-UIIcon-ChevronDown75"
|
|
111
|
+
></sp-icon-chevron75>
|
|
112
|
+
`;
|
|
113
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["index.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/infield-button/sp-infield-button.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-add.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron75.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport chevronStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\nimport chevronIconOverrides from '@spectrum-web-components/icon/src/icon-chevron-overrides.css.js';\n\ndocument.adoptedStyleSheets = [\n ...document.adoptedStyleSheets,\n chevronStyles.styleSheet as CSSStyleSheet,\n chevronIconOverrides.styleSheet as CSSStyleSheet,\n];\n\nexport type StoryArgs = {\n block?: 'start' | 'end';\n content?: () => TemplateResult;\n disabled?: boolean;\n inline?: 'start' | 'end';\n label?: string;\n size?: 's' | 'm' | 'l' | 'xl';\n quiet?: boolean;\n};\n\nexport const args = {\n block: undefined,\n disabled: false,\n inline: undefined,\n label: 'Add',\n size: undefined,\n quiet: false,\n} as StoryArgs;\n\nexport const argTypes = {\n block: {\n name: 'block',\n type: { name: 'text', required: false },\n description: 'Where to place the button along the block axis.',\n table: {\n type: { summary: '\"start\" | \"end\"' },\n defaultValue: { summary: '' },\n },\n control: 'select',\n options: ['none', 'start', 'end'],\n },\n disabled: {\n name: 'disabled',\n type: { name: 'boolean', required: false },\n description: 'Whether the button is disabled or not.',\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: {\n type: 'boolean',\n },\n },\n inline: {\n name: 'inline',\n type: { name: 'text', required: false },\n description: 'Where to place the button along the inline axis.',\n table: {\n type: { summary: '\"start\" | \"end\"' },\n defaultValue: { summary: '' },\n },\n control: 'select',\n options: ['none', 'start', 'end'],\n },\n size: {\n name: 'size',\n type: { name: 'text', required: false },\n description: 'The t-shit size of the button.',\n table: {\n type: { summary: '\"s\" | \"m\" | \"l\" | \"xl\"' },\n defaultValue: { summary: '' },\n },\n control: 'select',\n options: ['s', 'm', 'l', 'xl'],\n },\n quiet: {\n name: 'quiet',\n type: { name: 'boolean', required: false },\n description: 'Whether the button is quiet or not.',\n table: {\n type: { summary: 'boolean' },\n defaultValue: { summary: false },\n },\n control: {\n type: 'boolean',\n },\n },\n};\n\nexport const Template = ({\n block,\n content,\n disabled,\n inline,\n label,\n size,\n quiet,\n}: StoryArgs): TemplateResult => {\n return html`\n <sp-infield-button\n block=${ifDefined(block)}\n ?disabled=${disabled}\n inline=${ifDefined(inline)}\n label=${ifDefined(label)}\n size=${ifDefined(size)}\n ?quiet=${quiet}\n >\n ${content\n ? content()\n : html`\n <sp-icon-add></sp-icon-add>\n `}\n </sp-infield-button>\n `;\n};\n\nexport const chevronUp = (): TemplateResult => html`\n <sp-icon-chevron75 class=\"spectrum-UIIcon-ChevronUp75\"></sp-icon-chevron75>\n`;\nexport const chevronDown = (): TemplateResult => html`\n <sp-icon-chevron75\n class=\"spectrum-UIIcon-ChevronDown75\"\n ></sp-icon-chevron75>\n`;\n"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,YAA4B;AAErC,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,iBAAiB;AAC1B,OAAO,mBAAmB;AAC1B,OAAO,0BAA0B;AAEjC,SAAS,qBAAqB;AAAA,EAC1B,GAAG,SAAS;AAAA,EACZ,cAAc;AAAA,EACd,qBAAqB;AACzB;AAYO,aAAM,OAAO;AAAA,EAChB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AACX;AAEO,aAAM,WAAW;AAAA,EACpB,OAAO;AAAA,IACH,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IACtC,aAAa;AAAA,IACb,OAAO;AAAA,MACH,MAAM,EAAE,SAAS,kBAAkB;AAAA,MACnC,cAAc,EAAE,SAAS,GAAG;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,IACT,SAAS,CAAC,QAAQ,SAAS,KAAK;AAAA,EACpC;AAAA,EACA,UAAU;AAAA,IACN,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,IACzC,aAAa;AAAA,IACb,OAAO;AAAA,MACH,MAAM,EAAE,SAAS,UAAU;AAAA,MAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,IACnC;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,IACV;AAAA,EACJ;AAAA,EACA,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IACtC,aAAa;AAAA,IACb,OAAO;AAAA,MACH,MAAM,EAAE,SAAS,kBAAkB;AAAA,MACnC,cAAc,EAAE,SAAS,GAAG;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,IACT,SAAS,CAAC,QAAQ,SAAS,KAAK;AAAA,EACpC;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IACtC,aAAa;AAAA,IACb,OAAO;AAAA,MACH,MAAM,EAAE,SAAS,yBAAyB;AAAA,MAC1C,cAAc,EAAE,SAAS,GAAG;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,IACT,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI;AAAA,EACjC;AAAA,EACA,OAAO;AAAA,IACH,MAAM;AAAA,IACN,MAAM,EAAE,MAAM,WAAW,UAAU,MAAM;AAAA,IACzC,aAAa;AAAA,IACb,OAAO;AAAA,MACH,MAAM,EAAE,SAAS,UAAU;AAAA,MAC3B,cAAc,EAAE,SAAS,MAAM;AAAA,IACnC;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,IACV;AAAA,EACJ;AACJ;AAEO,aAAM,WAAW,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAiC;AAC7B,SAAO;AAAA;AAAA,oBAES,UAAU,KAAK,CAAC;AAAA,wBACZ,QAAQ;AAAA,qBACX,UAAU,MAAM,CAAC;AAAA,oBAClB,UAAU,KAAK,CAAC;AAAA,mBACjB,UAAU,IAAI,CAAC;AAAA,qBACb,KAAK;AAAA;AAAA,cAEZ,UACI,QAAQ,IACR;AAAA;AAAA,mBAEC;AAAA;AAAA;AAGnB;AAEO,aAAM,YAAY,MAAsB;AAAA;AAAA;AAGxC,aAAM,cAAc,MAAsB;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { html } from "@spectrum-web-components/base";
|
|
3
|
+
import {
|
|
4
|
+
args,
|
|
5
|
+
argTypes,
|
|
6
|
+
chevronDown,
|
|
7
|
+
chevronUp,
|
|
8
|
+
Template
|
|
9
|
+
} from "./index.js";
|
|
10
|
+
export default {
|
|
11
|
+
title: "Infield Button/Sizes",
|
|
12
|
+
component: "sp-infield-button",
|
|
13
|
+
argTypes,
|
|
14
|
+
args
|
|
15
|
+
};
|
|
16
|
+
export const s = (args2) => Template(args2);
|
|
17
|
+
s.args = {
|
|
18
|
+
size: "s"
|
|
19
|
+
};
|
|
20
|
+
export const m = (args2) => Template(args2);
|
|
21
|
+
m.args = {
|
|
22
|
+
size: "m"
|
|
23
|
+
};
|
|
24
|
+
export const l = (args2) => Template(args2);
|
|
25
|
+
l.args = {
|
|
26
|
+
size: "l"
|
|
27
|
+
};
|
|
28
|
+
export const XL = (args2) => Template(args2);
|
|
29
|
+
XL.args = {
|
|
30
|
+
size: "xl"
|
|
31
|
+
};
|
|
32
|
+
export const stackedS = () => html`
|
|
33
|
+
${Template({
|
|
34
|
+
block: "start",
|
|
35
|
+
content: chevronUp,
|
|
36
|
+
size: "s",
|
|
37
|
+
label: "Increase"
|
|
38
|
+
})}
|
|
39
|
+
${Template({
|
|
40
|
+
block: "end",
|
|
41
|
+
content: chevronDown,
|
|
42
|
+
size: "s",
|
|
43
|
+
label: "Decrease"
|
|
44
|
+
})}
|
|
45
|
+
`;
|
|
46
|
+
export const stackedM = () => html`
|
|
47
|
+
${Template({
|
|
48
|
+
block: "start",
|
|
49
|
+
content: chevronUp,
|
|
50
|
+
size: "m",
|
|
51
|
+
label: "Increase"
|
|
52
|
+
})}
|
|
53
|
+
${Template({
|
|
54
|
+
block: "end",
|
|
55
|
+
content: chevronDown,
|
|
56
|
+
size: "m",
|
|
57
|
+
label: "Decrease"
|
|
58
|
+
})}
|
|
59
|
+
`;
|
|
60
|
+
export const stackedL = () => html`
|
|
61
|
+
${Template({
|
|
62
|
+
block: "start",
|
|
63
|
+
content: chevronUp,
|
|
64
|
+
size: "l",
|
|
65
|
+
label: "Increase"
|
|
66
|
+
})}
|
|
67
|
+
${Template({
|
|
68
|
+
block: "end",
|
|
69
|
+
content: chevronDown,
|
|
70
|
+
size: "l",
|
|
71
|
+
label: "Decrease"
|
|
72
|
+
})}
|
|
73
|
+
`;
|
|
74
|
+
export const stackedXL = () => html`
|
|
75
|
+
${Template({
|
|
76
|
+
block: "start",
|
|
77
|
+
content: chevronUp,
|
|
78
|
+
size: "xl",
|
|
79
|
+
label: "Increase"
|
|
80
|
+
})}
|
|
81
|
+
${Template({
|
|
82
|
+
block: "end",
|
|
83
|
+
content: chevronDown,
|
|
84
|
+
size: "xl",
|
|
85
|
+
label: "Decrease"
|
|
86
|
+
})}
|
|
87
|
+
`;
|
|
88
|
+
//# sourceMappingURL=infield-button-sizes.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["infield-button-sizes.stories.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport {\n args,\n argTypes,\n chevronDown,\n chevronUp,\n StoryArgs,\n Template,\n} from './index.js';\n\nexport default {\n title: 'Infield Button/Sizes',\n component: 'sp-infield-button',\n argTypes,\n args,\n};\n\nexport const s = (args: StoryArgs): TemplateResult => Template(args);\ns.args = {\n size: 's',\n};\nexport const m = (args: StoryArgs): TemplateResult => Template(args);\nm.args = {\n size: 'm',\n};\nexport const l = (args: StoryArgs): TemplateResult => Template(args);\nl.args = {\n size: 'l',\n};\nexport const XL = (args: StoryArgs): TemplateResult => Template(args);\nXL.args = {\n size: 'xl',\n};\n\nexport const stackedS = (): TemplateResult => html`\n ${Template({\n block: 'start',\n content: chevronUp,\n size: 's',\n label: 'Increase',\n })}\n ${Template({\n block: 'end',\n content: chevronDown,\n size: 's',\n label: 'Decrease',\n })}\n`;\nexport const stackedM = (): TemplateResult => html`\n ${Template({\n block: 'start',\n content: chevronUp,\n size: 'm',\n label: 'Increase',\n })}\n ${Template({\n block: 'end',\n content: chevronDown,\n size: 'm',\n label: 'Decrease',\n })}\n`;\nexport const stackedL = (): TemplateResult => html`\n ${Template({\n block: 'start',\n content: chevronUp,\n size: 'l',\n label: 'Increase',\n })}\n ${Template({\n block: 'end',\n content: chevronDown,\n size: 'l',\n label: 'Decrease',\n })}\n`;\nexport const stackedXL = (): TemplateResult => html`\n ${Template({\n block: 'start',\n content: chevronUp,\n size: 'xl',\n label: 'Increase',\n })}\n ${Template({\n block: 'end',\n content: chevronDown,\n size: 'xl',\n label: 'Decrease',\n })}\n`;\n"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,YAA4B;AAErC;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACG;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AACJ;AAEO,aAAM,IAAI,CAACA,UAAoC,SAASA,KAAI;AACnE,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AACO,aAAM,IAAI,CAACA,UAAoC,SAASA,KAAI;AACnE,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AACO,aAAM,IAAI,CAACA,UAAoC,SAASA,KAAI;AACnE,EAAE,OAAO;AAAA,EACL,MAAM;AACV;AACO,aAAM,KAAK,CAACA,UAAoC,SAASA,KAAI;AACpE,GAAG,OAAO;AAAA,EACN,MAAM;AACV;AAEO,aAAM,WAAW,MAAsB;AAAA,MACxC,SAAS;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACX,CAAC,CAAC;AAAA,MACA,SAAS;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACX,CAAC,CAAC;AAAA;AAEC,aAAM,WAAW,MAAsB;AAAA,MACxC,SAAS;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACX,CAAC,CAAC;AAAA,MACA,SAAS;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACX,CAAC,CAAC;AAAA;AAEC,aAAM,WAAW,MAAsB;AAAA,MACxC,SAAS;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACX,CAAC,CAAC;AAAA,MACA,SAAS;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACX,CAAC,CAAC;AAAA;AAEC,aAAM,YAAY,MAAsB;AAAA,MACzC,SAAS;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACX,CAAC,CAAC;AAAA,MACA,SAAS;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACX,CAAC,CAAC;AAAA;",
|
|
6
|
+
"names": ["args"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { html } from "@spectrum-web-components/base";
|
|
3
|
+
import {
|
|
4
|
+
args,
|
|
5
|
+
argTypes,
|
|
6
|
+
chevronDown,
|
|
7
|
+
chevronUp,
|
|
8
|
+
Template
|
|
9
|
+
} from "./index.js";
|
|
10
|
+
export default {
|
|
11
|
+
title: "Infield Button",
|
|
12
|
+
component: "sp-infield-button",
|
|
13
|
+
argTypes,
|
|
14
|
+
args
|
|
15
|
+
};
|
|
16
|
+
export const Default = (args2) => Template(args2);
|
|
17
|
+
export const disabled = (args2) => Template(args2);
|
|
18
|
+
disabled.args = {
|
|
19
|
+
disabled: true
|
|
20
|
+
};
|
|
21
|
+
export const inlineStart = (args2) => Template(args2);
|
|
22
|
+
inlineStart.args = {
|
|
23
|
+
inline: "start"
|
|
24
|
+
};
|
|
25
|
+
export const inlineEnd = (args2) => Template(args2);
|
|
26
|
+
inlineEnd.args = {
|
|
27
|
+
inline: "end"
|
|
28
|
+
};
|
|
29
|
+
export const stacked = () => html`
|
|
30
|
+
${Template({
|
|
31
|
+
block: "start",
|
|
32
|
+
content: chevronUp,
|
|
33
|
+
label: "Increase"
|
|
34
|
+
})}
|
|
35
|
+
${Template({
|
|
36
|
+
block: "end",
|
|
37
|
+
content: chevronDown,
|
|
38
|
+
label: "Decrease"
|
|
39
|
+
})}
|
|
40
|
+
`;
|
|
41
|
+
export const quiet = (args2) => Template(args2);
|
|
42
|
+
quiet.args = {
|
|
43
|
+
quiet: true
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=infield-button.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["infield-button.stories.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport {\n args,\n argTypes,\n chevronDown,\n chevronUp,\n StoryArgs,\n Template,\n} from './index.js';\n\nexport default {\n title: 'Infield Button',\n component: 'sp-infield-button',\n argTypes,\n args,\n};\n\nexport const Default = (args: StoryArgs): TemplateResult => Template(args);\nexport const disabled = (args: StoryArgs): TemplateResult => Template(args);\ndisabled.args = {\n disabled: true,\n};\n\nexport const inlineStart = (args: StoryArgs): TemplateResult => Template(args);\ninlineStart.args = {\n inline: 'start',\n};\n\nexport const inlineEnd = (args: StoryArgs): TemplateResult => Template(args);\ninlineEnd.args = {\n inline: 'end',\n};\n\nexport const stacked = (): TemplateResult => html`\n ${Template({\n block: 'start',\n content: chevronUp,\n label: 'Increase',\n })}\n ${Template({\n block: 'end',\n content: chevronDown,\n label: 'Decrease',\n })}\n`;\n\nexport const quiet = (args: StoryArgs): TemplateResult => Template(args);\nquiet.args = {\n quiet: true,\n};\n"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,YAA4B;AAErC;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACG;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AACJ;AAEO,aAAM,UAAU,CAACA,UAAoC,SAASA,KAAI;AAClE,aAAM,WAAW,CAACA,UAAoC,SAASA,KAAI;AAC1E,SAAS,OAAO;AAAA,EACZ,UAAU;AACd;AAEO,aAAM,cAAc,CAACA,UAAoC,SAASA,KAAI;AAC7E,YAAY,OAAO;AAAA,EACf,QAAQ;AACZ;AAEO,aAAM,YAAY,CAACA,UAAoC,SAASA,KAAI;AAC3E,UAAU,OAAO;AAAA,EACb,QAAQ;AACZ;AAEO,aAAM,UAAU,MAAsB;AAAA,MACvC,SAAS;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACX,CAAC,CAAC;AAAA,MACA,SAAS;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACX,CAAC,CAAC;AAAA;AAGC,aAAM,QAAQ,CAACA,UAAoC,SAASA,KAAI;AACvE,MAAM,OAAO;AAAA,EACT,OAAO;AACX;",
|
|
6
|
+
"names": ["args"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import "@spectrum-web-components/infield-button/sp-infield-button.js";
|
|
3
|
+
import { html } from "@spectrum-web-components/base";
|
|
4
|
+
import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
|
|
5
|
+
measureFixtureCreation(html`
|
|
6
|
+
<sp-infield-button></sp-infield-button>
|
|
7
|
+
`);
|
|
8
|
+
//# sourceMappingURL=basic-test.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["basic-test.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport '@spectrum-web-components/infield-button/sp-infield-button.js';\nimport { html } from '@spectrum-web-components/base';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n <sp-infield-button></sp-infield-button>\n`);\n"],
|
|
5
|
+
"mappings": ";AAWA,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA,CAEtB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { html } from "@open-wc/testing";
|
|
3
|
+
import "@spectrum-web-components/infield-button/sp-infield-button.js";
|
|
4
|
+
import { testForMemoryLeaks } from "../../../test/testing-helpers.js";
|
|
5
|
+
testForMemoryLeaks(html`
|
|
6
|
+
<sp-infield-button></sp-infield-button>
|
|
7
|
+
`);
|
|
8
|
+
//# sourceMappingURL=infield-button-memory.test.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["infield-button-memory.test.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\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*/\n\nimport { html } from '@open-wc/testing';\nimport '@spectrum-web-components/infield-button/sp-infield-button.js';\nimport { testForMemoryLeaks } from '../../../test/testing-helpers.js';\n\ntestForMemoryLeaks(html`\n <sp-infield-button></sp-infield-button>\n`);\n"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,YAAY;AACrB,OAAO;AACP,SAAS,0BAA0B;AAEnC,mBAAmB;AAAA;AAAA,CAElB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["infield-button-sizes.test-vrt.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2020 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*/\n\nimport * as stories from '../stories/infield-button-sizes.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('InfieldButtonSizesStories', stories as unknown as TestsType);\n"],
|
|
5
|
+
"mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,6BAA6B,OAA+B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["infield-button.test-vrt.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2020 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*/\n\nimport * as stories from '../stories/infield-button.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('InfieldButtonStories', stories as unknown as TestsType);\n"],
|
|
5
|
+
"mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,wBAAwB,OAA+B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { elementUpdated, expect, fixture } from "@open-wc/testing";
|
|
3
|
+
import "@spectrum-web-components/infield-button/sp-infield-button.js";
|
|
4
|
+
import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
|
|
5
|
+
import { Default, stacked } from "../stories/infield-button.stories.js";
|
|
6
|
+
import { args } from "../stories/index.js";
|
|
7
|
+
describe("InfieldButton", () => {
|
|
8
|
+
testForLitDevWarnings(
|
|
9
|
+
async () => await fixture(Default(args))
|
|
10
|
+
);
|
|
11
|
+
it("loads default infield-button accessibly", async () => {
|
|
12
|
+
const el = await fixture(Default(args));
|
|
13
|
+
await elementUpdated(el);
|
|
14
|
+
await expect(el).to.be.accessible();
|
|
15
|
+
});
|
|
16
|
+
it("loads stacked infield-button accessibly", async () => {
|
|
17
|
+
const el = await fixture(stacked());
|
|
18
|
+
await elementUpdated(el);
|
|
19
|
+
await expect(el).to.be.accessible();
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=infield-button.test.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["infield-button.test.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { elementUpdated, expect, fixture } from '@open-wc/testing';\n\nimport '@spectrum-web-components/infield-button/sp-infield-button.js';\nimport { InfieldButton } from '@spectrum-web-components/infield-button';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\nimport { Default, stacked } from '../stories/infield-button.stories.js';\nimport { args } from '../stories/index.js';\n\ndescribe('InfieldButton', () => {\n testForLitDevWarnings(\n async () => await fixture<InfieldButton>(Default(args))\n );\n it('loads default infield-button accessibly', async () => {\n const el = await fixture<InfieldButton>(Default(args));\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n it('loads stacked infield-button accessibly', async () => {\n const el = await fixture<InfieldButton>(stacked());\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n});\n"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,gBAAgB,QAAQ,eAAe;AAEhD,OAAO;AAEP,SAAS,6BAA6B;AACtC,SAAS,SAAS,eAAe;AACjC,SAAS,YAAY;AAErB,SAAS,iBAAiB,MAAM;AAC5B;AAAA,IACI,YAAY,MAAM,QAAuB,QAAQ,IAAI,CAAC;AAAA,EAC1D;AACA,KAAG,2CAA2C,YAAY;AACtD,UAAM,KAAK,MAAM,QAAuB,QAAQ,IAAI,CAAC;AAErD,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AACD,KAAG,2CAA2C,YAAY;AACtD,UAAM,KAAK,MAAM,QAAuB,QAAQ,CAAC;AAEjD,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AACL,CAAC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|