@spectrum-web-components/picker-button 1.9.0 → 1.9.1-nightly.20251028214328
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/CHANGELOG.md +357 -0
- package/package.json +75 -75
- package/src/PickerButton.d.ts +3 -3
- package/src/picker-button-overrides.css.dev.js.map +2 -2
- package/src/picker-button-overrides.css.js.map +2 -2
- package/src/picker-button.css.dev.js.map +2 -2
- package/src/picker-button.css.js.map +2 -2
- package/src/spectrum-picker-button-modifier.css.dev.js.map +2 -2
- package/src/spectrum-picker-button-modifier.css.js.map +2 -2
- package/src/spectrum-picker-button.css.dev.js.map +2 -2
- package/src/spectrum-picker-button.css.js.map +2 -2
- package/stories/index.js +63 -0
- package/stories/index.js.map +7 -0
- package/stories/picker-button-sizes.stories.js +25 -0
- package/stories/picker-button-sizes.stories.js.map +7 -0
- package/stories/picker-button.stories.js +37 -0
- package/stories/picker-button.stories.js.map +7 -0
- package/test/benchmark/basic-test.js +8 -0
- package/{sp-picker-button.dev.js.map → test/benchmark/basic-test.js.map} +3 -3
- package/test/picker-button-memory.test.js +8 -0
- package/{sp-picker-button.js.map → test/picker-button-memory.test.js.map} +4 -4
- package/test/picker-button-sizes.test-vrt.js +5 -0
- package/test/picker-button-sizes.test-vrt.js.map +7 -0
- package/test/picker-button.test-vrt.js +5 -0
- package/test/picker-button.test-vrt.js.map +7 -0
- package/test/picker-button.test.js +28 -0
- package/test/picker-button.test.js.map +7 -0
- package/custom-elements.json +0 -107
- package/sp-picker-button.d.ts +0 -17
- package/sp-picker-button.dev.js +0 -5
- package/sp-picker-button.js +0 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["picker-button.css.ts"],
|
|
4
|
-
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n .root{--spectrum-picker-button-height:var(--spectrum-component-height-100);--spectrum-picker-button-width:var(--spectrum-component-height-100);--spectrum-picker-button-gap:var(--spectrum-text-to-visual-50);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-50);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-100);--spectrum-picker-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-font-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-font-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-font-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-family:var(--spectrum-sans-font-family-stack);--spectrum-picker-button-font-style:var(--spectrum-default-font-style);--spectrum-picker-button-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-picker-button-font-size:var(--spectrum-font-size-100);--spectrum-picker-button-border-radius-rounded:var(--spectrum-corner-radius-200);--spectrum-picker-button-background-animation-duration:var(--spectrum-animation-duration-100)}@media (hover:hover){.root:hover{--mod-picker-button-background-color:var(--mod-picker-button-background-color-hover,var(--spectrum-picker-button-background-color-hover));--mod-picker-button-font-color:var(--mod-picker-button-font-color-hover,var(--spectrum-picker-button-font-color-hover));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-hover,var(--spectrum-picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-down,var(--spectrum-picker-button-background-color-down));--mod-picker-button-font-color:var(--mod-picker-button-font-color-down,var(--spectrum-picker-button-font-color-down));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-down,var(--spectrum-picker-button-icon-color-down))}:host([focused]) .root,.root.is-keyboardFocused,.root:focus,.root:focus-visible{--mod-picker-button-background-color:var(--mod-picker-button-background-color-key-focus,var(--spectrum-picker-button-background-color-key-focus));--mod-picker-button-font-color:var(--mod-picker-button-font-color-key-focus,var(--spectrum-picker-button-font-color-key-focus));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-key-focus,var(--spectrum-picker-button-icon-color-key-focus))}:host([disabled]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-border-color:var(--mod-picker-button-border-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-font-color:var(--mod-picker-button-font-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-hover:var(--mod-picker-button-font-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-down:var(--mod-picker-button-font-color-down-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-hover:var(--mod-picker-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-down:var(--mod-picker-button-icon-color-down-disabled,var(--spectrum-disabled-content-color))}:host([quiet]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-quiet,transparent);--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-quiet,transparent);--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-quiet,transparent);--mod-picker-button-background-color-key-focus:var(--mod-picker-button-background-color-key-focus-quiet,transparent);--mod-picker-button-border-color:var(--mod-picker-button-border-color-quiet,transparent)}:host([size=s]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-75);--spectrum-picker-button-width:var(--spectrum-component-height-75);--spectrum-picker-button-label-padding:var(--spectrum-spacing-75);--spectrum-picker-button-font-size:var(--spectrum-font-size-75);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-75)}:host([size=l]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-200);--spectrum-picker-button-width:var(--spectrum-component-height-200);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-200);--spectrum-picker-button-font-size:var(--spectrum-font-size-200);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-200)}:host([size=xl]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-300);--spectrum-picker-button-width:var(--spectrum-component-height-300);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-300);--spectrum-picker-button-font-size:var(--spectrum-font-size-300);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-300)}.root{background-color:initial;block-size:var(--mod-picker-button-width,var(--spectrum-picker-button-width));box-sizing:border-box;padding:var(--mod-picker-button-padding,var(--spectrum-picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--mod-picker-button-height,var(--spectrum-picker-button-height))}.spectrum-PickerButton-label{color:var(--mod-picker-button-font-color,var(--spectrum-picker-button-font-color));white-space:nowrap;font-family:var(--mod-picker-button-font-family,var(--spectrum-picker-button-font-family));font-style:var(--mod-picker-button-font-style,var(--spectrum-picker-button-font-style));font-weight:var(--mod-picker-button-font-weight,var(--spectrum-picker-button-font-weight));font-size:var(--mod-picker-button-font-size,var(--spectrum-picker-button-font-size));flex:auto;padding-block-start:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));padding-block-end:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));overflow:hidden}.uiicononly .spectrum-PickerButton-label{display:none}.spectrum-PickerButton-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--mod-picker-button-gap,var(--spectrum-picker-button-gap));background-color:var(--mod-picker-button-background-color,var(--spectrum-picker-button-background-color));border-color:var(--mod-picker-button-border-color,var(--spectrum-picker-button-border-color));border-width:var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width));block-size:100%;inline-size:100%;padding:calc(var(--mod-picker-button-fill-padding,var(--spectrum-picker-button-fill-padding)) - var(--mod-picker-button-padding,var(--spectrum-picker-button-padding)) - var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width)));transition:border-color var(--mod-picker-button-background-animation-duration,var(--spectrum-picker-button-background-animation-duration))ease-in-out;border-style:solid;border-start-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-start-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));display:flex}:host([position=right]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=right][rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([position=left]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=left][rounded]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-start-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded))}.uiicononly .spectrum-PickerButton-fill{padding:0}.textuiicon .spectrum-PickerButton-fill{inline-size:auto}.spectrum-PickerButton-icon{color:var(--mod-picker-button-icon-color,var(--spectrum-picker-button-icon-color));flex-shrink:0}.root{--spectrum-picker-button-background-color:var(--system-picker-button-background-color);--spectrum-picker-button-background-color-hover:var(--system-picker-button-background-color-hover);--spectrum-picker-button-background-color-down:var(--system-picker-button-background-color-down);--spectrum-picker-button-background-color-key-focus:var(--system-picker-button-background-color-key-focus);--spectrum-picker-button-border-color:var(--system-picker-button-border-color);--spectrum-picker-button-border-radius:var(--system-picker-button-border-radius);--spectrum-picker-button-border-radius-rounded-sided:var(--system-picker-button-border-radius-rounded-sided);--spectrum-picker-button-border-radius-sided:var(--system-picker-button-border-radius-sided);--spectrum-picker-button-border-width:var(--system-picker-button-border-width);--spectrum-picker-button-padding:var(--system-picker-button-padding)}:host{display:inline-flex}.root{display:flex}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n .root{--spectrum-picker-button-height:var(--spectrum-component-height-100);--spectrum-picker-button-width:var(--spectrum-component-height-100);--spectrum-picker-button-gap:var(--spectrum-text-to-visual-50);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-50);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-100);--spectrum-picker-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-font-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-font-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-font-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-family:var(--spectrum-sans-font-family-stack);--spectrum-picker-button-font-style:var(--spectrum-default-font-style);--spectrum-picker-button-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-picker-button-font-size:var(--spectrum-font-size-100);--spectrum-picker-button-border-radius-rounded:var(--spectrum-corner-radius-200);--spectrum-picker-button-background-animation-duration:var(--spectrum-animation-duration-100)}@media (hover:hover){.root:hover{--mod-picker-button-background-color:var(--mod-picker-button-background-color-hover,var(--spectrum-picker-button-background-color-hover));--mod-picker-button-font-color:var(--mod-picker-button-font-color-hover,var(--spectrum-picker-button-font-color-hover));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-hover,var(--spectrum-picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-down,var(--spectrum-picker-button-background-color-down));--mod-picker-button-font-color:var(--mod-picker-button-font-color-down,var(--spectrum-picker-button-font-color-down));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-down,var(--spectrum-picker-button-icon-color-down))}:host([focused]) .root,.root.is-keyboardFocused,.root:focus,.root:focus-visible{--mod-picker-button-background-color:var(--mod-picker-button-background-color-key-focus,var(--spectrum-picker-button-background-color-key-focus));--mod-picker-button-font-color:var(--mod-picker-button-font-color-key-focus,var(--spectrum-picker-button-font-color-key-focus));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-key-focus,var(--spectrum-picker-button-icon-color-key-focus))}:host([disabled]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-border-color:var(--mod-picker-button-border-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-font-color:var(--mod-picker-button-font-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-hover:var(--mod-picker-button-font-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-down:var(--mod-picker-button-font-color-down-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-hover:var(--mod-picker-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-down:var(--mod-picker-button-icon-color-down-disabled,var(--spectrum-disabled-content-color))}:host([quiet]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-quiet,transparent);--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-quiet,transparent);--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-quiet,transparent);--mod-picker-button-background-color-key-focus:var(--mod-picker-button-background-color-key-focus-quiet,transparent);--mod-picker-button-border-color:var(--mod-picker-button-border-color-quiet,transparent)}:host([size=s]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-75);--spectrum-picker-button-width:var(--spectrum-component-height-75);--spectrum-picker-button-label-padding:var(--spectrum-spacing-75);--spectrum-picker-button-font-size:var(--spectrum-font-size-75);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-75)}:host([size=l]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-200);--spectrum-picker-button-width:var(--spectrum-component-height-200);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-200);--spectrum-picker-button-font-size:var(--spectrum-font-size-200);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-200)}:host([size=xl]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-300);--spectrum-picker-button-width:var(--spectrum-component-height-300);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-300);--spectrum-picker-button-font-size:var(--spectrum-font-size-300);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-300)}.root{background-color:initial;block-size:var(--mod-picker-button-width,var(--spectrum-picker-button-width));box-sizing:border-box;padding:var(--mod-picker-button-padding,var(--spectrum-picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--mod-picker-button-height,var(--spectrum-picker-button-height))}.spectrum-PickerButton-label{color:var(--mod-picker-button-font-color,var(--spectrum-picker-button-font-color));white-space:nowrap;font-family:var(--mod-picker-button-font-family,var(--spectrum-picker-button-font-family));font-style:var(--mod-picker-button-font-style,var(--spectrum-picker-button-font-style));font-weight:var(--mod-picker-button-font-weight,var(--spectrum-picker-button-font-weight));font-size:var(--mod-picker-button-font-size,var(--spectrum-picker-button-font-size));flex:auto;padding-block-start:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));padding-block-end:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));overflow:hidden}.uiicononly .spectrum-PickerButton-label{display:none}.spectrum-PickerButton-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--mod-picker-button-gap,var(--spectrum-picker-button-gap));background-color:var(--mod-picker-button-background-color,var(--spectrum-picker-button-background-color));border-color:var(--mod-picker-button-border-color,var(--spectrum-picker-button-border-color));border-width:var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width));block-size:100%;inline-size:100%;padding:calc(var(--mod-picker-button-fill-padding,var(--spectrum-picker-button-fill-padding)) - var(--mod-picker-button-padding,var(--spectrum-picker-button-padding)) - var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width)));transition:border-color var(--mod-picker-button-background-animation-duration,var(--spectrum-picker-button-background-animation-duration))ease-in-out;border-style:solid;border-start-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-start-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));display:flex}:host([position=right]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=right][rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([position=left]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=left][rounded]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-start-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded))}.uiicononly .spectrum-PickerButton-fill{padding:0}.textuiicon .spectrum-PickerButton-fill{inline-size:auto}.spectrum-PickerButton-icon{color:var(--mod-picker-button-icon-color,var(--spectrum-picker-button-icon-color));flex-shrink:0}.root{--spectrum-picker-button-background-color:var(--system-picker-button-background-color);--spectrum-picker-button-background-color-hover:var(--system-picker-button-background-color-hover);--spectrum-picker-button-background-color-down:var(--system-picker-button-background-color-down);--spectrum-picker-button-background-color-key-focus:var(--system-picker-button-background-color-key-focus);--spectrum-picker-button-border-color:var(--system-picker-button-border-color);--spectrum-picker-button-border-radius:var(--system-picker-button-border-radius);--spectrum-picker-button-border-radius-rounded-sided:var(--system-picker-button-border-radius-rounded-sided);--spectrum-picker-button-border-radius-sided:var(--system-picker-button-border-radius-sided);--spectrum-picker-button-border-width:var(--system-picker-button-border-width);--spectrum-picker-button-padding:var(--system-picker-button-padding)}:host{display:inline-flex}.root{display:flex}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-picker-button-modifier.css.ts"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n \n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-picker-button-modifier.css.ts"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n \n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-picker-button.css.ts"],
|
|
4
|
-
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n .root{--spectrum-picker-button-height:var(--spectrum-component-height-100);--spectrum-picker-button-width:var(--spectrum-component-height-100);--spectrum-picker-button-gap:var(--spectrum-text-to-visual-50);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-50);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-100);--spectrum-picker-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-font-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-font-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-font-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-family:var(--spectrum-sans-font-family-stack);--spectrum-picker-button-font-style:var(--spectrum-default-font-style);--spectrum-picker-button-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-picker-button-font-size:var(--spectrum-font-size-100);--spectrum-picker-button-border-radius-rounded:var(--spectrum-corner-radius-200);--spectrum-picker-button-background-animation-duration:var(--spectrum-animation-duration-100)}@media (hover:hover){.root:hover{--mod-picker-button-background-color:var(--mod-picker-button-background-color-hover,var(--spectrum-picker-button-background-color-hover));--mod-picker-button-font-color:var(--mod-picker-button-font-color-hover,var(--spectrum-picker-button-font-color-hover));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-hover,var(--spectrum-picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-down,var(--spectrum-picker-button-background-color-down));--mod-picker-button-font-color:var(--mod-picker-button-font-color-down,var(--spectrum-picker-button-font-color-down));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-down,var(--spectrum-picker-button-icon-color-down))}:host([focused]) .root,.root.is-keyboardFocused,.root:focus,.root:focus-visible{--mod-picker-button-background-color:var(--mod-picker-button-background-color-key-focus,var(--spectrum-picker-button-background-color-key-focus));--mod-picker-button-font-color:var(--mod-picker-button-font-color-key-focus,var(--spectrum-picker-button-font-color-key-focus));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-key-focus,var(--spectrum-picker-button-icon-color-key-focus))}:host([disabled]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-border-color:var(--mod-picker-button-border-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-font-color:var(--mod-picker-button-font-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-hover:var(--mod-picker-button-font-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-down:var(--mod-picker-button-font-color-down-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-hover:var(--mod-picker-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-down:var(--mod-picker-button-icon-color-down-disabled,var(--spectrum-disabled-content-color))}:host([quiet]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-quiet,transparent);--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-quiet,transparent);--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-quiet,transparent);--mod-picker-button-background-color-key-focus:var(--mod-picker-button-background-color-key-focus-quiet,transparent);--mod-picker-button-border-color:var(--mod-picker-button-border-color-quiet,transparent)}:host([size=s]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-75);--spectrum-picker-button-width:var(--spectrum-component-height-75);--spectrum-picker-button-label-padding:var(--spectrum-spacing-75);--spectrum-picker-button-font-size:var(--spectrum-font-size-75);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-75)}:host([size=l]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-200);--spectrum-picker-button-width:var(--spectrum-component-height-200);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-200);--spectrum-picker-button-font-size:var(--spectrum-font-size-200);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-200)}:host([size=xl]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-300);--spectrum-picker-button-width:var(--spectrum-component-height-300);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-300);--spectrum-picker-button-font-size:var(--spectrum-font-size-300);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-300)}.root{background-color:initial;block-size:var(--mod-picker-button-width,var(--spectrum-picker-button-width));box-sizing:border-box;padding:var(--mod-picker-button-padding,var(--spectrum-picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--mod-picker-button-height,var(--spectrum-picker-button-height))}.spectrum-PickerButton-label{color:var(--mod-picker-button-font-color,var(--spectrum-picker-button-font-color));white-space:nowrap;font-family:var(--mod-picker-button-font-family,var(--spectrum-picker-button-font-family));font-style:var(--mod-picker-button-font-style,var(--spectrum-picker-button-font-style));font-weight:var(--mod-picker-button-font-weight,var(--spectrum-picker-button-font-weight));font-size:var(--mod-picker-button-font-size,var(--spectrum-picker-button-font-size));flex:auto;padding-block-start:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));padding-block-end:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));overflow:hidden}.uiicononly .spectrum-PickerButton-label{display:none}.spectrum-PickerButton-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--mod-picker-button-gap,var(--spectrum-picker-button-gap));background-color:var(--mod-picker-button-background-color,var(--spectrum-picker-button-background-color));border-color:var(--mod-picker-button-border-color,var(--spectrum-picker-button-border-color));border-width:var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width));block-size:100%;inline-size:100%;padding:calc(var(--mod-picker-button-fill-padding,var(--spectrum-picker-button-fill-padding)) - var(--mod-picker-button-padding,var(--spectrum-picker-button-padding)) - var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width)));transition:border-color var(--mod-picker-button-background-animation-duration,var(--spectrum-picker-button-background-animation-duration))ease-in-out;border-style:solid;border-start-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-start-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));display:flex}:host([position=right]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=right][rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([position=left]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=left][rounded]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-start-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded))}.uiicononly .spectrum-PickerButton-fill{padding:0}.textuiicon .spectrum-PickerButton-fill{inline-size:auto}.spectrum-PickerButton-icon{color:var(--mod-picker-button-icon-color,var(--spectrum-picker-button-icon-color));flex-shrink:0}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n .root{--spectrum-picker-button-height:var(--spectrum-component-height-100);--spectrum-picker-button-width:var(--spectrum-component-height-100);--spectrum-picker-button-gap:var(--spectrum-text-to-visual-50);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-50);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-100);--spectrum-picker-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-font-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-font-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-font-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-family:var(--spectrum-sans-font-family-stack);--spectrum-picker-button-font-style:var(--spectrum-default-font-style);--spectrum-picker-button-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-picker-button-font-size:var(--spectrum-font-size-100);--spectrum-picker-button-border-radius-rounded:var(--spectrum-corner-radius-200);--spectrum-picker-button-background-animation-duration:var(--spectrum-animation-duration-100)}@media (hover:hover){.root:hover{--mod-picker-button-background-color:var(--mod-picker-button-background-color-hover,var(--spectrum-picker-button-background-color-hover));--mod-picker-button-font-color:var(--mod-picker-button-font-color-hover,var(--spectrum-picker-button-font-color-hover));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-hover,var(--spectrum-picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-down,var(--spectrum-picker-button-background-color-down));--mod-picker-button-font-color:var(--mod-picker-button-font-color-down,var(--spectrum-picker-button-font-color-down));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-down,var(--spectrum-picker-button-icon-color-down))}:host([focused]) .root,.root.is-keyboardFocused,.root:focus,.root:focus-visible{--mod-picker-button-background-color:var(--mod-picker-button-background-color-key-focus,var(--spectrum-picker-button-background-color-key-focus));--mod-picker-button-font-color:var(--mod-picker-button-font-color-key-focus,var(--spectrum-picker-button-font-color-key-focus));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-key-focus,var(--spectrum-picker-button-icon-color-key-focus))}:host([disabled]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-border-color:var(--mod-picker-button-border-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-font-color:var(--mod-picker-button-font-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-hover:var(--mod-picker-button-font-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-down:var(--mod-picker-button-font-color-down-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-hover:var(--mod-picker-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-down:var(--mod-picker-button-icon-color-down-disabled,var(--spectrum-disabled-content-color))}:host([quiet]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-quiet,transparent);--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-quiet,transparent);--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-quiet,transparent);--mod-picker-button-background-color-key-focus:var(--mod-picker-button-background-color-key-focus-quiet,transparent);--mod-picker-button-border-color:var(--mod-picker-button-border-color-quiet,transparent)}:host([size=s]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-75);--spectrum-picker-button-width:var(--spectrum-component-height-75);--spectrum-picker-button-label-padding:var(--spectrum-spacing-75);--spectrum-picker-button-font-size:var(--spectrum-font-size-75);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-75)}:host([size=l]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-200);--spectrum-picker-button-width:var(--spectrum-component-height-200);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-200);--spectrum-picker-button-font-size:var(--spectrum-font-size-200);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-200)}:host([size=xl]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-300);--spectrum-picker-button-width:var(--spectrum-component-height-300);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-300);--spectrum-picker-button-font-size:var(--spectrum-font-size-300);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-300)}.root{background-color:initial;block-size:var(--mod-picker-button-width,var(--spectrum-picker-button-width));box-sizing:border-box;padding:var(--mod-picker-button-padding,var(--spectrum-picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--mod-picker-button-height,var(--spectrum-picker-button-height))}.spectrum-PickerButton-label{color:var(--mod-picker-button-font-color,var(--spectrum-picker-button-font-color));white-space:nowrap;font-family:var(--mod-picker-button-font-family,var(--spectrum-picker-button-font-family));font-style:var(--mod-picker-button-font-style,var(--spectrum-picker-button-font-style));font-weight:var(--mod-picker-button-font-weight,var(--spectrum-picker-button-font-weight));font-size:var(--mod-picker-button-font-size,var(--spectrum-picker-button-font-size));flex:auto;padding-block-start:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));padding-block-end:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));overflow:hidden}.uiicononly .spectrum-PickerButton-label{display:none}.spectrum-PickerButton-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--mod-picker-button-gap,var(--spectrum-picker-button-gap));background-color:var(--mod-picker-button-background-color,var(--spectrum-picker-button-background-color));border-color:var(--mod-picker-button-border-color,var(--spectrum-picker-button-border-color));border-width:var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width));block-size:100%;inline-size:100%;padding:calc(var(--mod-picker-button-fill-padding,var(--spectrum-picker-button-fill-padding)) - var(--mod-picker-button-padding,var(--spectrum-picker-button-padding)) - var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width)));transition:border-color var(--mod-picker-button-background-animation-duration,var(--spectrum-picker-button-background-animation-duration))ease-in-out;border-style:solid;border-start-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-start-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));display:flex}:host([position=right]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=right][rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([position=left]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=left][rounded]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-start-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded))}.uiicononly .spectrum-PickerButton-fill{padding:0}.textuiicon .spectrum-PickerButton-fill{inline-size:auto}.spectrum-PickerButton-icon{color:var(--mod-picker-button-icon-color,var(--spectrum-picker-button-icon-color));flex-shrink:0}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-picker-button.css.ts"],
|
|
4
|
-
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n .root{--spectrum-picker-button-height:var(--spectrum-component-height-100);--spectrum-picker-button-width:var(--spectrum-component-height-100);--spectrum-picker-button-gap:var(--spectrum-text-to-visual-50);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-50);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-100);--spectrum-picker-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-font-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-font-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-font-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-family:var(--spectrum-sans-font-family-stack);--spectrum-picker-button-font-style:var(--spectrum-default-font-style);--spectrum-picker-button-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-picker-button-font-size:var(--spectrum-font-size-100);--spectrum-picker-button-border-radius-rounded:var(--spectrum-corner-radius-200);--spectrum-picker-button-background-animation-duration:var(--spectrum-animation-duration-100)}@media (hover:hover){.root:hover{--mod-picker-button-background-color:var(--mod-picker-button-background-color-hover,var(--spectrum-picker-button-background-color-hover));--mod-picker-button-font-color:var(--mod-picker-button-font-color-hover,var(--spectrum-picker-button-font-color-hover));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-hover,var(--spectrum-picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-down,var(--spectrum-picker-button-background-color-down));--mod-picker-button-font-color:var(--mod-picker-button-font-color-down,var(--spectrum-picker-button-font-color-down));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-down,var(--spectrum-picker-button-icon-color-down))}:host([focused]) .root,.root.is-keyboardFocused,.root:focus,.root:focus-visible{--mod-picker-button-background-color:var(--mod-picker-button-background-color-key-focus,var(--spectrum-picker-button-background-color-key-focus));--mod-picker-button-font-color:var(--mod-picker-button-font-color-key-focus,var(--spectrum-picker-button-font-color-key-focus));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-key-focus,var(--spectrum-picker-button-icon-color-key-focus))}:host([disabled]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-border-color:var(--mod-picker-button-border-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-font-color:var(--mod-picker-button-font-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-hover:var(--mod-picker-button-font-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-down:var(--mod-picker-button-font-color-down-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-hover:var(--mod-picker-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-down:var(--mod-picker-button-icon-color-down-disabled,var(--spectrum-disabled-content-color))}:host([quiet]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-quiet,transparent);--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-quiet,transparent);--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-quiet,transparent);--mod-picker-button-background-color-key-focus:var(--mod-picker-button-background-color-key-focus-quiet,transparent);--mod-picker-button-border-color:var(--mod-picker-button-border-color-quiet,transparent)}:host([size=s]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-75);--spectrum-picker-button-width:var(--spectrum-component-height-75);--spectrum-picker-button-label-padding:var(--spectrum-spacing-75);--spectrum-picker-button-font-size:var(--spectrum-font-size-75);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-75)}:host([size=l]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-200);--spectrum-picker-button-width:var(--spectrum-component-height-200);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-200);--spectrum-picker-button-font-size:var(--spectrum-font-size-200);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-200)}:host([size=xl]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-300);--spectrum-picker-button-width:var(--spectrum-component-height-300);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-300);--spectrum-picker-button-font-size:var(--spectrum-font-size-300);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-300)}.root{background-color:initial;block-size:var(--mod-picker-button-width,var(--spectrum-picker-button-width));box-sizing:border-box;padding:var(--mod-picker-button-padding,var(--spectrum-picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--mod-picker-button-height,var(--spectrum-picker-button-height))}.spectrum-PickerButton-label{color:var(--mod-picker-button-font-color,var(--spectrum-picker-button-font-color));white-space:nowrap;font-family:var(--mod-picker-button-font-family,var(--spectrum-picker-button-font-family));font-style:var(--mod-picker-button-font-style,var(--spectrum-picker-button-font-style));font-weight:var(--mod-picker-button-font-weight,var(--spectrum-picker-button-font-weight));font-size:var(--mod-picker-button-font-size,var(--spectrum-picker-button-font-size));flex:auto;padding-block-start:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));padding-block-end:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));overflow:hidden}.uiicononly .spectrum-PickerButton-label{display:none}.spectrum-PickerButton-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--mod-picker-button-gap,var(--spectrum-picker-button-gap));background-color:var(--mod-picker-button-background-color,var(--spectrum-picker-button-background-color));border-color:var(--mod-picker-button-border-color,var(--spectrum-picker-button-border-color));border-width:var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width));block-size:100%;inline-size:100%;padding:calc(var(--mod-picker-button-fill-padding,var(--spectrum-picker-button-fill-padding)) - var(--mod-picker-button-padding,var(--spectrum-picker-button-padding)) - var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width)));transition:border-color var(--mod-picker-button-background-animation-duration,var(--spectrum-picker-button-background-animation-duration))ease-in-out;border-style:solid;border-start-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-start-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));display:flex}:host([position=right]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=right][rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([position=left]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=left][rounded]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-start-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded))}.uiicononly .spectrum-PickerButton-fill{padding:0}.textuiicon .spectrum-PickerButton-fill{inline-size:auto}.spectrum-PickerButton-icon{color:var(--mod-picker-button-icon-color,var(--spectrum-picker-button-icon-color));flex-shrink:0}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n .root{--spectrum-picker-button-height:var(--spectrum-component-height-100);--spectrum-picker-button-width:var(--spectrum-component-height-100);--spectrum-picker-button-gap:var(--spectrum-text-to-visual-50);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-50);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-100);--spectrum-picker-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-font-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-font-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-font-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-family:var(--spectrum-sans-font-family-stack);--spectrum-picker-button-font-style:var(--spectrum-default-font-style);--spectrum-picker-button-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-picker-button-font-size:var(--spectrum-font-size-100);--spectrum-picker-button-border-radius-rounded:var(--spectrum-corner-radius-200);--spectrum-picker-button-background-animation-duration:var(--spectrum-animation-duration-100)}@media (hover:hover){.root:hover{--mod-picker-button-background-color:var(--mod-picker-button-background-color-hover,var(--spectrum-picker-button-background-color-hover));--mod-picker-button-font-color:var(--mod-picker-button-font-color-hover,var(--spectrum-picker-button-font-color-hover));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-hover,var(--spectrum-picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-down,var(--spectrum-picker-button-background-color-down));--mod-picker-button-font-color:var(--mod-picker-button-font-color-down,var(--spectrum-picker-button-font-color-down));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-down,var(--spectrum-picker-button-icon-color-down))}:host([focused]) .root,.root.is-keyboardFocused,.root:focus,.root:focus-visible{--mod-picker-button-background-color:var(--mod-picker-button-background-color-key-focus,var(--spectrum-picker-button-background-color-key-focus));--mod-picker-button-font-color:var(--mod-picker-button-font-color-key-focus,var(--spectrum-picker-button-font-color-key-focus));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-key-focus,var(--spectrum-picker-button-icon-color-key-focus))}:host([disabled]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-border-color:var(--mod-picker-button-border-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-font-color:var(--mod-picker-button-font-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-hover:var(--mod-picker-button-font-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-down:var(--mod-picker-button-font-color-down-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-hover:var(--mod-picker-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-down:var(--mod-picker-button-icon-color-down-disabled,var(--spectrum-disabled-content-color))}:host([quiet]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-quiet,transparent);--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-quiet,transparent);--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-quiet,transparent);--mod-picker-button-background-color-key-focus:var(--mod-picker-button-background-color-key-focus-quiet,transparent);--mod-picker-button-border-color:var(--mod-picker-button-border-color-quiet,transparent)}:host([size=s]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-75);--spectrum-picker-button-width:var(--spectrum-component-height-75);--spectrum-picker-button-label-padding:var(--spectrum-spacing-75);--spectrum-picker-button-font-size:var(--spectrum-font-size-75);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-75)}:host([size=l]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-200);--spectrum-picker-button-width:var(--spectrum-component-height-200);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-200);--spectrum-picker-button-font-size:var(--spectrum-font-size-200);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-200)}:host([size=xl]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-300);--spectrum-picker-button-width:var(--spectrum-component-height-300);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-300);--spectrum-picker-button-font-size:var(--spectrum-font-size-300);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-300)}.root{background-color:initial;block-size:var(--mod-picker-button-width,var(--spectrum-picker-button-width));box-sizing:border-box;padding:var(--mod-picker-button-padding,var(--spectrum-picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--mod-picker-button-height,var(--spectrum-picker-button-height))}.spectrum-PickerButton-label{color:var(--mod-picker-button-font-color,var(--spectrum-picker-button-font-color));white-space:nowrap;font-family:var(--mod-picker-button-font-family,var(--spectrum-picker-button-font-family));font-style:var(--mod-picker-button-font-style,var(--spectrum-picker-button-font-style));font-weight:var(--mod-picker-button-font-weight,var(--spectrum-picker-button-font-weight));font-size:var(--mod-picker-button-font-size,var(--spectrum-picker-button-font-size));flex:auto;padding-block-start:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));padding-block-end:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));overflow:hidden}.uiicononly .spectrum-PickerButton-label{display:none}.spectrum-PickerButton-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--mod-picker-button-gap,var(--spectrum-picker-button-gap));background-color:var(--mod-picker-button-background-color,var(--spectrum-picker-button-background-color));border-color:var(--mod-picker-button-border-color,var(--spectrum-picker-button-border-color));border-width:var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width));block-size:100%;inline-size:100%;padding:calc(var(--mod-picker-button-fill-padding,var(--spectrum-picker-button-fill-padding)) - var(--mod-picker-button-padding,var(--spectrum-picker-button-padding)) - var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width)));transition:border-color var(--mod-picker-button-background-animation-duration,var(--spectrum-picker-button-background-animation-duration))ease-in-out;border-style:solid;border-start-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-start-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));display:flex}:host([position=right]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=right][rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([position=left]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=left][rounded]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-start-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded))}.uiicononly .spectrum-PickerButton-fill{padding:0}.textuiicon .spectrum-PickerButton-fill{inline-size:auto}.spectrum-PickerButton-icon{color:var(--mod-picker-button-icon-color,var(--spectrum-picker-button-icon-color));flex-shrink:0}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
package/stories/index.js
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { html, nothing } from "@spectrum-web-components/base";
|
|
3
|
+
import {
|
|
4
|
+
ifDefined,
|
|
5
|
+
unsafeHTML
|
|
6
|
+
} from "@spectrum-web-components/base/src/directives.js";
|
|
7
|
+
export const Template = ({
|
|
8
|
+
active,
|
|
9
|
+
icon,
|
|
10
|
+
invalid,
|
|
11
|
+
label,
|
|
12
|
+
open,
|
|
13
|
+
position,
|
|
14
|
+
quiet,
|
|
15
|
+
rounded,
|
|
16
|
+
size
|
|
17
|
+
}) => {
|
|
18
|
+
return html`
|
|
19
|
+
<sp-picker-button
|
|
20
|
+
?active=${active}
|
|
21
|
+
?invalid=${invalid}
|
|
22
|
+
?open=${open}
|
|
23
|
+
position=${ifDefined(position)}
|
|
24
|
+
?quiet=${quiet}
|
|
25
|
+
?rounded=${rounded}
|
|
26
|
+
size=${size}
|
|
27
|
+
>
|
|
28
|
+
${icon ? unsafeHTML(icon) : nothing}
|
|
29
|
+
${label ? html`
|
|
30
|
+
<span slot="label">
|
|
31
|
+
${typeof label === "string" ? label : "All"}
|
|
32
|
+
</span>
|
|
33
|
+
` : nothing}
|
|
34
|
+
</sp-picker-button>
|
|
35
|
+
`;
|
|
36
|
+
};
|
|
37
|
+
export const argTypes = {
|
|
38
|
+
argTypes: {
|
|
39
|
+
open: {
|
|
40
|
+
control: {
|
|
41
|
+
type: "boolean"
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
position: {
|
|
45
|
+
control: {
|
|
46
|
+
type: "inline-radio",
|
|
47
|
+
options: ["right", "left"]
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
quiet: {
|
|
51
|
+
control: {
|
|
52
|
+
type: "boolean"
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
size: {
|
|
56
|
+
control: {
|
|
57
|
+
type: "inline-radio",
|
|
58
|
+
options: ["s", "m", "l", "xl"]
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["index.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { html, nothing, TemplateResult } from '@spectrum-web-components/base';\nimport {\n ifDefined,\n unsafeHTML,\n} from '@spectrum-web-components/base/src/directives.js';\n\nexport type StoryArgs = {\n active: boolean;\n icon?: string | undefined;\n invalid: boolean;\n label: boolean | string;\n open: boolean;\n position?: 'right' | 'left';\n quiet: boolean;\n rounded: boolean;\n size: 's' | 'm' | 'l' | 'xl';\n};\n\nexport const Template = ({\n active,\n icon,\n invalid,\n label,\n open,\n position,\n quiet,\n rounded,\n size,\n}: StoryArgs): TemplateResult => {\n return html`\n <sp-picker-button\n ?active=${active}\n ?invalid=${invalid}\n ?open=${open}\n position=${ifDefined(position)}\n ?quiet=${quiet}\n ?rounded=${rounded}\n size=${size}\n >\n ${icon ? unsafeHTML(icon) : nothing}\n ${label\n ? html`\n <span slot=\"label\">\n ${typeof label === 'string' ? label : 'All'}\n </span>\n `\n : nothing}\n </sp-picker-button>\n `;\n};\n\nexport const argTypes = {\n argTypes: {\n open: {\n control: {\n type: 'boolean',\n },\n },\n position: {\n control: {\n type: 'inline-radio',\n options: ['right', 'left'],\n },\n },\n quiet: {\n control: {\n type: 'boolean',\n },\n },\n size: {\n control: {\n type: 'inline-radio',\n options: ['s', 'm', 'l', 'xl'],\n },\n },\n },\n};\n"],
|
|
5
|
+
"mappings": ";AAYA,SAAS,MAAM,eAA+B;AAC9C;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAcA,aAAM,WAAW,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAiC;AAC7B,SAAO;AAAA;AAAA,sBAEW,MAAM;AAAA,uBACL,OAAO;AAAA,oBACV,IAAI;AAAA,uBACD,UAAU,QAAQ,CAAC;AAAA,qBACrB,KAAK;AAAA,uBACH,OAAO;AAAA,mBACX,IAAI;AAAA;AAAA,cAET,OAAO,WAAW,IAAI,IAAI,OAAO;AAAA,cACjC,QACI;AAAA;AAAA,4BAEU,OAAO,UAAU,WAAW,QAAQ,KAAK;AAAA;AAAA,sBAGnD,OAAO;AAAA;AAAA;AAGzB;AAEO,aAAM,WAAW;AAAA,EACpB,UAAU;AAAA,IACN,MAAM;AAAA,MACF,SAAS;AAAA,QACL,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,MACN,SAAS;AAAA,QACL,MAAM;AAAA,QACN,SAAS,CAAC,SAAS,MAAM;AAAA,MAC7B;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACH,SAAS;AAAA,QACL,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACF,SAAS;AAAA,QACL,MAAM;AAAA,QACN,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI;AAAA,MACjC;AAAA,IACJ;AAAA,EACJ;AACJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { argTypes, Template } from "./index.js";
|
|
3
|
+
import "@spectrum-web-components/picker-button/sp-picker-button.js";
|
|
4
|
+
export default {
|
|
5
|
+
title: "Picker Button/Sizes",
|
|
6
|
+
component: "sp-picker-button",
|
|
7
|
+
...argTypes
|
|
8
|
+
};
|
|
9
|
+
export const s = (args) => Template(args);
|
|
10
|
+
s.args = { size: "s" };
|
|
11
|
+
export const m = (args) => Template(args);
|
|
12
|
+
m.args = { size: "m" };
|
|
13
|
+
export const l = (args) => Template(args);
|
|
14
|
+
l.args = { size: "l" };
|
|
15
|
+
export const XL = (args) => Template(args);
|
|
16
|
+
XL.args = { size: "xl" };
|
|
17
|
+
export const sLabel = (args) => Template(args);
|
|
18
|
+
sLabel.args = { size: "s", label: true };
|
|
19
|
+
export const mLabel = (args) => Template(args);
|
|
20
|
+
mLabel.args = { size: "m", label: true };
|
|
21
|
+
export const lLabel = (args) => Template(args);
|
|
22
|
+
lLabel.args = { size: "l", label: true };
|
|
23
|
+
export const XLLabel = (args) => Template(args);
|
|
24
|
+
XLLabel.args = { size: "xl", label: true };
|
|
25
|
+
//# sourceMappingURL=picker-button-sizes.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["picker-button-sizes.stories.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { TemplateResult } from '@spectrum-web-components/base';\n\nimport { argTypes, StoryArgs, Template } from './index.js';\nimport '@spectrum-web-components/picker-button/sp-picker-button.js';\n\nexport default {\n title: 'Picker Button/Sizes',\n component: 'sp-picker-button',\n ...argTypes,\n};\n\nexport const s = (args: StoryArgs): TemplateResult => Template(args);\ns.args = { size: 's' };\n\nexport const m = (args: StoryArgs): TemplateResult => Template(args);\nm.args = { size: 'm' };\n\nexport const l = (args: StoryArgs): TemplateResult => Template(args);\nl.args = { size: 'l' };\n\nexport const XL = (args: StoryArgs): TemplateResult => Template(args);\nXL.args = { size: 'xl' };\n\nexport const sLabel = (args: StoryArgs): TemplateResult => Template(args);\nsLabel.args = { size: 's', label: true };\n\nexport const mLabel = (args: StoryArgs): TemplateResult => Template(args);\nmLabel.args = { size: 'm', label: true };\n\nexport const lLabel = (args: StoryArgs): TemplateResult => Template(args);\nlLabel.args = { size: 'l', label: true };\n\nexport const XLLabel = (args: StoryArgs): TemplateResult => Template(args);\nXLLabel.args = { size: 'xl', label: true };\n"],
|
|
5
|
+
"mappings": ";AAaA,SAAS,UAAqB,gBAAgB;AAC9C,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,GAAG;AACP;AAEO,aAAM,IAAI,CAAC,SAAoC,SAAS,IAAI;AACnE,EAAE,OAAO,EAAE,MAAM,IAAI;AAEd,aAAM,IAAI,CAAC,SAAoC,SAAS,IAAI;AACnE,EAAE,OAAO,EAAE,MAAM,IAAI;AAEd,aAAM,IAAI,CAAC,SAAoC,SAAS,IAAI;AACnE,EAAE,OAAO,EAAE,MAAM,IAAI;AAEd,aAAM,KAAK,CAAC,SAAoC,SAAS,IAAI;AACpE,GAAG,OAAO,EAAE,MAAM,KAAK;AAEhB,aAAM,SAAS,CAAC,SAAoC,SAAS,IAAI;AACxE,OAAO,OAAO,EAAE,MAAM,KAAK,OAAO,KAAK;AAEhC,aAAM,SAAS,CAAC,SAAoC,SAAS,IAAI;AACxE,OAAO,OAAO,EAAE,MAAM,KAAK,OAAO,KAAK;AAEhC,aAAM,SAAS,CAAC,SAAoC,SAAS,IAAI;AACxE,OAAO,OAAO,EAAE,MAAM,KAAK,OAAO,KAAK;AAEhC,aAAM,UAAU,CAAC,SAAoC,SAAS,IAAI;AACzE,QAAQ,OAAO,EAAE,MAAM,MAAM,OAAO,KAAK;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { argTypes, Template } from "./index.js";
|
|
3
|
+
import "@spectrum-web-components/picker-button/sp-picker-button.js";
|
|
4
|
+
import "@spectrum-web-components/icons-workflow/icons/sp-icon-add.js";
|
|
5
|
+
export default {
|
|
6
|
+
title: "Picker Button",
|
|
7
|
+
component: "sp-picker-button",
|
|
8
|
+
...argTypes
|
|
9
|
+
};
|
|
10
|
+
export const active = (args) => Template(args);
|
|
11
|
+
active.args = { active: true };
|
|
12
|
+
export const customIcon = (args) => Template(args);
|
|
13
|
+
customIcon.args = {
|
|
14
|
+
icon: `<sp-icon-add slot="icon" class="spectrum-PickerButton-icon spectrum-Icon"></sp-icon-add>`
|
|
15
|
+
};
|
|
16
|
+
export const invalid = (args) => Template(args);
|
|
17
|
+
invalid.args = { invalid: true };
|
|
18
|
+
export const quiet = (args) => Template(args);
|
|
19
|
+
quiet.args = { label: true, quiet: true };
|
|
20
|
+
export const label = (args) => Template(args);
|
|
21
|
+
label.args = { label: true };
|
|
22
|
+
export const labelCustom = (args) => Template(args);
|
|
23
|
+
labelCustom.args = { label: "Some" };
|
|
24
|
+
export const open = (args) => Template(args);
|
|
25
|
+
open.args = { open: true };
|
|
26
|
+
export const positionLeft = (args) => Template(args);
|
|
27
|
+
positionLeft.args = { position: "left" };
|
|
28
|
+
export const positionRight = (args) => Template(args);
|
|
29
|
+
positionRight.args = { position: "right" };
|
|
30
|
+
export const rounded = (args) => Template(args);
|
|
31
|
+
rounded.args = { rounded: true };
|
|
32
|
+
export const roundedLabel = (args) => Template(args);
|
|
33
|
+
roundedLabel.args = {
|
|
34
|
+
label: true,
|
|
35
|
+
rounded: true
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=picker-button.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["picker-button.stories.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { TemplateResult } from '@spectrum-web-components/base';\n\nimport { argTypes, StoryArgs, Template } from './index.js';\nimport '@spectrum-web-components/picker-button/sp-picker-button.js';\n\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-add.js';\n\nexport default {\n title: 'Picker Button',\n component: 'sp-picker-button',\n ...argTypes,\n};\n\nexport const active = (args: StoryArgs): TemplateResult => Template(args);\nactive.args = { active: true };\n\nexport const customIcon = (args: StoryArgs): TemplateResult => Template(args);\ncustomIcon.args = {\n icon: `<sp-icon-add slot=\"icon\" class=\"spectrum-PickerButton-icon spectrum-Icon\"></sp-icon-add>`,\n};\n\nexport const invalid = (args: StoryArgs): TemplateResult => Template(args);\ninvalid.args = { invalid: true };\n\nexport const quiet = (args: StoryArgs): TemplateResult => Template(args);\nquiet.args = { label: true, quiet: true };\n\nexport const label = (args: StoryArgs): TemplateResult => Template(args);\nlabel.args = { label: true };\n\nexport const labelCustom = (args: StoryArgs): TemplateResult => Template(args);\nlabelCustom.args = { label: 'Some' };\n\nexport const open = (args: StoryArgs): TemplateResult => Template(args);\nopen.args = { open: true };\n\nexport const positionLeft = (args: StoryArgs): TemplateResult => Template(args);\npositionLeft.args = { position: 'left' };\n\nexport const positionRight = (args: StoryArgs): TemplateResult =>\n Template(args);\npositionRight.args = { position: 'right' };\n\nexport const rounded = (args: StoryArgs): TemplateResult => Template(args);\nrounded.args = { rounded: true };\n\nexport const roundedLabel = (args: StoryArgs): TemplateResult => Template(args);\nroundedLabel.args = {\n label: true,\n rounded: true,\n};\n"],
|
|
5
|
+
"mappings": ";AAcA,SAAS,UAAqB,gBAAgB;AAC9C,OAAO;AAEP,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,GAAG;AACP;AAEO,aAAM,SAAS,CAAC,SAAoC,SAAS,IAAI;AACxE,OAAO,OAAO,EAAE,QAAQ,KAAK;AAEtB,aAAM,aAAa,CAAC,SAAoC,SAAS,IAAI;AAC5E,WAAW,OAAO;AAAA,EACd,MAAM;AACV;AAEO,aAAM,UAAU,CAAC,SAAoC,SAAS,IAAI;AACzE,QAAQ,OAAO,EAAE,SAAS,KAAK;AAExB,aAAM,QAAQ,CAAC,SAAoC,SAAS,IAAI;AACvE,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,KAAK;AAEjC,aAAM,QAAQ,CAAC,SAAoC,SAAS,IAAI;AACvE,MAAM,OAAO,EAAE,OAAO,KAAK;AAEpB,aAAM,cAAc,CAAC,SAAoC,SAAS,IAAI;AAC7E,YAAY,OAAO,EAAE,OAAO,OAAO;AAE5B,aAAM,OAAO,CAAC,SAAoC,SAAS,IAAI;AACtE,KAAK,OAAO,EAAE,MAAM,KAAK;AAElB,aAAM,eAAe,CAAC,SAAoC,SAAS,IAAI;AAC9E,aAAa,OAAO,EAAE,UAAU,OAAO;AAEhC,aAAM,gBAAgB,CAAC,SAC1B,SAAS,IAAI;AACjB,cAAc,OAAO,EAAE,UAAU,QAAQ;AAElC,aAAM,UAAU,CAAC,SAAoC,SAAS,IAAI;AACzE,QAAQ,OAAO,EAAE,SAAS,KAAK;AAExB,aAAM,eAAe,CAAC,SAAoC,SAAS,IAAI;AAC9E,aAAa,OAAO;AAAA,EAChB,OAAO;AAAA,EACP,SAAS;AACb;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import "@spectrum-web-components/picker-button/sp-picker-button.js";
|
|
3
|
+
import { html } from "@spectrum-web-components/base";
|
|
4
|
+
import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
|
|
5
|
+
measureFixtureCreation(html`
|
|
6
|
+
<sp-picker-button></sp-picker-button>
|
|
7
|
+
`);
|
|
8
|
+
//# sourceMappingURL=basic-test.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
4
|
-
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport
|
|
5
|
-
"mappings": ";AAWA,SAAS,
|
|
3
|
+
"sources": ["basic-test.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport '@spectrum-web-components/picker-button/sp-picker-button.js';\nimport { html } from '@spectrum-web-components/base';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n <sp-picker-button></sp-picker-button>\n`);\n"],
|
|
5
|
+
"mappings": ";AAWA,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA,CAEtB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { html } from "@open-wc/testing";
|
|
3
|
+
import "@spectrum-web-components/picker-button/sp-picker-button.js";
|
|
4
|
+
import { testForMemoryLeaks } from "../../../test/testing-helpers.js";
|
|
5
|
+
testForMemoryLeaks(html`
|
|
6
|
+
<sp-picker-button></sp-picker-button>
|
|
7
|
+
`);
|
|
8
|
+
//# sourceMappingURL=picker-button-memory.test.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
4
|
-
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": [
|
|
3
|
+
"sources": ["picker-button-memory.test.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { html } from '@open-wc/testing';\nimport '@spectrum-web-components/picker-button/sp-picker-button.js';\nimport { testForMemoryLeaks } from '../../../test/testing-helpers.js';\n\ntestForMemoryLeaks(html`\n <sp-picker-button></sp-picker-button>\n`);\n"],
|
|
5
|
+
"mappings": ";AAYA,SAAS,YAAY;AACrB,OAAO;AACP,SAAS,0BAA0B;AAEnC,mBAAmB;AAAA;AAAA,CAElB;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["picker-button-sizes.test-vrt.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport * as stories from '../stories/picker-button-sizes.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('PickerButtonSizesStories', stories as unknown as TestsType);\n"],
|
|
5
|
+
"mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,4BAA4B,OAA+B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["picker-button.test-vrt.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport * as stories from '../stories/picker-button.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('PickerButtonStories', stories as unknown as TestsType);\n"],
|
|
5
|
+
"mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,uBAAuB,OAA+B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
|
|
3
|
+
import "@spectrum-web-components/picker-button/sp-picker-button.js";
|
|
4
|
+
import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
|
|
5
|
+
describe("PickerButton", () => {
|
|
6
|
+
testForLitDevWarnings(
|
|
7
|
+
async () => await fixture(html`
|
|
8
|
+
<sp-picker-button label="More"></sp-picker-button>
|
|
9
|
+
`)
|
|
10
|
+
);
|
|
11
|
+
it("loads default picker-button accessibly", async () => {
|
|
12
|
+
const el = await fixture(html`
|
|
13
|
+
<sp-picker-button label="More"></sp-picker-button>
|
|
14
|
+
`);
|
|
15
|
+
await elementUpdated(el);
|
|
16
|
+
await expect(el).to.be.accessible();
|
|
17
|
+
});
|
|
18
|
+
it("loads labeled picker-button accessibly", async () => {
|
|
19
|
+
const el = await fixture(html`
|
|
20
|
+
<sp-picker-button>
|
|
21
|
+
<span slot="label">All</span>
|
|
22
|
+
</sp-picker-button>
|
|
23
|
+
`);
|
|
24
|
+
await elementUpdated(el);
|
|
25
|
+
await expect(el).to.be.accessible();
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
//# sourceMappingURL=picker-button.test.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["picker-button.test.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\nimport '@spectrum-web-components/picker-button/sp-picker-button.js';\nimport { PickerButton } from '..';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\ndescribe('PickerButton', () => {\n testForLitDevWarnings(\n async () =>\n await fixture<PickerButton>(html`\n <sp-picker-button label=\"More\"></sp-picker-button>\n `)\n );\n it('loads default picker-button accessibly', async () => {\n const el = await fixture<PickerButton>(html`\n <sp-picker-button label=\"More\"></sp-picker-button>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n it('loads labeled picker-button accessibly', async () => {\n const el = await fixture<PickerButton>(html`\n <sp-picker-button>\n <span slot=\"label\">All</span>\n </sp-picker-button>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n});\n"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AAEtD,OAAO;AAEP,SAAS,6BAA6B;AAEtC,SAAS,gBAAgB,MAAM;AAC3B;AAAA,IACI,YACI,MAAM,QAAsB;AAAA;AAAA,aAE3B;AAAA,EACT;AACA,KAAG,0CAA0C,YAAY;AACrD,UAAM,KAAK,MAAM,QAAsB;AAAA;AAAA,SAEtC;AAED,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AACD,KAAG,0CAA0C,YAAY;AACrD,UAAM,KAAK,MAAM,QAAsB;AAAA;AAAA;AAAA;AAAA,SAItC;AAED,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AACL,CAAC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/custom-elements.json
DELETED
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"schemaVersion": "1.0.0",
|
|
3
|
-
"readme": "",
|
|
4
|
-
"modules": [
|
|
5
|
-
{
|
|
6
|
-
"kind": "javascript-module",
|
|
7
|
-
"path": "sp-picker-button.js",
|
|
8
|
-
"declarations": [],
|
|
9
|
-
"exports": [
|
|
10
|
-
{
|
|
11
|
-
"kind": "custom-element-definition",
|
|
12
|
-
"name": "sp-picker-button",
|
|
13
|
-
"declaration": {
|
|
14
|
-
"name": "PickerButton",
|
|
15
|
-
"module": "/src/PickerButton.js"
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
]
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
"kind": "javascript-module",
|
|
22
|
-
"path": "src/PickerButton.js",
|
|
23
|
-
"declarations": [
|
|
24
|
-
{
|
|
25
|
-
"kind": "class",
|
|
26
|
-
"description": "",
|
|
27
|
-
"name": "PickerButton",
|
|
28
|
-
"members": [
|
|
29
|
-
{
|
|
30
|
-
"kind": "field",
|
|
31
|
-
"name": "invalid",
|
|
32
|
-
"type": {
|
|
33
|
-
"text": "boolean"
|
|
34
|
-
},
|
|
35
|
-
"default": "false",
|
|
36
|
-
"attribute": "invalid",
|
|
37
|
-
"reflects": true
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
"kind": "field",
|
|
41
|
-
"name": "position",
|
|
42
|
-
"type": {
|
|
43
|
-
"text": "'left' | 'right'"
|
|
44
|
-
},
|
|
45
|
-
"default": "'right'",
|
|
46
|
-
"attribute": "position",
|
|
47
|
-
"reflects": true
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"kind": "field",
|
|
51
|
-
"name": "hasText",
|
|
52
|
-
"type": {
|
|
53
|
-
"text": "boolean"
|
|
54
|
-
},
|
|
55
|
-
"privacy": "protected",
|
|
56
|
-
"readonly": true
|
|
57
|
-
}
|
|
58
|
-
],
|
|
59
|
-
"attributes": [
|
|
60
|
-
{
|
|
61
|
-
"name": "invalid",
|
|
62
|
-
"type": {
|
|
63
|
-
"text": "boolean"
|
|
64
|
-
},
|
|
65
|
-
"default": "false",
|
|
66
|
-
"fieldName": "invalid"
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
"name": "position",
|
|
70
|
-
"type": {
|
|
71
|
-
"text": "'left' | 'right'"
|
|
72
|
-
},
|
|
73
|
-
"default": "'right'",
|
|
74
|
-
"fieldName": "position"
|
|
75
|
-
}
|
|
76
|
-
],
|
|
77
|
-
"mixins": [
|
|
78
|
-
{
|
|
79
|
-
"name": "SizedMixin",
|
|
80
|
-
"package": "@spectrum-web-components/base"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"name": "ObserveSlotPresence",
|
|
84
|
-
"package": "@spectrum-web-components/shared/src/observe-slot-presence.js"
|
|
85
|
-
}
|
|
86
|
-
],
|
|
87
|
-
"superclass": {
|
|
88
|
-
"name": "ButtonBase",
|
|
89
|
-
"package": "@spectrum-web-components/button/src/ButtonBase.js"
|
|
90
|
-
},
|
|
91
|
-
"tagName": "sp-picker-button",
|
|
92
|
-
"customElement": true
|
|
93
|
-
}
|
|
94
|
-
],
|
|
95
|
-
"exports": [
|
|
96
|
-
{
|
|
97
|
-
"kind": "js",
|
|
98
|
-
"name": "PickerButton",
|
|
99
|
-
"declaration": {
|
|
100
|
-
"name": "PickerButton",
|
|
101
|
-
"module": "src/PickerButton.js"
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
]
|
|
105
|
-
}
|
|
106
|
-
]
|
|
107
|
-
}
|