@spectrum-web-components/button 1.0.0 → 1.0.1-typings
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/README.md +1 -1
- package/package.json +10 -10
- package/src/Button.dev.js.map +1 -1
- package/src/Button.js +1 -1
- package/src/Button.js.map +1 -1
- package/src/ButtonBase.d.ts +7 -1
- package/src/ButtonBase.dev.js +3 -11
- package/src/ButtonBase.dev.js.map +2 -2
- package/src/ButtonBase.js +3 -3
- package/src/ButtonBase.js.map +2 -2
- package/src/ClearButton.dev.js +1 -7
- package/src/ClearButton.dev.js.map +2 -2
- package/src/ClearButton.js +3 -3
- package/src/ClearButton.js.map +3 -3
- package/src/CloseButton.dev.js +1 -7
- package/src/CloseButton.dev.js.map +2 -2
- package/src/CloseButton.js +2 -2
- package/src/CloseButton.js.map +3 -3
- package/src/button-overrides.css.dev.js +1 -1
- package/src/button-overrides.css.dev.js.map +1 -1
- package/src/button-overrides.css.js +3 -3
- package/src/button-overrides.css.js.map +1 -1
- package/src/button.css.dev.js +1 -1
- package/src/button.css.dev.js.map +1 -1
- package/src/button.css.js +3 -3
- package/src/button.css.js.map +1 -1
- package/src/spectrum-button.css.dev.js +1 -1
- package/src/spectrum-button.css.dev.js.map +1 -1
- package/src/spectrum-button.css.js +1 -1
- package/src/spectrum-button.css.js.map +1 -1
- package/LICENSE +0 -201
- package/custom-elements.json +0 -1863
- package/stories/button-accent-fill-pending.stories.js +0 -34
- package/stories/button-accent-fill-pending.stories.js.map +0 -7
- package/stories/button-accent-fill-sizes.stories.js +0 -32
- package/stories/button-accent-fill-sizes.stories.js.map +0 -7
- package/stories/button-accent-fill.stories.js +0 -33
- package/stories/button-accent-fill.stories.js.map +0 -7
- package/stories/button-accent-outline-pending.stories.js +0 -34
- package/stories/button-accent-outline-pending.stories.js.map +0 -7
- package/stories/button-accent-outline-sizes.stories.js +0 -32
- package/stories/button-accent-outline-sizes.stories.js.map +0 -7
- package/stories/button-accent-outline.stories.js +0 -33
- package/stories/button-accent-outline.stories.js.map +0 -7
- package/stories/button-black-fill-pending.stories.js +0 -34
- package/stories/button-black-fill-pending.stories.js.map +0 -7
- package/stories/button-black-fill-sizes.stories.js +0 -33
- package/stories/button-black-fill-sizes.stories.js.map +0 -7
- package/stories/button-black-fill.stories.js +0 -35
- package/stories/button-black-fill.stories.js.map +0 -7
- package/stories/button-black-outline-pending.stories.js +0 -34
- package/stories/button-black-outline-pending.stories.js.map +0 -7
- package/stories/button-black-outline-sizes.stories.js +0 -33
- package/stories/button-black-outline-sizes.stories.js.map +0 -7
- package/stories/button-black-outline.stories.js +0 -35
- package/stories/button-black-outline.stories.js.map +0 -7
- package/stories/button-negative-fill-pending.stories.js +0 -34
- package/stories/button-negative-fill-pending.stories.js.map +0 -7
- package/stories/button-negative-fill-sizes.stories.js +0 -32
- package/stories/button-negative-fill-sizes.stories.js.map +0 -7
- package/stories/button-negative-fill.stories.js +0 -33
- package/stories/button-negative-fill.stories.js.map +0 -7
- package/stories/button-negative-outline-pending.stories.js +0 -34
- package/stories/button-negative-outline-pending.stories.js.map +0 -7
- package/stories/button-negative-outline-sizes.stories.js +0 -32
- package/stories/button-negative-outline-sizes.stories.js.map +0 -7
- package/stories/button-negative-outline.stories.js +0 -33
- package/stories/button-negative-outline.stories.js.map +0 -7
- package/stories/button-primary-fill-pending.stories.js +0 -34
- package/stories/button-primary-fill-pending.stories.js.map +0 -7
- package/stories/button-primary-fill-sizes.stories.js +0 -32
- package/stories/button-primary-fill-sizes.stories.js.map +0 -7
- package/stories/button-primary-fill.stories.js +0 -46
- package/stories/button-primary-fill.stories.js.map +0 -7
- package/stories/button-primary-outline-pending.stories.js +0 -34
- package/stories/button-primary-outline-pending.stories.js.map +0 -7
- package/stories/button-primary-outline-sizes.stories.js +0 -32
- package/stories/button-primary-outline-sizes.stories.js.map +0 -7
- package/stories/button-primary-outline.stories.js +0 -33
- package/stories/button-primary-outline.stories.js.map +0 -7
- package/stories/button-secondary-fill-pending.stories.js +0 -34
- package/stories/button-secondary-fill-pending.stories.js.map +0 -7
- package/stories/button-secondary-fill-sizes.stories.js +0 -32
- package/stories/button-secondary-fill-sizes.stories.js.map +0 -7
- package/stories/button-secondary-fill.stories.js +0 -33
- package/stories/button-secondary-fill.stories.js.map +0 -7
- package/stories/button-secondary-outline-pending.stories.js +0 -34
- package/stories/button-secondary-outline-pending.stories.js.map +0 -7
- package/stories/button-secondary-outline-sizes.stories.js +0 -32
- package/stories/button-secondary-outline-sizes.stories.js.map +0 -7
- package/stories/button-secondary-outline.stories.js +0 -33
- package/stories/button-secondary-outline.stories.js.map +0 -7
- package/stories/button-white-fill-pending.stories.js +0 -34
- package/stories/button-white-fill-pending.stories.js.map +0 -7
- package/stories/button-white-fill-sizes.stories.js +0 -33
- package/stories/button-white-fill-sizes.stories.js.map +0 -7
- package/stories/button-white-fill.stories.js +0 -35
- package/stories/button-white-fill.stories.js.map +0 -7
- package/stories/button-white-outline-pending.stories.js +0 -34
- package/stories/button-white-outline-pending.stories.js.map +0 -7
- package/stories/button-white-outline-sizes.stories.js +0 -33
- package/stories/button-white-outline-sizes.stories.js.map +0 -7
- package/stories/button-white-outline.stories.js +0 -35
- package/stories/button-white-outline.stories.js.map +0 -7
- package/stories/index.js +0 -198
- package/stories/index.js.map +0 -7
- package/stories/template.js +0 -21
- package/stories/template.js.map +0 -7
- package/test/benchmark/test-basic.js +0 -14
- package/test/benchmark/test-basic.js.map +0 -7
- package/test/button-accent-fill-pending.test-vrt.js +0 -5
- package/test/button-accent-fill-pending.test-vrt.js.map +0 -7
- package/test/button-accent-fill-sizes.test-vrt.js +0 -5
- package/test/button-accent-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-accent-fill.test-vrt.js +0 -5
- package/test/button-accent-fill.test-vrt.js.map +0 -7
- package/test/button-accent-outline-pending.test-vrt.js +0 -5
- package/test/button-accent-outline-pending.test-vrt.js.map +0 -7
- package/test/button-accent-outline-sizes.test-vrt.js +0 -5
- package/test/button-accent-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-accent-outline.test-vrt.js +0 -5
- package/test/button-accent-outline.test-vrt.js.map +0 -7
- package/test/button-black-fill-pending.test-vrt.js +0 -5
- package/test/button-black-fill-pending.test-vrt.js.map +0 -7
- package/test/button-black-fill-sizes.test-vrt.js +0 -5
- package/test/button-black-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-black-fill.test-vrt.js +0 -5
- package/test/button-black-fill.test-vrt.js.map +0 -7
- package/test/button-black-outline-pending.test-vrt.js +0 -5
- package/test/button-black-outline-pending.test-vrt.js.map +0 -7
- package/test/button-black-outline-sizes.test-vrt.js +0 -5
- package/test/button-black-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-black-outline.test-vrt.js +0 -5
- package/test/button-black-outline.test-vrt.js.map +0 -7
- package/test/button-memory.test.js +0 -5
- package/test/button-memory.test.js.map +0 -7
- package/test/button-negative-fill-pending.test-vrt.js +0 -5
- package/test/button-negative-fill-pending.test-vrt.js.map +0 -7
- package/test/button-negative-fill-sizes.test-vrt.js +0 -5
- package/test/button-negative-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-negative-fill.test-vrt.js +0 -5
- package/test/button-negative-fill.test-vrt.js.map +0 -7
- package/test/button-negative-outline-pending.test-vrt.js +0 -5
- package/test/button-negative-outline-pending.test-vrt.js.map +0 -7
- package/test/button-negative-outline-sizes.test-vrt.js +0 -5
- package/test/button-negative-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-negative-outline.test-vrt.js +0 -5
- package/test/button-negative-outline.test-vrt.js.map +0 -7
- package/test/button-primary-fill-pending.test-vrt.js +0 -5
- package/test/button-primary-fill-pending.test-vrt.js.map +0 -7
- package/test/button-primary-fill-sizes.test-vrt.js +0 -5
- package/test/button-primary-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-primary-fill.test-vrt.js +0 -5
- package/test/button-primary-fill.test-vrt.js.map +0 -7
- package/test/button-primary-outline-pending.test-vrt.js +0 -5
- package/test/button-primary-outline-pending.test-vrt.js.map +0 -7
- package/test/button-primary-outline-sizes.test-vrt.js +0 -5
- package/test/button-primary-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-primary-outline.test-vrt.js +0 -5
- package/test/button-primary-outline.test-vrt.js.map +0 -7
- package/test/button-secondary-fill-pending.test-vrt.js +0 -5
- package/test/button-secondary-fill-pending.test-vrt.js.map +0 -7
- package/test/button-secondary-fill-sizes.test-vrt.js +0 -5
- package/test/button-secondary-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-secondary-fill.test-vrt.js +0 -5
- package/test/button-secondary-fill.test-vrt.js.map +0 -7
- package/test/button-secondary-outline-pending.test-vrt.js +0 -5
- package/test/button-secondary-outline-pending.test-vrt.js.map +0 -7
- package/test/button-secondary-outline-sizes.test-vrt.js +0 -5
- package/test/button-secondary-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-secondary-outline.test-vrt.js +0 -5
- package/test/button-secondary-outline.test-vrt.js.map +0 -7
- package/test/button-white-fill-pending.test-vrt.js +0 -5
- package/test/button-white-fill-pending.test-vrt.js.map +0 -7
- package/test/button-white-fill-sizes.test-vrt.js +0 -5
- package/test/button-white-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-white-fill.test-vrt.js +0 -5
- package/test/button-white-fill.test-vrt.js.map +0 -7
- package/test/button-white-outline-pending.test-vrt.js +0 -5
- package/test/button-white-outline-pending.test-vrt.js.map +0 -7
- package/test/button-white-outline-sizes.test-vrt.js +0 -5
- package/test/button-white-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-white-outline.test-vrt.js +0 -5
- package/test/button-white-outline.test-vrt.js.map +0 -7
- package/test/button.test.js +0 -632
- package/test/button.test.js.map +0 -7
- package/test/clear-button.test.js +0 -27
- package/test/clear-button.test.js.map +0 -7
- package/test/close-button.test.js +0 -27
- package/test/close-button.test.js.map +0 -7
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-button.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1*var(--mod-button-focus-indicator-gap,var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))));transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center}#label[hidden]{display:none}:host{--mod-progress-circle-position:absolute;border-radius:var(--mod-button-border-radius,var(--spectrum-button-border-radius));border-width:var(--mod-button-border-width,var(--spectrum-button-border-width));font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--mod-button-max-inline-size,none);min-inline-size:var(--mod-button-min-width,var(--spectrum-button-min-width));min-block-size:var(--mod-button-height,var(--spectrum-button-height));padding-block:0;padding-inline:var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--mod-button-margin-block,0);border-style:solid;margin-inline-start:var(--mod-button-margin-left,0);margin-inline-end:var(--mod-button-margin-right,0);position:relative}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px,var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-size,var(--spectrum-button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,var(--mod-button-top-to-icon,var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width,var(--spectrum-button-border-width)) + (var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--mod-button-edge-to-visual,var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--mod-button-edge-to-visual-only,var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--mod-button-line-height,var(--spectrum-button-line-height));text-align:center;text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--mod-button-top-to-text,var(--spectrum-button-top-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));padding-block-end:calc(var(--mod-button-bottom-to-text,var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)))}[name=icon]+#label{text-align:start;text-align:var(--mod-button-text-align-with-icon,start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))}:host{transition:border-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out}:host:after{margin:calc(( var(--mod-button-focus-ring-gap,var(--spectrum-button-focus-ring-gap)) + var(--mod-button-border-width,var(--spectrum-button-border-width)))*-1);border-radius:var(--mod-button-focus-ring-border-radius,calc(var(--mod-button-border-radius,var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))));transition:box-shadow var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out;pointer-events:none;content:\"\";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--highcontrast-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear,color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear,background-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-button-content-color-down)))}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out}.spectrum-ProgressCircle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out,visibility 0s linear var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))}:host([pending]),:host([pending]){cursor:default}:host([pending]) .spectrum-ProgressCircle,:host([pending]) .spectrum-ProgressCircle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}:host([static-color=white][selected]){--spectrum-button-content-color-default:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-default));--spectrum-button-content-color-hover:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-hover));--spectrum-button-content-color-down:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-down));--spectrum-button-content-color-focus:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-focus))}:host([static-color=black]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}@media (forced-colors:active){:host{--highcontrast-button-content-color-default:ButtonText;--highcontrast-button-content-color-hover:ButtonText;--highcontrast-button-content-color-focus:ButtonText;--highcontrast-button-content-color-down:ButtonText;--highcontrast-button-border-color-default:ButtonBorder;--highcontrast-button-border-color-hover:ButtonBorder;--highcontrast-button-border-color-focus:ButtonBorder;--highcontrast-button-border-color-down:ButtonBorder;--highcontrast-button-background-color-default:ButtonFace;--highcontrast-button-background-color-hover:ButtonFace;--highcontrast-button-background-color-down:ButtonFace;--highcontrast-button-background-color-focus:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium);--mod-button-animation-duration:0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-content-color-hover:HighlightText;--highcontrast-button-content-color-down:HighlightText;--highcontrast-button-content-color-focus:HighlightText;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-border-color-default:ButtonText;--highcontrast-button-border-color-hover:Highlight;--highcontrast-button-border-color-focus:Highlight;--highcontrast-button-border-color-down:Highlight}}\n`;\nexport default styles;"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(var(--mod-button-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--spectrum-animation-duration-100)))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--spectrum-animation-duration-100)))ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center}#label[hidden]{display:none}:host,:host{--spectrum-button-sized-height:var(--spectrum-component-height-100);--spectrum-button-sized-font-size:var(--spectrum-font-size-100);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-100);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-medium);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=s]){--spectrum-button-sized-height:var(--spectrum-component-height-75);--spectrum-button-sized-font-size:var(--spectrum-font-size-75);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-75);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-small);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-button-sized-height:var(--spectrum-component-height-200);--spectrum-button-sized-font-size:var(--spectrum-font-size-200);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-200);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-large);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-button-sized-height:var(--spectrum-component-height-300);--spectrum-button-sized-font-size:var(--spectrum-font-size-300);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-300);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-extra-large);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-extra-large);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-300)}:host([selected]){--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white);--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-disabled:transparent}:host([selected][emphasized]),:host([variant=accent]){--mod-button-background-color-default:var(--spectrum-accent-background-color-default);--mod-button-background-color-hover:var(--spectrum-accent-background-color-hover);--mod-button-background-color-down:var(--spectrum-accent-background-color-down);--mod-button-background-color-focus:var(--spectrum-accent-background-color-key-focus)}:host([variant=accent]){--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent;--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white)}:host([variant=accent][treatment=outline]){--mod-button-background-color-hover:var(--spectrum-accent-color-200);--mod-button-background-color-down:var(--spectrum-accent-color-300);--mod-button-background-color-focus:var(--spectrum-accent-color-200);--mod-button-border-color-default:var(--spectrum-accent-color-900);--mod-button-border-color-hover:var(--spectrum-accent-color-1000);--mod-button-border-color-down:var(--spectrum-accent-color-1100);--mod-button-border-color-focus:var(--spectrum-accent-color-1000);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-default:var(--spectrum-accent-content-color-default);--mod-button-content-color-hover:var(--spectrum-accent-content-color-hover);--mod-button-content-color-down:var(--spectrum-accent-content-color-down);--mod-button-content-color-focus:var(--spectrum-accent-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=negative]){--mod-button-background-color-default:var(--spectrum-negative-background-color-default);--mod-button-background-color-hover:var(--spectrum-negative-background-color-hover);--mod-button-background-color-down:var(--spectrum-negative-background-color-down);--mod-button-background-color-focus:var(--spectrum-negative-background-color-key-focus);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white);--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-disabled:transparent;--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=negative][treatment=outline]){--mod-button-background-color-hover:var(--spectrum-negative-color-200);--mod-button-background-color-down:var(--spectrum-negative-color-300);--mod-button-background-color-focus:var(--spectrum-negative-color-200);--mod-button-border-color-default:var(--spectrum-negative-color-900);--mod-button-border-color-hover:var(--spectrum-negative-color-1000);--mod-button-border-color-down:var(--spectrum-negative-color-1100);--mod-button-border-color-focus:var(--spectrum-negative-color-1000);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-default:var(--spectrum-negative-content-color-default);--mod-button-content-color-hover:var(--spectrum-negative-content-color-hover);--mod-button-content-color-down:var(--spectrum-negative-content-color-down);--mod-button-content-color-focus:var(--spectrum-negative-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=primary]){--mod-button-background-color-default:var(--spectrum-neutral-background-color-default);--mod-button-background-color-hover:var(--spectrum-neutral-background-color-hover);--mod-button-background-color-down:var(--spectrum-neutral-background-color-down);--mod-button-background-color-focus:var(--spectrum-neutral-background-color-key-focus);--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent}:host([variant=primary][treatment=outline]){--mod-button-border-color-default:var(--spectrum-gray-800);--mod-button-border-color-hover:var(--spectrum-gray-900);--mod-button-border-color-down:var(--spectrum-gray-900);--mod-button-border-color-focus:var(--spectrum-gray-900);--mod-button-content-color-default:var(--spectrum-neutral-content-color-default);--mod-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--mod-button-content-color-down:var(--spectrum-neutral-content-color-down);--mod-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=secondary]){--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent;--mod-button-content-color-default:var(--spectrum-neutral-content-color-default);--mod-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--mod-button-content-color-down:var(--spectrum-neutral-content-color-down);--mod-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=secondary][treatment=outline]){--mod-button-background-color-down:var(--spectrum-gray-400);--mod-button-border-color-default:var(--spectrum-gray-300);--mod-button-border-color-hover:var(--spectrum-gray-400);--mod-button-border-color-down:var(--spectrum-gray-500);--mod-button-border-color-focus:var(--spectrum-gray-400);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-default:var(--spectrum-neutral-content-color-default);--mod-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--mod-button-content-color-down:var(--spectrum-neutral-content-color-down);--mod-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([quiet]){--mod-button-background-color-hover:var(--spectrum-gray-200);--mod-button-background-color-down:var(--spectrum-gray-300);--mod-button-background-color-focus:var(--spectrum-gray-200)}:host([quiet]),:host([static-color=black]),:host([static-color=white]){--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent}:host([static-color=black][selected]),:host([static-color=white][selected]){--mod-button-content-color-default:var(--mod-button-static-content-color);--mod-button-content-color-hover:var(--mod-button-static-content-color);--mod-button-content-color-down:var(--mod-button-static-content-color);--mod-button-content-color-focus:var(--mod-button-static-content-color);--mod-button-border-color-disabled:transparent}:host([static-color=black][quiet]),:host([static-color=black][variant=secondary]),:host([static-color=white][quiet]),:host([static-color=white][variant=secondary]){--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent}:host([static-color=white]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-button-background-color-disabled:var(--spectrum-disabled-static-white-background-color);--mod-button-focus-ring-color:var(--spectrum-static-white-focus-indicator-color)}:host([static-color=white][variant=secondary]):not(.spectrum-Button--outline){--mod-button-background-color-disabled:var(--spectrum-disabled-static-white-background-color)}:host([static-color=white][treatment=outline]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-button-border-color-disabled:var(--spectrum-disabled-static-white-border-color)}:host([static-color=black]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--mod-button-background-color-disabled:var(--spectrum-disabled-static-black-background-color);--mod-button-focus-ring-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}:host([static-color=black][variant=secondary]):not(.spectrum-Button--outline){--mod-button-background-color-disabled:var(--spectrum-disabled-static-black-background-color)}:host([static-color=black][treatment=outline]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--mod-button-border-color-disabled:var(--spectrum-disabled-static-black-border-color)}:host([treatment=outline]),:host([quiet]){--mod-button-background-color-default:transparent;--mod-button-background-color-disabled:transparent}:host{--spectrum-button-height:var(--mod-button-height,var(--spectrum-button-sized-height));--spectrum-button-min-width:var(--mod-button-min-width,calc(var(--spectrum-button-height)*var(--spectrum-button-minimum-width-multiplier)));--spectrum-button-line-height:var(--mod-button-line-height,1.2);--spectrum-button-font-size:var(--mod-button-font-size,var(--spectrum-button-sized-font-size));--spectrum-button-padding-label-to-icon:var(--mod-button-padding-label-to-icon,var(--spectrum-button-sized-padding-label-to-icon));--spectrum-button-edge-to-visual:var(--mod-button-edge-to-visual,var(--spectrum-button-sized-edge-to-visual));--spectrum-button-edge-to-visual-only:var(--mod-button-edge-to-visual-only,var(--spectrum-button-sized-edge-to-visual-only));--spectrum-button-edge-to-text:var(--mod-button-edge-to-text,var(--spectrum-button-sized-edge-to-text));--spectrum-button-top-to-text:var(--mod-button-top-to-text,var(--spectrum-button-sized-top-to-text));--spectrum-button-bottom-to-text:var(--mod-button-bottom-to-text,var(--spectrum-button-sized-bottom-to-text));--spectrum-button-top-to-icon:var(--mod-button-top-to-icon,var(--spectrum-button-sized-top-to-icon));--spectrum-button-focus-ring-thickness:var(--mod-button-focus-ring-thickness,var(--spectrum-focus-indicator-thickness));--spectrum-button-focus-indicator-color:var(--mod-button-focus-ring-color,var(--spectrum-focus-indicator-color));--spectrum-button-animation-duration:var(--mod-button-animation-duration,var(--spectrum-animation-duration-100));--spectrum-button-border-width:var(--mod-button-border-width,var(--spectrum-border-width-200));--spectrum-button-focus-ring-gap:var(--mod-focus-indicator-gap,var(--mod-button-focus-ring-gap,var(--spectrum-focus-indicator-gap)));--spectrum-button-border-radius:var(--mod-button-border-radius,calc(var(--spectrum-button-height)/2));--spectrum-button-content-color-default:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-neutral-content-color-default)));--spectrum-button-content-color-hover:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-neutral-content-color-hover)));--spectrum-button-content-color-down:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-neutral-content-color-down)));--spectrum-button-content-color-focus:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-neutral-content-color-key-focus)));--spectrum-button-content-color-disabled:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-disabled-content-color)));--mod-progress-circle-position:absolute;border-radius:var(--spectrum-button-border-radius);border-width:var(--spectrum-button-border-width);font-size:var(--spectrum-button-font-size);font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--spectrum-button-padding-label-to-icon);max-inline-size:none;max-inline-size:var(--mod-button-max-inline-size,none);min-inline-size:var(--spectrum-button-min-width);min-block-size:var(--spectrum-button-height);padding-block:0;padding-inline:var(--spectrum-button-edge-to-text);margin-block:var(--mod-button-margin-block);background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-style:solid;border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:inherit;color:var(--spectrum-button-content-color-default,inherit);transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--spectrum-button-animation-duration,.13s)linear,color var(--spectrum-button-animation-duration,.13s)linear,background-color var(--spectrum-button-animation-duration,.13s)linear;margin-inline-start:var(--mod-button-margin-left);margin-inline-end:var(--mod-button-margin-right);position:relative}:host([treatment=outline]){background-color:initial}:host:after{margin:var(--mod-button-focus-ring-border-radius,calc(( var(--spectrum-button-focus-ring-gap) + var(--spectrum-button-border-width))*-1));transition:box-shadow var(--spectrum-button-animation-duration)ease-in-out;pointer-events:none;content:\"\";border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-focus-indicator-gap));position:absolute;inset:0}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--spectrum-button-content-color-hover);box-shadow:none}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--spectrum-button-content-color-focus);box-shadow:none;outline:none}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--spectrum-button-focus-ring-thickness)var(--spectrum-button-focus-indicator-color)}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--spectrum-button-content-color-down);box-shadow:none}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--spectrum-button-content-color-disabled)}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out}.spectrum-ProgressCircle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out,visibility 0s linear var(--spectrum-button-animation-duration,.13s)}:host([pending]),:host([pending]){cursor:default}:host([pending]) .spectrum-ProgressCircle,:host([pending]) .spectrum-ProgressCircle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out}::slotted([slot=icon]){--_icon-size-difference:max(0px,calc(var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size,var(--spectrum-button-intended-icon-size))));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,calc(var(--spectrum-button-top-to-icon) - var(--spectrum-button-border-width) + var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--spectrum-button-edge-to-visual) - var(--spectrum-button-edge-to-text))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--spectrum-button-edge-to-visual-only) - var(--spectrum-button-border-width));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}[name=icon]+#label{text-align:start;text-align:var(--mod-button-text-align-with-icon,start)}#label{line-height:var(--spectrum-button-line-height);text-align:center;text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--spectrum-button-top-to-text) - var(--spectrum-button-border-width));padding-block-end:calc(var(--spectrum-button-bottom-to-text) - var(--spectrum-button-border-width))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (forced-colors:active){:host{--highcontrast-button-content-color-default:ButtonText;--highcontrast-button-content-color-hover:ButtonText;--highcontrast-button-content-color-focus:ButtonText;--highcontrast-button-content-color-down:ButtonText;--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-default:ButtonBorder;--highcontrast-button-border-color-hover:ButtonBorder;--highcontrast-button-border-color-focus:ButtonBorder;--highcontrast-button-border-color-down:ButtonBorder;--highcontrast-button-border-color-disabled:GrayText;--highcontrast-button-background-color-default:ButtonFace;--highcontrast-button-background-color-hover:ButtonFace;--highcontrast-button-background-color-down:ButtonFace;--highcontrast-button-background-color-focus:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium);--mod-button-animation-duration:0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--spectrum-button-focus-ring-thickness)ButtonText}:host([static-color=white][variant=accent]){--highcontrast-button-content-color-disabled:GrayText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-content-color-hover:HighlightText;--highcontrast-button-content-color-down:HighlightText;--highcontrast-button-content-color-focus:HighlightText;--highcontrast-button-border-color-default:ButtonText;--highcontrast-button-border-color-hover:Highlight;--highcontrast-button-border-color-focus:Highlight;--highcontrast-button-border-color-down:Highlight}}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
|
|
2
|
-
:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1*var(--mod-button-focus-indicator-gap,var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))));transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center}#label[hidden]{display:none}:host{--mod-progress-circle-position:absolute;border-radius:var(--mod-button-border-radius,var(--spectrum-button-border-radius));border-width:var(--mod-button-border-width,var(--spectrum-button-border-width));font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--mod-button-max-inline-size,none);min-inline-size:var(--mod-button-min-width,var(--spectrum-button-min-width));min-block-size:var(--mod-button-height,var(--spectrum-button-height));padding-block:0;padding-inline:var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--mod-button-margin-block,0);border-style:solid;margin-inline-start:var(--mod-button-margin-left,0);margin-inline-end:var(--mod-button-margin-right,0);position:relative}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px,var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-size,var(--spectrum-button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,var(--mod-button-top-to-icon,var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width,var(--spectrum-button-border-width)) + (var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--mod-button-edge-to-visual,var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--mod-button-edge-to-visual-only,var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--mod-button-line-height,var(--spectrum-button-line-height));text-align:center;text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--mod-button-top-to-text,var(--spectrum-button-top-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));padding-block-end:calc(var(--mod-button-bottom-to-text,var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)))}[name=icon]+#label{text-align:start;text-align:var(--mod-button-text-align-with-icon,start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))}:host{transition:border-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out}:host:after{margin:calc(( var(--mod-button-focus-ring-gap,var(--spectrum-button-focus-ring-gap)) + var(--mod-button-border-width,var(--spectrum-button-border-width)))*-1);border-radius:var(--mod-button-focus-ring-border-radius,calc(var(--mod-button-border-radius,var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))));transition:box-shadow var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--highcontrast-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear,color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear,background-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-button-content-color-down)))}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out}.spectrum-ProgressCircle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out,visibility 0s linear var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))}:host([pending]),:host([pending]){cursor:default}:host([pending]) .spectrum-ProgressCircle,:host([pending]) .spectrum-ProgressCircle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}:host([static-color=white][selected]){--spectrum-button-content-color-default:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-default));--spectrum-button-content-color-hover:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-hover));--spectrum-button-content-color-down:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-down));--spectrum-button-content-color-focus:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-focus))}:host([static-color=black]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}@media (forced-colors:active){:host{--highcontrast-button-content-color-default:ButtonText;--highcontrast-button-content-color-hover:ButtonText;--highcontrast-button-content-color-focus:ButtonText;--highcontrast-button-content-color-down:ButtonText;--highcontrast-button-border-color-default:ButtonBorder;--highcontrast-button-border-color-hover:ButtonBorder;--highcontrast-button-border-color-focus:ButtonBorder;--highcontrast-button-border-color-down:ButtonBorder;--highcontrast-button-background-color-default:ButtonFace;--highcontrast-button-background-color-hover:ButtonFace;--highcontrast-button-background-color-down:ButtonFace;--highcontrast-button-background-color-focus:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium);--mod-button-animation-duration:0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-content-color-hover:HighlightText;--highcontrast-button-content-color-down:HighlightText;--highcontrast-button-content-color-focus:HighlightText;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-border-color-default:ButtonText;--highcontrast-button-border-color-hover:Highlight;--highcontrast-button-border-color-focus:Highlight;--highcontrast-button-border-color-down:Highlight}}
|
|
2
|
+
:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(var(--mod-button-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--spectrum-animation-duration-100)))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--spectrum-animation-duration-100)))ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center}#label[hidden]{display:none}:host,:host{--spectrum-button-sized-height:var(--spectrum-component-height-100);--spectrum-button-sized-font-size:var(--spectrum-font-size-100);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-100);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-medium);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=s]){--spectrum-button-sized-height:var(--spectrum-component-height-75);--spectrum-button-sized-font-size:var(--spectrum-font-size-75);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-75);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-small);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-button-sized-height:var(--spectrum-component-height-200);--spectrum-button-sized-font-size:var(--spectrum-font-size-200);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-200);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-large);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-button-sized-height:var(--spectrum-component-height-300);--spectrum-button-sized-font-size:var(--spectrum-font-size-300);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-300);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-extra-large);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-extra-large);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-300)}:host([selected]){--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white);--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-disabled:transparent}:host([selected][emphasized]),:host([variant=accent]){--mod-button-background-color-default:var(--spectrum-accent-background-color-default);--mod-button-background-color-hover:var(--spectrum-accent-background-color-hover);--mod-button-background-color-down:var(--spectrum-accent-background-color-down);--mod-button-background-color-focus:var(--spectrum-accent-background-color-key-focus)}:host([variant=accent]){--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent;--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white)}:host([variant=accent][treatment=outline]){--mod-button-background-color-hover:var(--spectrum-accent-color-200);--mod-button-background-color-down:var(--spectrum-accent-color-300);--mod-button-background-color-focus:var(--spectrum-accent-color-200);--mod-button-border-color-default:var(--spectrum-accent-color-900);--mod-button-border-color-hover:var(--spectrum-accent-color-1000);--mod-button-border-color-down:var(--spectrum-accent-color-1100);--mod-button-border-color-focus:var(--spectrum-accent-color-1000);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-default:var(--spectrum-accent-content-color-default);--mod-button-content-color-hover:var(--spectrum-accent-content-color-hover);--mod-button-content-color-down:var(--spectrum-accent-content-color-down);--mod-button-content-color-focus:var(--spectrum-accent-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=negative]){--mod-button-background-color-default:var(--spectrum-negative-background-color-default);--mod-button-background-color-hover:var(--spectrum-negative-background-color-hover);--mod-button-background-color-down:var(--spectrum-negative-background-color-down);--mod-button-background-color-focus:var(--spectrum-negative-background-color-key-focus);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white);--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-disabled:transparent;--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=negative][treatment=outline]){--mod-button-background-color-hover:var(--spectrum-negative-color-200);--mod-button-background-color-down:var(--spectrum-negative-color-300);--mod-button-background-color-focus:var(--spectrum-negative-color-200);--mod-button-border-color-default:var(--spectrum-negative-color-900);--mod-button-border-color-hover:var(--spectrum-negative-color-1000);--mod-button-border-color-down:var(--spectrum-negative-color-1100);--mod-button-border-color-focus:var(--spectrum-negative-color-1000);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-default:var(--spectrum-negative-content-color-default);--mod-button-content-color-hover:var(--spectrum-negative-content-color-hover);--mod-button-content-color-down:var(--spectrum-negative-content-color-down);--mod-button-content-color-focus:var(--spectrum-negative-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=primary]){--mod-button-background-color-default:var(--spectrum-neutral-background-color-default);--mod-button-background-color-hover:var(--spectrum-neutral-background-color-hover);--mod-button-background-color-down:var(--spectrum-neutral-background-color-down);--mod-button-background-color-focus:var(--spectrum-neutral-background-color-key-focus);--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent}:host([variant=primary][treatment=outline]){--mod-button-border-color-default:var(--spectrum-gray-800);--mod-button-border-color-hover:var(--spectrum-gray-900);--mod-button-border-color-down:var(--spectrum-gray-900);--mod-button-border-color-focus:var(--spectrum-gray-900);--mod-button-content-color-default:var(--spectrum-neutral-content-color-default);--mod-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--mod-button-content-color-down:var(--spectrum-neutral-content-color-down);--mod-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=secondary]){--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent;--mod-button-content-color-default:var(--spectrum-neutral-content-color-default);--mod-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--mod-button-content-color-down:var(--spectrum-neutral-content-color-down);--mod-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=secondary][treatment=outline]){--mod-button-background-color-down:var(--spectrum-gray-400);--mod-button-border-color-default:var(--spectrum-gray-300);--mod-button-border-color-hover:var(--spectrum-gray-400);--mod-button-border-color-down:var(--spectrum-gray-500);--mod-button-border-color-focus:var(--spectrum-gray-400);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-default:var(--spectrum-neutral-content-color-default);--mod-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--mod-button-content-color-down:var(--spectrum-neutral-content-color-down);--mod-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([quiet]){--mod-button-background-color-hover:var(--spectrum-gray-200);--mod-button-background-color-down:var(--spectrum-gray-300);--mod-button-background-color-focus:var(--spectrum-gray-200)}:host([quiet]),:host([static-color=black]),:host([static-color=white]){--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent}:host([static-color=black][selected]),:host([static-color=white][selected]){--mod-button-content-color-default:var(--mod-button-static-content-color);--mod-button-content-color-hover:var(--mod-button-static-content-color);--mod-button-content-color-down:var(--mod-button-static-content-color);--mod-button-content-color-focus:var(--mod-button-static-content-color);--mod-button-border-color-disabled:transparent}:host([static-color=black][quiet]),:host([static-color=black][variant=secondary]),:host([static-color=white][quiet]),:host([static-color=white][variant=secondary]){--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent}:host([static-color=white]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-button-background-color-disabled:var(--spectrum-disabled-static-white-background-color);--mod-button-focus-ring-color:var(--spectrum-static-white-focus-indicator-color)}:host([static-color=white][variant=secondary]):not(.spectrum-Button--outline){--mod-button-background-color-disabled:var(--spectrum-disabled-static-white-background-color)}:host([static-color=white][treatment=outline]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-button-border-color-disabled:var(--spectrum-disabled-static-white-border-color)}:host([static-color=black]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--mod-button-background-color-disabled:var(--spectrum-disabled-static-black-background-color);--mod-button-focus-ring-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}:host([static-color=black][variant=secondary]):not(.spectrum-Button--outline){--mod-button-background-color-disabled:var(--spectrum-disabled-static-black-background-color)}:host([static-color=black][treatment=outline]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--mod-button-border-color-disabled:var(--spectrum-disabled-static-black-border-color)}:host([treatment=outline]),:host([quiet]){--mod-button-background-color-default:transparent;--mod-button-background-color-disabled:transparent}:host{--spectrum-button-height:var(--mod-button-height,var(--spectrum-button-sized-height));--spectrum-button-min-width:var(--mod-button-min-width,calc(var(--spectrum-button-height)*var(--spectrum-button-minimum-width-multiplier)));--spectrum-button-line-height:var(--mod-button-line-height,1.2);--spectrum-button-font-size:var(--mod-button-font-size,var(--spectrum-button-sized-font-size));--spectrum-button-padding-label-to-icon:var(--mod-button-padding-label-to-icon,var(--spectrum-button-sized-padding-label-to-icon));--spectrum-button-edge-to-visual:var(--mod-button-edge-to-visual,var(--spectrum-button-sized-edge-to-visual));--spectrum-button-edge-to-visual-only:var(--mod-button-edge-to-visual-only,var(--spectrum-button-sized-edge-to-visual-only));--spectrum-button-edge-to-text:var(--mod-button-edge-to-text,var(--spectrum-button-sized-edge-to-text));--spectrum-button-top-to-text:var(--mod-button-top-to-text,var(--spectrum-button-sized-top-to-text));--spectrum-button-bottom-to-text:var(--mod-button-bottom-to-text,var(--spectrum-button-sized-bottom-to-text));--spectrum-button-top-to-icon:var(--mod-button-top-to-icon,var(--spectrum-button-sized-top-to-icon));--spectrum-button-focus-ring-thickness:var(--mod-button-focus-ring-thickness,var(--spectrum-focus-indicator-thickness));--spectrum-button-focus-indicator-color:var(--mod-button-focus-ring-color,var(--spectrum-focus-indicator-color));--spectrum-button-animation-duration:var(--mod-button-animation-duration,var(--spectrum-animation-duration-100));--spectrum-button-border-width:var(--mod-button-border-width,var(--spectrum-border-width-200));--spectrum-button-focus-ring-gap:var(--mod-focus-indicator-gap,var(--mod-button-focus-ring-gap,var(--spectrum-focus-indicator-gap)));--spectrum-button-border-radius:var(--mod-button-border-radius,calc(var(--spectrum-button-height)/2));--spectrum-button-content-color-default:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-neutral-content-color-default)));--spectrum-button-content-color-hover:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-neutral-content-color-hover)));--spectrum-button-content-color-down:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-neutral-content-color-down)));--spectrum-button-content-color-focus:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-neutral-content-color-key-focus)));--spectrum-button-content-color-disabled:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-disabled-content-color)));--mod-progress-circle-position:absolute;border-radius:var(--spectrum-button-border-radius);border-width:var(--spectrum-button-border-width);font-size:var(--spectrum-button-font-size);font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--spectrum-button-padding-label-to-icon);max-inline-size:none;max-inline-size:var(--mod-button-max-inline-size,none);min-inline-size:var(--spectrum-button-min-width);min-block-size:var(--spectrum-button-height);padding-block:0;padding-inline:var(--spectrum-button-edge-to-text);margin-block:var(--mod-button-margin-block);background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-style:solid;border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:inherit;color:var(--spectrum-button-content-color-default,inherit);transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--spectrum-button-animation-duration,.13s)linear,color var(--spectrum-button-animation-duration,.13s)linear,background-color var(--spectrum-button-animation-duration,.13s)linear;margin-inline-start:var(--mod-button-margin-left);margin-inline-end:var(--mod-button-margin-right);position:relative}:host([treatment=outline]){background-color:initial}:host:after{margin:var(--mod-button-focus-ring-border-radius,calc(( var(--spectrum-button-focus-ring-gap) + var(--spectrum-button-border-width))*-1));transition:box-shadow var(--spectrum-button-animation-duration)ease-in-out;pointer-events:none;content:"";border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-focus-indicator-gap));position:absolute;inset:0}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--spectrum-button-content-color-hover);box-shadow:none}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--spectrum-button-content-color-focus);box-shadow:none;outline:none}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--spectrum-button-focus-ring-thickness)var(--spectrum-button-focus-indicator-color)}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--spectrum-button-content-color-down);box-shadow:none}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--spectrum-button-content-color-disabled)}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out}.spectrum-ProgressCircle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out,visibility 0s linear var(--spectrum-button-animation-duration,.13s)}:host([pending]),:host([pending]){cursor:default}:host([pending]) .spectrum-ProgressCircle,:host([pending]) .spectrum-ProgressCircle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out}::slotted([slot=icon]){--_icon-size-difference:max(0px,calc(var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size,var(--spectrum-button-intended-icon-size))));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,calc(var(--spectrum-button-top-to-icon) - var(--spectrum-button-border-width) + var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--spectrum-button-edge-to-visual) - var(--spectrum-button-edge-to-text))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--spectrum-button-edge-to-visual-only) - var(--spectrum-button-border-width));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}[name=icon]+#label{text-align:start;text-align:var(--mod-button-text-align-with-icon,start)}#label{line-height:var(--spectrum-button-line-height);text-align:center;text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--spectrum-button-top-to-text) - var(--spectrum-button-border-width));padding-block-end:calc(var(--spectrum-button-bottom-to-text) - var(--spectrum-button-border-width))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (forced-colors:active){:host{--highcontrast-button-content-color-default:ButtonText;--highcontrast-button-content-color-hover:ButtonText;--highcontrast-button-content-color-focus:ButtonText;--highcontrast-button-content-color-down:ButtonText;--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-default:ButtonBorder;--highcontrast-button-border-color-hover:ButtonBorder;--highcontrast-button-border-color-focus:ButtonBorder;--highcontrast-button-border-color-down:ButtonBorder;--highcontrast-button-border-color-disabled:GrayText;--highcontrast-button-background-color-default:ButtonFace;--highcontrast-button-background-color-hover:ButtonFace;--highcontrast-button-background-color-down:ButtonFace;--highcontrast-button-background-color-focus:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium);--mod-button-animation-duration:0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--spectrum-button-focus-ring-thickness)ButtonText}:host([static-color=white][variant=accent]){--highcontrast-button-content-color-disabled:GrayText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-content-color-hover:HighlightText;--highcontrast-button-content-color-down:HighlightText;--highcontrast-button-content-color-focus:HighlightText;--highcontrast-button-border-color-default:ButtonText;--highcontrast-button-border-color-hover:Highlight;--highcontrast-button-border-color-focus:Highlight;--highcontrast-button-border-color-down:Highlight}}
|
|
3
3
|
`;export default t;
|
|
4
4
|
//# sourceMappingURL=spectrum-button.css.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-button.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1*var(--mod-button-focus-indicator-gap,var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))));transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))))ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center}#label[hidden]{display:none}:host{--mod-progress-circle-position:absolute;border-radius:var(--mod-button-border-radius,var(--spectrum-button-border-radius));border-width:var(--mod-button-border-width,var(--spectrum-button-border-width));font-size:var(--mod-button-font-size,var(--spectrum-button-font-size));font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--mod-button-padding-label-to-icon,var(--spectrum-button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--mod-button-max-inline-size,none);min-inline-size:var(--mod-button-min-width,var(--spectrum-button-min-width));min-block-size:var(--mod-button-height,var(--spectrum-button-height));padding-block:0;padding-inline:var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--mod-button-margin-block,0);border-style:solid;margin-inline-start:var(--mod-button-margin-left,0);margin-inline-end:var(--mod-button-margin-right,0);position:relative}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px,var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-size,var(--spectrum-button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,var(--mod-button-top-to-icon,var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width,var(--spectrum-button-border-width)) + (var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--mod-button-edge-to-visual,var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--mod-button-edge-to-visual-only,var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--mod-button-line-height,var(--spectrum-button-line-height));text-align:center;text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--mod-button-top-to-text,var(--spectrum-button-top-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)));padding-block-end:calc(var(--mod-button-bottom-to-text,var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width,var(--spectrum-button-border-width)))}[name=icon]+#label{text-align:start;text-align:var(--mod-button-text-align-with-icon,start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))}:host{transition:border-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out}:host:after{margin:calc(( var(--mod-button-focus-ring-gap,var(--spectrum-button-focus-ring-gap)) + var(--mod-button-border-width,var(--spectrum-button-border-width)))*-1);border-radius:var(--mod-button-focus-ring-border-radius,calc(var(--mod-button-border-radius,var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))));transition:box-shadow var(--mod-button-animation-duration,var(--spectrum-button-animation-duration))ease-in-out;pointer-events:none;content:\"\";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))var(--highcontrast-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear,color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear,background-color var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))linear}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-button-content-color-down)))}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out}.spectrum-ProgressCircle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out,visibility 0s linear var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))}:host([pending]),:host([pending]){cursor:default}:host([pending]) .spectrum-ProgressCircle,:host([pending]) .spectrum-ProgressCircle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--mod-button-animation-duration,var(--spectrum-button-animation-duration,.13s))ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}:host([static-color=white][selected]){--spectrum-button-content-color-default:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-default));--spectrum-button-content-color-hover:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-hover));--spectrum-button-content-color-down:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-down));--spectrum-button-content-color-focus:var(--mod-button-static-content-color,var(--spectrum-button-static-white-content-color-focus))}:host([static-color=black]){--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}@media (forced-colors:active){:host{--highcontrast-button-content-color-default:ButtonText;--highcontrast-button-content-color-hover:ButtonText;--highcontrast-button-content-color-focus:ButtonText;--highcontrast-button-content-color-down:ButtonText;--highcontrast-button-border-color-default:ButtonBorder;--highcontrast-button-border-color-hover:ButtonBorder;--highcontrast-button-border-color-focus:ButtonBorder;--highcontrast-button-border-color-down:ButtonBorder;--highcontrast-button-background-color-default:ButtonFace;--highcontrast-button-background-color-hover:ButtonFace;--highcontrast-button-background-color-down:ButtonFace;--highcontrast-button-background-color-focus:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium);--mod-button-animation-duration:0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness))ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-content-color-hover:HighlightText;--highcontrast-button-content-color-down:HighlightText;--highcontrast-button-content-color-focus:HighlightText;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-border-color-default:ButtonText;--highcontrast-button-border-color-hover:Highlight;--highcontrast-button-border-color-focus:Highlight;--highcontrast-button-border-color-down:Highlight}}\n`;\nexport default styles;"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(var(--mod-button-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--spectrum-animation-duration-100)))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--spectrum-animation-duration-100)))ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center}#label[hidden]{display:none}:host,:host{--spectrum-button-sized-height:var(--spectrum-component-height-100);--spectrum-button-sized-font-size:var(--spectrum-font-size-100);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-100);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-medium);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=s]){--spectrum-button-sized-height:var(--spectrum-component-height-75);--spectrum-button-sized-font-size:var(--spectrum-font-size-75);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-75);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-small);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-button-sized-height:var(--spectrum-component-height-200);--spectrum-button-sized-font-size:var(--spectrum-font-size-200);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-200);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-large);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-button-sized-height:var(--spectrum-component-height-300);--spectrum-button-sized-font-size:var(--spectrum-font-size-300);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-300);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-extra-large);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-extra-large);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-300)}:host([selected]){--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white);--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-disabled:transparent}:host([selected][emphasized]),:host([variant=accent]){--mod-button-background-color-default:var(--spectrum-accent-background-color-default);--mod-button-background-color-hover:var(--spectrum-accent-background-color-hover);--mod-button-background-color-down:var(--spectrum-accent-background-color-down);--mod-button-background-color-focus:var(--spectrum-accent-background-color-key-focus)}:host([variant=accent]){--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent;--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white)}:host([variant=accent][treatment=outline]){--mod-button-background-color-hover:var(--spectrum-accent-color-200);--mod-button-background-color-down:var(--spectrum-accent-color-300);--mod-button-background-color-focus:var(--spectrum-accent-color-200);--mod-button-border-color-default:var(--spectrum-accent-color-900);--mod-button-border-color-hover:var(--spectrum-accent-color-1000);--mod-button-border-color-down:var(--spectrum-accent-color-1100);--mod-button-border-color-focus:var(--spectrum-accent-color-1000);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-default:var(--spectrum-accent-content-color-default);--mod-button-content-color-hover:var(--spectrum-accent-content-color-hover);--mod-button-content-color-down:var(--spectrum-accent-content-color-down);--mod-button-content-color-focus:var(--spectrum-accent-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=negative]){--mod-button-background-color-default:var(--spectrum-negative-background-color-default);--mod-button-background-color-hover:var(--spectrum-negative-background-color-hover);--mod-button-background-color-down:var(--spectrum-negative-background-color-down);--mod-button-background-color-focus:var(--spectrum-negative-background-color-key-focus);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white);--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-disabled:transparent;--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=negative][treatment=outline]){--mod-button-background-color-hover:var(--spectrum-negative-color-200);--mod-button-background-color-down:var(--spectrum-negative-color-300);--mod-button-background-color-focus:var(--spectrum-negative-color-200);--mod-button-border-color-default:var(--spectrum-negative-color-900);--mod-button-border-color-hover:var(--spectrum-negative-color-1000);--mod-button-border-color-down:var(--spectrum-negative-color-1100);--mod-button-border-color-focus:var(--spectrum-negative-color-1000);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-default:var(--spectrum-negative-content-color-default);--mod-button-content-color-hover:var(--spectrum-negative-content-color-hover);--mod-button-content-color-down:var(--spectrum-negative-content-color-down);--mod-button-content-color-focus:var(--spectrum-negative-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=primary]){--mod-button-background-color-default:var(--spectrum-neutral-background-color-default);--mod-button-background-color-hover:var(--spectrum-neutral-background-color-hover);--mod-button-background-color-down:var(--spectrum-neutral-background-color-down);--mod-button-background-color-focus:var(--spectrum-neutral-background-color-key-focus);--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-content-color-default:var(--spectrum-white);--mod-button-content-color-hover:var(--spectrum-white);--mod-button-content-color-down:var(--spectrum-white);--mod-button-content-color-focus:var(--spectrum-white);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent}:host([variant=primary][treatment=outline]){--mod-button-border-color-default:var(--spectrum-gray-800);--mod-button-border-color-hover:var(--spectrum-gray-900);--mod-button-border-color-down:var(--spectrum-gray-900);--mod-button-border-color-focus:var(--spectrum-gray-900);--mod-button-content-color-default:var(--spectrum-neutral-content-color-default);--mod-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--mod-button-content-color-down:var(--spectrum-neutral-content-color-down);--mod-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=secondary]){--mod-button-background-color-disabled:var(--spectrum-disabled-background-color);--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent;--mod-button-content-color-default:var(--spectrum-neutral-content-color-default);--mod-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--mod-button-content-color-down:var(--spectrum-neutral-content-color-down);--mod-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=secondary][treatment=outline]){--mod-button-background-color-down:var(--spectrum-gray-400);--mod-button-border-color-default:var(--spectrum-gray-300);--mod-button-border-color-hover:var(--spectrum-gray-400);--mod-button-border-color-down:var(--spectrum-gray-500);--mod-button-border-color-focus:var(--spectrum-gray-400);--mod-button-border-color-disabled:var(--spectrum-disabled-border-color);--mod-button-content-color-default:var(--spectrum-neutral-content-color-default);--mod-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--mod-button-content-color-down:var(--spectrum-neutral-content-color-down);--mod-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--mod-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([quiet]){--mod-button-background-color-hover:var(--spectrum-gray-200);--mod-button-background-color-down:var(--spectrum-gray-300);--mod-button-background-color-focus:var(--spectrum-gray-200)}:host([quiet]),:host([static-color=black]),:host([static-color=white]){--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent}:host([static-color=black][selected]),:host([static-color=white][selected]){--mod-button-content-color-default:var(--mod-button-static-content-color);--mod-button-content-color-hover:var(--mod-button-static-content-color);--mod-button-content-color-down:var(--mod-button-static-content-color);--mod-button-content-color-focus:var(--mod-button-static-content-color);--mod-button-border-color-disabled:transparent}:host([static-color=black][quiet]),:host([static-color=black][variant=secondary]),:host([static-color=white][quiet]),:host([static-color=white][variant=secondary]){--mod-button-border-color-default:transparent;--mod-button-border-color-hover:transparent;--mod-button-border-color-down:transparent;--mod-button-border-color-focus:transparent;--mod-button-border-color-disabled:transparent}:host([static-color=white]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-button-background-color-disabled:var(--spectrum-disabled-static-white-background-color);--mod-button-focus-ring-color:var(--spectrum-static-white-focus-indicator-color)}:host([static-color=white][variant=secondary]):not(.spectrum-Button--outline){--mod-button-background-color-disabled:var(--spectrum-disabled-static-white-background-color)}:host([static-color=white][treatment=outline]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-button-border-color-disabled:var(--spectrum-disabled-static-white-border-color)}:host([static-color=black]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--mod-button-background-color-disabled:var(--spectrum-disabled-static-black-background-color);--mod-button-focus-ring-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}:host([static-color=black][variant=secondary]):not(.spectrum-Button--outline){--mod-button-background-color-disabled:var(--spectrum-disabled-static-black-background-color)}:host([static-color=black][treatment=outline]){--mod-button-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--mod-button-border-color-disabled:var(--spectrum-disabled-static-black-border-color)}:host([treatment=outline]),:host([quiet]){--mod-button-background-color-default:transparent;--mod-button-background-color-disabled:transparent}:host{--spectrum-button-height:var(--mod-button-height,var(--spectrum-button-sized-height));--spectrum-button-min-width:var(--mod-button-min-width,calc(var(--spectrum-button-height)*var(--spectrum-button-minimum-width-multiplier)));--spectrum-button-line-height:var(--mod-button-line-height,1.2);--spectrum-button-font-size:var(--mod-button-font-size,var(--spectrum-button-sized-font-size));--spectrum-button-padding-label-to-icon:var(--mod-button-padding-label-to-icon,var(--spectrum-button-sized-padding-label-to-icon));--spectrum-button-edge-to-visual:var(--mod-button-edge-to-visual,var(--spectrum-button-sized-edge-to-visual));--spectrum-button-edge-to-visual-only:var(--mod-button-edge-to-visual-only,var(--spectrum-button-sized-edge-to-visual-only));--spectrum-button-edge-to-text:var(--mod-button-edge-to-text,var(--spectrum-button-sized-edge-to-text));--spectrum-button-top-to-text:var(--mod-button-top-to-text,var(--spectrum-button-sized-top-to-text));--spectrum-button-bottom-to-text:var(--mod-button-bottom-to-text,var(--spectrum-button-sized-bottom-to-text));--spectrum-button-top-to-icon:var(--mod-button-top-to-icon,var(--spectrum-button-sized-top-to-icon));--spectrum-button-focus-ring-thickness:var(--mod-button-focus-ring-thickness,var(--spectrum-focus-indicator-thickness));--spectrum-button-focus-indicator-color:var(--mod-button-focus-ring-color,var(--spectrum-focus-indicator-color));--spectrum-button-animation-duration:var(--mod-button-animation-duration,var(--spectrum-animation-duration-100));--spectrum-button-border-width:var(--mod-button-border-width,var(--spectrum-border-width-200));--spectrum-button-focus-ring-gap:var(--mod-focus-indicator-gap,var(--mod-button-focus-ring-gap,var(--spectrum-focus-indicator-gap)));--spectrum-button-border-radius:var(--mod-button-border-radius,calc(var(--spectrum-button-height)/2));--spectrum-button-content-color-default:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-neutral-content-color-default)));--spectrum-button-content-color-hover:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-neutral-content-color-hover)));--spectrum-button-content-color-down:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-neutral-content-color-down)));--spectrum-button-content-color-focus:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-neutral-content-color-key-focus)));--spectrum-button-content-color-disabled:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-disabled-content-color)));--mod-progress-circle-position:absolute;border-radius:var(--spectrum-button-border-radius);border-width:var(--spectrum-button-border-width);font-size:var(--spectrum-button-font-size);font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--spectrum-button-padding-label-to-icon);max-inline-size:none;max-inline-size:var(--mod-button-max-inline-size,none);min-inline-size:var(--spectrum-button-min-width);min-block-size:var(--spectrum-button-height);padding-block:0;padding-inline:var(--spectrum-button-edge-to-text);margin-block:var(--mod-button-margin-block);background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-style:solid;border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:inherit;color:var(--spectrum-button-content-color-default,inherit);transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--spectrum-button-animation-duration,.13s)linear,color var(--spectrum-button-animation-duration,.13s)linear,background-color var(--spectrum-button-animation-duration,.13s)linear;margin-inline-start:var(--mod-button-margin-left);margin-inline-end:var(--mod-button-margin-right);position:relative}:host([treatment=outline]){background-color:initial}:host:after{margin:var(--mod-button-focus-ring-border-radius,calc(( var(--spectrum-button-focus-ring-gap) + var(--spectrum-button-border-width))*-1));transition:box-shadow var(--spectrum-button-animation-duration)ease-in-out;pointer-events:none;content:\"\";border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-focus-indicator-gap));position:absolute;inset:0}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--spectrum-button-content-color-hover);box-shadow:none}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--spectrum-button-content-color-focus);box-shadow:none;outline:none}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--spectrum-button-focus-ring-thickness)var(--spectrum-button-focus-indicator-color)}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--spectrum-button-content-color-down);box-shadow:none}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--spectrum-button-content-color-disabled)}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out}.spectrum-ProgressCircle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out,visibility 0s linear var(--spectrum-button-animation-duration,.13s)}:host([pending]),:host([pending]){cursor:default}:host([pending]) .spectrum-ProgressCircle,:host([pending]) .spectrum-ProgressCircle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out}::slotted([slot=icon]){--_icon-size-difference:max(0px,calc(var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size,var(--spectrum-button-intended-icon-size))));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,calc(var(--spectrum-button-top-to-icon) - var(--spectrum-button-border-width) + var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--spectrum-button-edge-to-visual) - var(--spectrum-button-edge-to-text))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--spectrum-button-edge-to-visual-only) - var(--spectrum-button-border-width));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}[name=icon]+#label{text-align:start;text-align:var(--mod-button-text-align-with-icon,start)}#label{line-height:var(--spectrum-button-line-height);text-align:center;text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--spectrum-button-top-to-text) - var(--spectrum-button-border-width));padding-block-end:calc(var(--spectrum-button-bottom-to-text) - var(--spectrum-button-border-width))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (forced-colors:active){:host{--highcontrast-button-content-color-default:ButtonText;--highcontrast-button-content-color-hover:ButtonText;--highcontrast-button-content-color-focus:ButtonText;--highcontrast-button-content-color-down:ButtonText;--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-default:ButtonBorder;--highcontrast-button-border-color-hover:ButtonBorder;--highcontrast-button-border-color-focus:ButtonBorder;--highcontrast-button-border-color-down:ButtonBorder;--highcontrast-button-border-color-disabled:GrayText;--highcontrast-button-background-color-default:ButtonFace;--highcontrast-button-background-color-hover:ButtonFace;--highcontrast-button-background-color-down:ButtonFace;--highcontrast-button-background-color-focus:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium);--mod-button-animation-duration:0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--spectrum-button-focus-ring-thickness)ButtonText}:host([static-color=white][variant=accent]){--highcontrast-button-content-color-disabled:GrayText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-content-color-hover:HighlightText;--highcontrast-button-content-color-down:HighlightText;--highcontrast-button-content-color-focus:HighlightText;--highcontrast-button-border-color-default:ButtonText;--highcontrast-button-border-color-hover:Highlight;--highcontrast-button-border-color-focus:Highlight;--highcontrast-button-border-color-down:Highlight}}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
package/LICENSE
DELETED
|
@@ -1,201 +0,0 @@
|
|
|
1
|
-
Apache License
|
|
2
|
-
Version 2.0, January 2004
|
|
3
|
-
http://www.apache.org/licenses/
|
|
4
|
-
|
|
5
|
-
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
|
6
|
-
|
|
7
|
-
1. Definitions.
|
|
8
|
-
|
|
9
|
-
"License" shall mean the terms and conditions for use, reproduction,
|
|
10
|
-
and distribution as defined by Sections 1 through 9 of this document.
|
|
11
|
-
|
|
12
|
-
"Licensor" shall mean the copyright owner or entity authorized by
|
|
13
|
-
the copyright owner that is granting the License.
|
|
14
|
-
|
|
15
|
-
"Legal Entity" shall mean the union of the acting entity and all
|
|
16
|
-
other entities that control, are controlled by, or are under common
|
|
17
|
-
control with that entity. For the purposes of this definition,
|
|
18
|
-
"control" means (i) the power, direct or indirect, to cause the
|
|
19
|
-
direction or management of such entity, whether by contract or
|
|
20
|
-
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
|
21
|
-
outstanding shares, or (iii) beneficial ownership of such entity.
|
|
22
|
-
|
|
23
|
-
"You" (or "Your") shall mean an individual or Legal Entity
|
|
24
|
-
exercising permissions granted by this License.
|
|
25
|
-
|
|
26
|
-
"Source" form shall mean the preferred form for making modifications,
|
|
27
|
-
including but not limited to software source code, documentation
|
|
28
|
-
source, and configuration files.
|
|
29
|
-
|
|
30
|
-
"Object" form shall mean any form resulting from mechanical
|
|
31
|
-
transformation or translation of a Source form, including but
|
|
32
|
-
not limited to compiled object code, generated documentation,
|
|
33
|
-
and conversions to other media types.
|
|
34
|
-
|
|
35
|
-
"Work" shall mean the work of authorship, whether in Source or
|
|
36
|
-
Object form, made available under the License, as indicated by a
|
|
37
|
-
copyright notice that is included in or attached to the work
|
|
38
|
-
(an example is provided in the Appendix below).
|
|
39
|
-
|
|
40
|
-
"Derivative Works" shall mean any work, whether in Source or Object
|
|
41
|
-
form, that is based on (or derived from) the Work and for which the
|
|
42
|
-
editorial revisions, annotations, elaborations, or other modifications
|
|
43
|
-
represent, as a whole, an original work of authorship. For the purposes
|
|
44
|
-
of this License, Derivative Works shall not include works that remain
|
|
45
|
-
separable from, or merely link (or bind by name) to the interfaces of,
|
|
46
|
-
the Work and Derivative Works thereof.
|
|
47
|
-
|
|
48
|
-
"Contribution" shall mean any work of authorship, including
|
|
49
|
-
the original version of the Work and any modifications or additions
|
|
50
|
-
to that Work or Derivative Works thereof, that is intentionally
|
|
51
|
-
submitted to Licensor for inclusion in the Work by the copyright owner
|
|
52
|
-
or by an individual or Legal Entity authorized to submit on behalf of
|
|
53
|
-
the copyright owner. For the purposes of this definition, "submitted"
|
|
54
|
-
means any form of electronic, verbal, or written communication sent
|
|
55
|
-
to the Licensor or its representatives, including but not limited to
|
|
56
|
-
communication on electronic mailing lists, source code control systems,
|
|
57
|
-
and issue tracking systems that are managed by, or on behalf of, the
|
|
58
|
-
Licensor for the purpose of discussing and improving the Work, but
|
|
59
|
-
excluding communication that is conspicuously marked or otherwise
|
|
60
|
-
designated in writing by the copyright owner as "Not a Contribution."
|
|
61
|
-
|
|
62
|
-
"Contributor" shall mean Licensor and any individual or Legal Entity
|
|
63
|
-
on behalf of whom a Contribution has been received by Licensor and
|
|
64
|
-
subsequently incorporated within the Work.
|
|
65
|
-
|
|
66
|
-
2. Grant of Copyright License. Subject to the terms and conditions of
|
|
67
|
-
this License, each Contributor hereby grants to You a perpetual,
|
|
68
|
-
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
69
|
-
copyright license to reproduce, prepare Derivative Works of,
|
|
70
|
-
publicly display, publicly perform, sublicense, and distribute the
|
|
71
|
-
Work and such Derivative Works in Source or Object form.
|
|
72
|
-
|
|
73
|
-
3. Grant of Patent License. Subject to the terms and conditions of
|
|
74
|
-
this License, each Contributor hereby grants to You a perpetual,
|
|
75
|
-
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
76
|
-
(except as stated in this section) patent license to make, have made,
|
|
77
|
-
use, offer to sell, sell, import, and otherwise transfer the Work,
|
|
78
|
-
where such license applies only to those patent claims licensable
|
|
79
|
-
by such Contributor that are necessarily infringed by their
|
|
80
|
-
Contribution(s) alone or by combination of their Contribution(s)
|
|
81
|
-
with the Work to which such Contribution(s) was submitted. If You
|
|
82
|
-
institute patent litigation against any entity (including a
|
|
83
|
-
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
|
84
|
-
or a Contribution incorporated within the Work constitutes direct
|
|
85
|
-
or contributory patent infringement, then any patent licenses
|
|
86
|
-
granted to You under this License for that Work shall terminate
|
|
87
|
-
as of the date such litigation is filed.
|
|
88
|
-
|
|
89
|
-
4. Redistribution. You may reproduce and distribute copies of the
|
|
90
|
-
Work or Derivative Works thereof in any medium, with or without
|
|
91
|
-
modifications, and in Source or Object form, provided that You
|
|
92
|
-
meet the following conditions:
|
|
93
|
-
|
|
94
|
-
(a) You must give any other recipients of the Work or
|
|
95
|
-
Derivative Works a copy of this License; and
|
|
96
|
-
|
|
97
|
-
(b) You must cause any modified files to carry prominent notices
|
|
98
|
-
stating that You changed the files; and
|
|
99
|
-
|
|
100
|
-
(c) You must retain, in the Source form of any Derivative Works
|
|
101
|
-
that You distribute, all copyright, patent, trademark, and
|
|
102
|
-
attribution notices from the Source form of the Work,
|
|
103
|
-
excluding those notices that do not pertain to any part of
|
|
104
|
-
the Derivative Works; and
|
|
105
|
-
|
|
106
|
-
(d) If the Work includes a "NOTICE" text file as part of its
|
|
107
|
-
distribution, then any Derivative Works that You distribute must
|
|
108
|
-
include a readable copy of the attribution notices contained
|
|
109
|
-
within such NOTICE file, excluding those notices that do not
|
|
110
|
-
pertain to any part of the Derivative Works, in at least one
|
|
111
|
-
of the following places: within a NOTICE text file distributed
|
|
112
|
-
as part of the Derivative Works; within the Source form or
|
|
113
|
-
documentation, if provided along with the Derivative Works; or,
|
|
114
|
-
within a display generated by the Derivative Works, if and
|
|
115
|
-
wherever such third-party notices normally appear. The contents
|
|
116
|
-
of the NOTICE file are for informational purposes only and
|
|
117
|
-
do not modify the License. You may add Your own attribution
|
|
118
|
-
notices within Derivative Works that You distribute, alongside
|
|
119
|
-
or as an addendum to the NOTICE text from the Work, provided
|
|
120
|
-
that such additional attribution notices cannot be construed
|
|
121
|
-
as modifying the License.
|
|
122
|
-
|
|
123
|
-
You may add Your own copyright statement to Your modifications and
|
|
124
|
-
may provide additional or different license terms and conditions
|
|
125
|
-
for use, reproduction, or distribution of Your modifications, or
|
|
126
|
-
for any such Derivative Works as a whole, provided Your use,
|
|
127
|
-
reproduction, and distribution of the Work otherwise complies with
|
|
128
|
-
the conditions stated in this License.
|
|
129
|
-
|
|
130
|
-
5. Submission of Contributions. Unless You explicitly state otherwise,
|
|
131
|
-
any Contribution intentionally submitted for inclusion in the Work
|
|
132
|
-
by You to the Licensor shall be under the terms and conditions of
|
|
133
|
-
this License, without any additional terms or conditions.
|
|
134
|
-
Notwithstanding the above, nothing herein shall supersede or modify
|
|
135
|
-
the terms of any separate license agreement you may have executed
|
|
136
|
-
with Licensor regarding such Contributions.
|
|
137
|
-
|
|
138
|
-
6. Trademarks. This License does not grant permission to use the trade
|
|
139
|
-
names, trademarks, service marks, or product names of the Licensor,
|
|
140
|
-
except as required for reasonable and customary use in describing the
|
|
141
|
-
origin of the Work and reproducing the content of the NOTICE file.
|
|
142
|
-
|
|
143
|
-
7. Disclaimer of Warranty. Unless required by applicable law or
|
|
144
|
-
agreed to in writing, Licensor provides the Work (and each
|
|
145
|
-
Contributor provides its Contributions) on an "AS IS" BASIS,
|
|
146
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
147
|
-
implied, including, without limitation, any warranties or conditions
|
|
148
|
-
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
|
149
|
-
PARTICULAR PURPOSE. You are solely responsible for determining the
|
|
150
|
-
appropriateness of using or redistributing the Work and assume any
|
|
151
|
-
risks associated with Your exercise of permissions under this License.
|
|
152
|
-
|
|
153
|
-
8. Limitation of Liability. In no event and under no legal theory,
|
|
154
|
-
whether in tort (including negligence), contract, or otherwise,
|
|
155
|
-
unless required by applicable law (such as deliberate and grossly
|
|
156
|
-
negligent acts) or agreed to in writing, shall any Contributor be
|
|
157
|
-
liable to You for damages, including any direct, indirect, special,
|
|
158
|
-
incidental, or consequential damages of any character arising as a
|
|
159
|
-
result of this License or out of the use or inability to use the
|
|
160
|
-
Work (including but not limited to damages for loss of goodwill,
|
|
161
|
-
work stoppage, computer failure or malfunction, or any and all
|
|
162
|
-
other commercial damages or losses), even if such Contributor
|
|
163
|
-
has been advised of the possibility of such damages.
|
|
164
|
-
|
|
165
|
-
9. Accepting Warranty or Additional Liability. While redistributing
|
|
166
|
-
the Work or Derivative Works thereof, You may choose to offer,
|
|
167
|
-
and charge a fee for, acceptance of support, warranty, indemnity,
|
|
168
|
-
or other liability obligations and/or rights consistent with this
|
|
169
|
-
License. However, in accepting such obligations, You may act only
|
|
170
|
-
on Your own behalf and on Your sole responsibility, not on behalf
|
|
171
|
-
of any other Contributor, and only if You agree to indemnify,
|
|
172
|
-
defend, and hold each Contributor harmless for any liability
|
|
173
|
-
incurred by, or claims asserted against, such Contributor by reason
|
|
174
|
-
of your accepting any such warranty or additional liability.
|
|
175
|
-
|
|
176
|
-
END OF TERMS AND CONDITIONS
|
|
177
|
-
|
|
178
|
-
APPENDIX: How to apply the Apache License to your work.
|
|
179
|
-
|
|
180
|
-
To apply the Apache License to your work, attach the following
|
|
181
|
-
boilerplate notice, with the fields enclosed by brackets "[]"
|
|
182
|
-
replaced with your own identifying information. (Don't include
|
|
183
|
-
the brackets!) The text should be enclosed in the appropriate
|
|
184
|
-
comment syntax for the file format. We also recommend that a
|
|
185
|
-
file or class name and description of purpose be included on the
|
|
186
|
-
same "printed page" as the copyright notice for easier
|
|
187
|
-
identification within third-party archives.
|
|
188
|
-
|
|
189
|
-
Copyright [yyyy] [name of copyright owner]
|
|
190
|
-
|
|
191
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
192
|
-
you may not use this file except in compliance with the License.
|
|
193
|
-
You may obtain a copy of the License at
|
|
194
|
-
|
|
195
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
196
|
-
|
|
197
|
-
Unless required by applicable law or agreed to in writing, software
|
|
198
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
199
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
200
|
-
See the License for the specific language governing permissions and
|
|
201
|
-
limitations under the License.
|