@spectrum-web-components/action-group 0.11.3 → 0.12.1

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.
Files changed (29) hide show
  1. package/README.md +56 -15
  2. package/custom-elements.json +6 -0
  3. package/package.json +5 -5
  4. package/src/ActionGroup.d.ts +6 -1
  5. package/src/ActionGroup.dev.js +6 -2
  6. package/src/ActionGroup.dev.js.map +2 -2
  7. package/src/ActionGroup.js +2 -2
  8. package/src/ActionGroup.js.map +3 -3
  9. package/src/action-group.css.dev.js +93 -136
  10. package/src/action-group.css.dev.js.map +2 -2
  11. package/src/action-group.css.js +95 -138
  12. package/src/action-group.css.js.map +2 -2
  13. package/src/spectrum-action-group.css.dev.js +91 -136
  14. package/src/spectrum-action-group.css.dev.js.map +2 -2
  15. package/src/spectrum-action-group.css.js +93 -138
  16. package/src/spectrum-action-group.css.js.map +2 -2
  17. package/src/spectrum-config.js +23 -0
  18. package/stories/action-group-sizes.stories.js +140 -0
  19. package/stories/action-group-sizes.stories.js.map +7 -0
  20. package/stories/action-group-tooltip.stories.js +15 -1
  21. package/stories/action-group-tooltip.stories.js.map +2 -2
  22. package/stories/action-group.stories.js +19 -1
  23. package/stories/action-group.stories.js.map +2 -2
  24. package/test/action-group-sizes.test-vrt.js +5 -0
  25. package/test/action-group-sizes.test-vrt.js.map +7 -0
  26. package/test/action-group-tooltip.test-vrt.js.map +2 -2
  27. package/test/action-group.test-vrt.js.map +2 -2
  28. package/test/action-group.test.js +16 -0
  29. package/test/action-group.test.js.map +2 -2
package/src/action-group.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["action-group.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-actiongroup-button-gap-reset:0}:host{display:flex;flex-wrap:wrap}::slotted(*){flex-shrink:0}:host(:not([vertical]):not([compact])){margin-top:calc(var(\n--spectrum-actiongroup-button-gap-y,\nvar(--spectrum-alias-actiongroup-button-gap)\n)*-1)}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0;margin-top:var(\n--spectrum-actiongroup-button-gap-y,var(--spectrum-alias-actiongroup-button-gap)\n)}:host([dir=ltr]:not([vertical]):not([compact])) ::slotted(:not(:last-child)){margin-right:var(\n--spectrum-actiongroup-button-gap-x,var(--spectrum-alias-actiongroup-button-gap)\n)}:host([dir=rtl]:not([vertical]):not([compact])) ::slotted(:not(:last-child)){margin-left:var(\n--spectrum-actiongroup-button-gap-x,var(--spectrum-alias-actiongroup-button-gap)\n)}:host([vertical]){display:inline-flex;flex-direction:column}:host([dir=ltr][vertical]) ::slotted(:not(:first-child)){margin-left:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([dir=rtl][vertical]) ::slotted(:not(:first-child)){margin-right:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([vertical]) ::slotted(:not(:first-child)){margin-top:var(\n--spectrum-actiongroup-button-gap-y,var(--spectrum-alias-actiongroup-button-gap)\n)}:host([dir=ltr][vertical][vertical]){margin-left:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([dir=rtl][vertical][vertical]){margin-right:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([vertical][vertical]){margin-top:var(\n--spectrum-actiongroup-button-gap-y,var(--spectrum-alias-actiongroup-button-gap)\n)}:host([compact]){gap:var(\n--spectrum-actiongroup-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-compact)\n)}:host([dir=ltr][compact][quiet]) ::slotted(:not(:first-child)){margin-left:var(\n--spectrum-actiongroup-quiet-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-quiet-compact)\n)}:host([dir=rtl][compact][quiet]) ::slotted(:not(:first-child)){margin-right:var(\n--spectrum-actiongroup-quiet-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-quiet-compact)\n)}:host([compact][quiet]) ::slotted(:not(:first-child)){margin-top:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([dir=ltr][compact][quiet][vertical]) ::slotted(:not(:first-child)){margin-left:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([dir=rtl][compact][quiet][vertical]) ::slotted(:not(:first-child)){margin-right:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([compact][quiet][vertical]) ::slotted(:not(:first-child)){margin-top:var(\n--spectrum-actiongroup-quiet-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-quiet-compact)\n)}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){--spectrum-actionbutton-focus-ring-border-radius-adjusted:var(\n--spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)\n);border-radius:0;position:relative;z-index:0}:host([dir=ltr][compact]:not([quiet])) ::slotted(:first-child){border-top-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:first-child){border-top-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:first-child){border-bottom-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:first-child){border-bottom-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:first-child){margin-right:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:first-child){margin-left:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([compact]:not([quiet])) ::slotted(:first-child){--spectrum-actionbutton-focus-ring-border-radius-adjusted:calc(var(\n--spectrum-actionbutton-m-quiet-textonly-border-radius,\nvar(--spectrum-alias-component-border-radius)\n) + var(\n--spectrum-actionbutton-m-textonly-focus-ring-gap,\nvar(--spectrum-alias-component-focusring-gap)\n)) var(\n--spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)\n) var(\n--spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)\n) calc(var(\n--spectrum-actionbutton-m-quiet-textonly-border-radius,\nvar(--spectrum-alias-component-border-radius)\n) + var(\n--spectrum-actionbutton-m-textonly-focus-ring-gap,\nvar(--spectrum-alias-component-focusring-gap)\n))}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){border-top-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){border-top-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){border-bottom-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){border-bottom-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){margin-left:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){margin-right:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){margin-right:0}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){margin-left:0}:host([compact]:not([quiet])) ::slotted(:last-child){--spectrum-actionbutton-focus-ring-border-radius-adjusted:var(\n--spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)\n) calc(var(\n--spectrum-actionbutton-m-quiet-textonly-border-radius,\nvar(--spectrum-alias-component-border-radius)\n) + var(\n--spectrum-actionbutton-m-textonly-focus-ring-gap,\nvar(--spectrum-alias-component-focusring-gap)\n)) calc(var(\n--spectrum-actionbutton-m-quiet-textonly-border-radius,\nvar(--spectrum-alias-component-border-radius)\n) + var(\n--spectrum-actionbutton-m-textonly-focus-ring-gap,\nvar(--spectrum-alias-component-focusring-gap)\n)) var(\n--spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)\n)}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}:host([compact]:not([quiet])) ::slotted(.focus-visible){z-index:3}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([dir=ltr][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-left:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-right:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-right:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-left:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([compact][vertical]:not([quiet])){gap:0}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:0}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-bottom:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2);margin-top:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){border-radius:0;margin-bottom:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){border-radius:0;margin-bottom:0;margin-top:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([justified]) ::slotted(*){flex:1}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-left:0;margin-right:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){align-items:stretch;display:flex;flex-direction:column}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius:0;--mod-actionbutton-border-radius:var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius:var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius:0 0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius)}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius:var(--spectrum-alias-component-border-radius) 0 0 var(--spectrum-alias-component-border-radius)}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius:0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius:0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius:var(--spectrum-alias-component-border-radius) 0 0 var(--spectrum-alias-component-border-radius)}:host([compact]:not([quiet])) ::slotted(*){--mod-actionbutton-focus-ring-border-radius:0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--mod-actionbutton-focus-ring-border-radius:var(\n--spectrum-alias-component-border-radius\n) var(--spectrum-alias-component-border-radius) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--mod-actionbutton-focus-ring-border-radius:0 0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius)}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--mod-actionbutton-focus-ring-border-radius:var(\n--spectrum-alias-component-border-radius\n) 0 0 var(--spectrum-alias-component-border-radius)}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child){--mod-actionbutton-focus-ring-border-radius:0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--mod-actionbutton-focus-ring-border-radius:0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--mod-actionbutton-focus-ring-border-radius:var(\n--spectrum-alias-component-border-radius\n) 0 0 var(--spectrum-alias-component-border-radius)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkJf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-actiongroup-button-spacing-reset:0;--spectrum-actiongroup-border-radius-reset:0;--spectrum-actiongroup-border-radius:var(--spectrum-corner-radius-100)}:host([size=s]){--spectrum-actiongroup-horizontal-spacing-regular:var(\n--spectrum-spacing-75\n);--spectrum-actiongroup-vertical-spacing-regular:var(--spectrum-spacing-75)}:host([size=m]){--spectrum-actiongroup-horizontal-spacing-regular:var(\n--spectrum-spacing-100\n);--spectrum-actiongroup-vertical-spacing-regular:var(\n--spectrum-spacing-100\n)}:host([size=l]){--spectrum-actiongroup-horizontal-spacing-regular:var(\n--spectrum-spacing-100\n);--spectrum-actiongroup-vertical-spacing-regular:var(\n--spectrum-spacing-100\n)}:host([size=xl]){--spectrum-actiongroup-horizontal-spacing-regular:var(\n--spectrum-spacing-100\n);--spectrum-actiongroup-vertical-spacing-regular:var(\n--spectrum-spacing-100\n)}:host{display:flex;flex-wrap:wrap;gap:var(\n--mod-actiongroup-horizontal-spacing-regular,var(--spectrum-actiongroup-horizontal-spacing-regular)\n)}::slotted(*){flex-shrink:0}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){display:inline-flex;flex-direction:column;gap:var(\n--mod-actiongroup-vertical-spacing-regular,var(--spectrum-actiongroup-vertical-spacing-regular)\n)}:host([compact]){gap:var(\n--mod-actiongroup-gap-size-compact,var(--spectrum-actiongroup-gap-size-compact)\n)}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(\n--mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset)\n);position:relative;z-index:0}:host([compact]:not([quiet])) ::slotted(:first-child){--spectrum-actionbutton-focus-ring-border-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) 0px 0px var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-end-start-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-start-start-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);margin-inline-start:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n)}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--spectrum-actionbutton-focus-ring-border-radius:0px;margin-inline-end:var(\n--mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact)\n);margin-inline-start:var(\n--mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact)\n)}:host([compact]:not([quiet])) ::slotted(:last-child){--spectrum-actionbutton-focus-ring-border-radius:0px var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) 0px;border-end-end-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-start-end-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);margin-inline-end:var(\n--mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset)\n);margin-inline-start:var(\n--mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact)\n)}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}:host([compact]:not([quiet])) ::slotted(.focus-visible){z-index:3}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact][vertical]:not([quiet])){gap:var(\n--mod-actiongroup-gap-size-compact,var(--spectrum-actiongroup-gap-size-compact)\n)}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(\n--mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset)\n)}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--spectrum-actionbutton-focus-ring-border-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) 0px 0px;border-start-end-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-start-start-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);margin-block-end:var(\n--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)\n);margin-block-start:var(\n--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)\n);margin-inline-end:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n)}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-end:var(\n--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)\n);margin-block-start:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n);margin-inline-end:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n);margin-inline-start:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n)}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--spectrum-actionbutton-focus-ring-border-radius:0px 0px var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-end-end-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-end-start-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);margin-block-end:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n);margin-block-start:var(\n--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)\n)}:host([justified]) ::slotted(*){flex:1}:host{--spectrum-actiongroup-gap-size-compact:var(\n--system-spectrum-actiongroup-gap-size-compact\n);--spectrum-actiongroup-horizontal-spacing-compact:var(\n--system-spectrum-actiongroup-horizontal-spacing-compact\n);--spectrum-actiongroup-vertical-spacing-compact:var(\n--system-spectrum-actiongroup-vertical-spacing-compact\n)}:host([size=xs]){--spectrum-actiongroup-horizontal-spacing-regular:var(\n--spectrum-spacing-75\n);--spectrum-actiongroup-vertical-spacing-regular:var(--spectrum-spacing-75)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-left:0;margin-right:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){align-items:stretch;display:flex;flex-direction:column}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius:0;--mod-actionbutton-border-radius:var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius:var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius:0 0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius)}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius:var(--spectrum-alias-component-border-radius) 0 0 var(--spectrum-alias-component-border-radius)}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius:0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius:0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius:var(--spectrum-alias-component-border-radius) 0 0 var(--spectrum-alias-component-border-radius)}:host([compact]:not([quiet])) ::slotted(*){--mod-actionbutton-focus-ring-border-radius:0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--mod-actionbutton-focus-ring-border-radius:var(\n--spectrum-alias-component-border-radius\n) var(--spectrum-alias-component-border-radius) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--mod-actionbutton-focus-ring-border-radius:0 0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius)}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--mod-actionbutton-focus-ring-border-radius:var(\n--spectrum-alias-component-border-radius\n) 0 0 var(--spectrum-alias-component-border-radius)}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child){--mod-actionbutton-focus-ring-border-radius:0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--mod-actionbutton-focus-ring-border-radius:0 var(--spectrum-alias-component-border-radius) var(--spectrum-alias-component-border-radius) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--mod-actionbutton-focus-ring-border-radius:var(\n--spectrum-alias-component-border-radius\n) 0 0 var(--spectrum-alias-component-border-radius)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-action-group.css.dev.js CHANGED
@@ -1,144 +1,99 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host{--spectrum-actiongroup-button-gap-reset:0}:host{display:flex;flex-wrap:wrap}::slotted(*){flex-shrink:0}:host(:not([vertical]):not([compact])){margin-top:calc(var(
5
- --spectrum-actiongroup-button-gap-y,
6
- var(--spectrum-alias-actiongroup-button-gap)
7
- )*-1)}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0;margin-top:var(
8
- --spectrum-actiongroup-button-gap-y,var(--spectrum-alias-actiongroup-button-gap)
9
- )}:host([dir=ltr]:not([vertical]):not([compact])) ::slotted(:not(:last-child)){margin-right:var(
10
- --spectrum-actiongroup-button-gap-x,var(--spectrum-alias-actiongroup-button-gap)
11
- )}:host([dir=rtl]:not([vertical]):not([compact])) ::slotted(:not(:last-child)){margin-left:var(
12
- --spectrum-actiongroup-button-gap-x,var(--spectrum-alias-actiongroup-button-gap)
13
- )}:host([vertical]){display:inline-flex;flex-direction:column}:host([dir=ltr][vertical]) ::slotted(:not(:first-child)){margin-left:var(
14
- --spectrum-actiongroup-button-gap-reset
15
- )}:host([dir=rtl][vertical]) ::slotted(:not(:first-child)){margin-right:var(
16
- --spectrum-actiongroup-button-gap-reset
17
- )}:host([vertical]) ::slotted(:not(:first-child)){margin-top:var(
18
- --spectrum-actiongroup-button-gap-y,var(--spectrum-alias-actiongroup-button-gap)
19
- )}:host([dir=ltr][vertical][vertical]){margin-left:var(
20
- --spectrum-actiongroup-button-gap-reset
21
- )}:host([dir=rtl][vertical][vertical]){margin-right:var(
22
- --spectrum-actiongroup-button-gap-reset
23
- )}:host([vertical][vertical]){margin-top:var(
24
- --spectrum-actiongroup-button-gap-y,var(--spectrum-alias-actiongroup-button-gap)
4
+ :host{--spectrum-actiongroup-button-spacing-reset:0;--spectrum-actiongroup-border-radius-reset:0;--spectrum-actiongroup-border-radius:var(--spectrum-corner-radius-100)}:host([size=s]){--spectrum-actiongroup-horizontal-spacing-regular:var(
5
+ --spectrum-spacing-75
6
+ );--spectrum-actiongroup-vertical-spacing-regular:var(--spectrum-spacing-75)}:host([size=m]){--spectrum-actiongroup-horizontal-spacing-regular:var(
7
+ --spectrum-spacing-100
8
+ );--spectrum-actiongroup-vertical-spacing-regular:var(
9
+ --spectrum-spacing-100
10
+ )}:host([size=l]){--spectrum-actiongroup-horizontal-spacing-regular:var(
11
+ --spectrum-spacing-100
12
+ );--spectrum-actiongroup-vertical-spacing-regular:var(
13
+ --spectrum-spacing-100
14
+ )}:host([size=xl]){--spectrum-actiongroup-horizontal-spacing-regular:var(
15
+ --spectrum-spacing-100
16
+ );--spectrum-actiongroup-vertical-spacing-regular:var(
17
+ --spectrum-spacing-100
18
+ )}:host{display:flex;flex-wrap:wrap;gap:var(
19
+ --mod-actiongroup-horizontal-spacing-regular,var(--spectrum-actiongroup-horizontal-spacing-regular)
20
+ )}::slotted(*){flex-shrink:0}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){display:inline-flex;flex-direction:column;gap:var(
21
+ --mod-actiongroup-vertical-spacing-regular,var(--spectrum-actiongroup-vertical-spacing-regular)
25
22
  )}:host([compact]){gap:var(
26
- --spectrum-actiongroup-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-compact)
27
- )}:host([dir=ltr][compact][quiet]) ::slotted(:not(:first-child)){margin-left:var(
28
- --spectrum-actiongroup-quiet-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-quiet-compact)
29
- )}:host([dir=rtl][compact][quiet]) ::slotted(:not(:first-child)){margin-right:var(
30
- --spectrum-actiongroup-quiet-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-quiet-compact)
31
- )}:host([compact][quiet]) ::slotted(:not(:first-child)){margin-top:var(
32
- --spectrum-actiongroup-button-gap-reset
33
- )}:host([dir=ltr][compact][quiet][vertical]) ::slotted(:not(:first-child)){margin-left:var(
34
- --spectrum-actiongroup-button-gap-reset
35
- )}:host([dir=rtl][compact][quiet][vertical]) ::slotted(:not(:first-child)){margin-right:var(
36
- --spectrum-actiongroup-button-gap-reset
37
- )}:host([compact][quiet][vertical]) ::slotted(:not(:first-child)){margin-top:var(
38
- --spectrum-actiongroup-quiet-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-quiet-compact)
39
- )}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){--spectrum-actionbutton-focus-ring-border-radius-adjusted:var(
40
- --spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)
41
- );border-radius:0;position:relative;z-index:0}:host([dir=ltr][compact]:not([quiet])) ::slotted(:first-child){border-top-left-radius:var(
42
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
43
- )}:host([dir=rtl][compact]:not([quiet])) ::slotted(:first-child){border-top-right-radius:var(
44
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
45
- )}:host([dir=ltr][compact]:not([quiet])) ::slotted(:first-child){border-bottom-left-radius:var(
46
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
47
- )}:host([dir=rtl][compact]:not([quiet])) ::slotted(:first-child){border-bottom-right-radius:var(
48
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
49
- )}:host([dir=ltr][compact]:not([quiet])) ::slotted(:first-child){margin-right:calc(var(
50
- --spectrum-actionbutton-m-texticon-border-size,
51
- var(--spectrum-alias-border-size-thin)
52
- )*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:first-child){margin-left:calc(var(
53
- --spectrum-actionbutton-m-texticon-border-size,
54
- var(--spectrum-alias-border-size-thin)
55
- )*-1/2)}:host([compact]:not([quiet])) ::slotted(:first-child){--spectrum-actionbutton-focus-ring-border-radius-adjusted:calc(var(
56
- --spectrum-actionbutton-m-quiet-textonly-border-radius,
57
- var(--spectrum-alias-component-border-radius)
58
- ) + var(
59
- --spectrum-actionbutton-m-textonly-focus-ring-gap,
60
- var(--spectrum-alias-component-focusring-gap)
61
- )) var(
62
- --spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)
23
+ --mod-actiongroup-gap-size-compact,var(--spectrum-actiongroup-gap-size-compact)
24
+ )}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(
25
+ --mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset)
26
+ );position:relative;z-index:0}:host([compact]:not([quiet])) ::slotted(:first-child){--spectrum-actionbutton-focus-ring-border-radius:var(
27
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
28
+ ) 0px 0px var(
29
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
30
+ );border-end-start-radius:var(
31
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
32
+ );border-start-start-radius:var(
33
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
34
+ );margin-inline-start:var(
35
+ --mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)
36
+ )}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--spectrum-actionbutton-focus-ring-border-radius:0px;margin-inline-end:var(
37
+ --mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact)
38
+ );margin-inline-start:var(
39
+ --mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact)
40
+ )}:host([compact]:not([quiet])) ::slotted(:last-child){--spectrum-actionbutton-focus-ring-border-radius:0px var(
41
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
63
42
  ) var(
64
- --spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)
65
- ) calc(var(
66
- --spectrum-actionbutton-m-quiet-textonly-border-radius,
67
- var(--spectrum-alias-component-border-radius)
68
- ) + var(
69
- --spectrum-actionbutton-m-textonly-focus-ring-gap,
70
- var(--spectrum-alias-component-focusring-gap)
71
- ))}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){border-top-right-radius:var(
72
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
73
- )}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){border-top-left-radius:var(
74
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
75
- )}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){border-bottom-right-radius:var(
76
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
77
- )}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){border-bottom-left-radius:var(
78
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
79
- )}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){margin-left:calc(var(
80
- --spectrum-actionbutton-m-texticon-border-size,
81
- var(--spectrum-alias-border-size-thin)
82
- )*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){margin-right:calc(var(
83
- --spectrum-actionbutton-m-texticon-border-size,
84
- var(--spectrum-alias-border-size-thin)
85
- )*-1/2)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){margin-right:0}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){margin-left:0}:host([compact]:not([quiet])) ::slotted(:last-child){--spectrum-actionbutton-focus-ring-border-radius-adjusted:var(
86
- --spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)
87
- ) calc(var(
88
- --spectrum-actionbutton-m-quiet-textonly-border-radius,
89
- var(--spectrum-alias-component-border-radius)
90
- ) + var(
91
- --spectrum-actionbutton-m-textonly-focus-ring-gap,
92
- var(--spectrum-alias-component-focusring-gap)
93
- )) calc(var(
94
- --spectrum-actionbutton-m-quiet-textonly-border-radius,
95
- var(--spectrum-alias-component-border-radius)
96
- ) + var(
97
- --spectrum-actionbutton-m-textonly-focus-ring-gap,
98
- var(--spectrum-alias-component-focusring-gap)
99
- )) var(
100
- --spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)
101
- )}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}:host([compact]:not([quiet])) ::slotted(.focus-visible){z-index:3}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([dir=ltr][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-left:calc(var(
102
- --spectrum-actionbutton-m-texticon-border-size,
103
- var(--spectrum-alias-border-size-thin)
104
- )*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-right:calc(var(
105
- --spectrum-actionbutton-m-texticon-border-size,
106
- var(--spectrum-alias-border-size-thin)
107
- )*-1/2)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-right:calc(var(
108
- --spectrum-actionbutton-m-texticon-border-size,
109
- var(--spectrum-alias-border-size-thin)
110
- )*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-left:calc(var(
111
- --spectrum-actionbutton-m-texticon-border-size,
112
- var(--spectrum-alias-border-size-thin)
113
- )*-1/2)}:host([compact][vertical]:not([quiet])){gap:0}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:0}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-bottom:calc(var(
114
- --spectrum-actionbutton-m-texticon-border-size,
115
- var(--spectrum-alias-border-size-thin)
116
- )*-1/2);margin-top:calc(var(
117
- --spectrum-actionbutton-m-texticon-border-size,
118
- var(--spectrum-alias-border-size-thin)
119
- )*-1/2)}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-left-radius:var(
120
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
121
- )}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-right-radius:var(
122
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
123
- )}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-right-radius:var(
124
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
125
- )}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-left-radius:var(
126
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
127
- )}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){border-radius:0;margin-bottom:calc(var(
128
- --spectrum-actionbutton-m-texticon-border-size,
129
- var(--spectrum-alias-border-size-thin)
130
- )*-1/2)}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-left-radius:var(
131
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
132
- )}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-right-radius:var(
133
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
134
- )}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-right-radius:var(
135
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
136
- )}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-left-radius:var(
137
- --spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)
138
- )}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){border-radius:0;margin-bottom:0;margin-top:calc(var(
139
- --spectrum-actionbutton-m-texticon-border-size,
140
- var(--spectrum-alias-border-size-thin)
141
- )*-1/2)}:host([justified]) ::slotted(*){flex:1}
43
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
44
+ ) 0px;border-end-end-radius:var(
45
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
46
+ );border-start-end-radius:var(
47
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
48
+ );margin-inline-end:var(
49
+ --mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset)
50
+ );margin-inline-start:var(
51
+ --mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact)
52
+ )}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}:host([compact]:not([quiet])) ::slotted(.focus-visible){z-index:3}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact][vertical]:not([quiet])){gap:var(
53
+ --mod-actiongroup-gap-size-compact,var(--spectrum-actiongroup-gap-size-compact)
54
+ )}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(
55
+ --mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset)
56
+ )}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--spectrum-actionbutton-focus-ring-border-radius:var(
57
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
58
+ ) var(
59
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
60
+ ) 0px 0px;border-start-end-radius:var(
61
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
62
+ );border-start-start-radius:var(
63
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
64
+ );margin-block-end:var(
65
+ --mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)
66
+ );margin-block-start:var(
67
+ --mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)
68
+ );margin-inline-end:var(
69
+ --mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)
70
+ )}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-end:var(
71
+ --mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)
72
+ );margin-block-start:var(
73
+ --mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)
74
+ );margin-inline-end:var(
75
+ --mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)
76
+ );margin-inline-start:var(
77
+ --mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)
78
+ )}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--spectrum-actionbutton-focus-ring-border-radius:0px 0px var(
79
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
80
+ ) var(
81
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
82
+ );border-end-end-radius:var(
83
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
84
+ );border-end-start-radius:var(
85
+ --mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)
86
+ );margin-block-end:var(
87
+ --mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)
88
+ );margin-block-start:var(
89
+ --mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)
90
+ )}:host([justified]) ::slotted(*){flex:1}:host{--spectrum-actiongroup-gap-size-compact:var(
91
+ --system-spectrum-actiongroup-gap-size-compact
92
+ );--spectrum-actiongroup-horizontal-spacing-compact:var(
93
+ --system-spectrum-actiongroup-horizontal-spacing-compact
94
+ );--spectrum-actiongroup-vertical-spacing-compact:var(
95
+ --system-spectrum-actiongroup-vertical-spacing-compact
96
+ )}
142
97
  `;
143
98
  export default styles;
144
99
  //# sourceMappingURL=spectrum-action-group.css.dev.js.map
package/src/spectrum-action-group.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-action-group.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-actiongroup-button-gap-reset:0}:host{display:flex;flex-wrap:wrap}::slotted(*){flex-shrink:0}:host(:not([vertical]):not([compact])){margin-top:calc(var(\n--spectrum-actiongroup-button-gap-y,\nvar(--spectrum-alias-actiongroup-button-gap)\n)*-1)}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0;margin-top:var(\n--spectrum-actiongroup-button-gap-y,var(--spectrum-alias-actiongroup-button-gap)\n)}:host([dir=ltr]:not([vertical]):not([compact])) ::slotted(:not(:last-child)){margin-right:var(\n--spectrum-actiongroup-button-gap-x,var(--spectrum-alias-actiongroup-button-gap)\n)}:host([dir=rtl]:not([vertical]):not([compact])) ::slotted(:not(:last-child)){margin-left:var(\n--spectrum-actiongroup-button-gap-x,var(--spectrum-alias-actiongroup-button-gap)\n)}:host([vertical]){display:inline-flex;flex-direction:column}:host([dir=ltr][vertical]) ::slotted(:not(:first-child)){margin-left:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([dir=rtl][vertical]) ::slotted(:not(:first-child)){margin-right:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([vertical]) ::slotted(:not(:first-child)){margin-top:var(\n--spectrum-actiongroup-button-gap-y,var(--spectrum-alias-actiongroup-button-gap)\n)}:host([dir=ltr][vertical][vertical]){margin-left:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([dir=rtl][vertical][vertical]){margin-right:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([vertical][vertical]){margin-top:var(\n--spectrum-actiongroup-button-gap-y,var(--spectrum-alias-actiongroup-button-gap)\n)}:host([compact]){gap:var(\n--spectrum-actiongroup-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-compact)\n)}:host([dir=ltr][compact][quiet]) ::slotted(:not(:first-child)){margin-left:var(\n--spectrum-actiongroup-quiet-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-quiet-compact)\n)}:host([dir=rtl][compact][quiet]) ::slotted(:not(:first-child)){margin-right:var(\n--spectrum-actiongroup-quiet-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-quiet-compact)\n)}:host([compact][quiet]) ::slotted(:not(:first-child)){margin-top:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([dir=ltr][compact][quiet][vertical]) ::slotted(:not(:first-child)){margin-left:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([dir=rtl][compact][quiet][vertical]) ::slotted(:not(:first-child)){margin-right:var(\n--spectrum-actiongroup-button-gap-reset\n)}:host([compact][quiet][vertical]) ::slotted(:not(:first-child)){margin-top:var(\n--spectrum-actiongroup-quiet-compact-button-gap,var(--spectrum-alias-actiongroup-button-gap-quiet-compact)\n)}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){--spectrum-actionbutton-focus-ring-border-radius-adjusted:var(\n--spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)\n);border-radius:0;position:relative;z-index:0}:host([dir=ltr][compact]:not([quiet])) ::slotted(:first-child){border-top-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:first-child){border-top-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:first-child){border-bottom-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:first-child){border-bottom-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:first-child){margin-right:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:first-child){margin-left:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([compact]:not([quiet])) ::slotted(:first-child){--spectrum-actionbutton-focus-ring-border-radius-adjusted:calc(var(\n--spectrum-actionbutton-m-quiet-textonly-border-radius,\nvar(--spectrum-alias-component-border-radius)\n) + var(\n--spectrum-actionbutton-m-textonly-focus-ring-gap,\nvar(--spectrum-alias-component-focusring-gap)\n)) var(\n--spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)\n) var(\n--spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)\n) calc(var(\n--spectrum-actionbutton-m-quiet-textonly-border-radius,\nvar(--spectrum-alias-component-border-radius)\n) + var(\n--spectrum-actionbutton-m-textonly-focus-ring-gap,\nvar(--spectrum-alias-component-focusring-gap)\n))}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){border-top-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){border-top-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){border-bottom-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){border-bottom-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){margin-left:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){margin-right:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:last-child){margin-right:0}:host([dir=rtl][compact]:not([quiet])) ::slotted(:last-child){margin-left:0}:host([compact]:not([quiet])) ::slotted(:last-child){--spectrum-actionbutton-focus-ring-border-radius-adjusted:var(\n--spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)\n) calc(var(\n--spectrum-actionbutton-m-quiet-textonly-border-radius,\nvar(--spectrum-alias-component-border-radius)\n) + var(\n--spectrum-actionbutton-m-textonly-focus-ring-gap,\nvar(--spectrum-alias-component-focusring-gap)\n)) calc(var(\n--spectrum-actionbutton-m-quiet-textonly-border-radius,\nvar(--spectrum-alias-component-border-radius)\n) + var(\n--spectrum-actionbutton-m-textonly-focus-ring-gap,\nvar(--spectrum-alias-component-focusring-gap)\n)) var(\n--spectrum-alias-border-radius-xsmall,var(--spectrum-global-dimension-size-10)\n)}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}:host([compact]:not([quiet])) ::slotted(.focus-visible){z-index:3}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([dir=ltr][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-left:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-right:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=ltr][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-right:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=rtl][compact]:not([quiet])) ::slotted(:not(:first-child)){margin-left:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([compact][vertical]:not([quiet])){gap:0}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:0}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-bottom:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2);margin-top:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:first-child){border-top-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){border-radius:0;margin-bottom:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=ltr][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-right-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([dir=rtl][compact][vertical]:not([quiet])) ::slotted(:last-child){border-bottom-left-radius:var(\n--spectrum-actionbutton-m-texticon-border-radius,var(--spectrum-alias-component-border-radius)\n)}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){border-radius:0;margin-bottom:0;margin-top:calc(var(\n--spectrum-actionbutton-m-texticon-border-size,\nvar(--spectrum-alias-border-size-thin)\n)*-1/2)}:host([justified]) ::slotted(*){flex:1}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4If,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-actiongroup-button-spacing-reset:0;--spectrum-actiongroup-border-radius-reset:0;--spectrum-actiongroup-border-radius:var(--spectrum-corner-radius-100)}:host([size=s]){--spectrum-actiongroup-horizontal-spacing-regular:var(\n--spectrum-spacing-75\n);--spectrum-actiongroup-vertical-spacing-regular:var(--spectrum-spacing-75)}:host([size=m]){--spectrum-actiongroup-horizontal-spacing-regular:var(\n--spectrum-spacing-100\n);--spectrum-actiongroup-vertical-spacing-regular:var(\n--spectrum-spacing-100\n)}:host([size=l]){--spectrum-actiongroup-horizontal-spacing-regular:var(\n--spectrum-spacing-100\n);--spectrum-actiongroup-vertical-spacing-regular:var(\n--spectrum-spacing-100\n)}:host([size=xl]){--spectrum-actiongroup-horizontal-spacing-regular:var(\n--spectrum-spacing-100\n);--spectrum-actiongroup-vertical-spacing-regular:var(\n--spectrum-spacing-100\n)}:host{display:flex;flex-wrap:wrap;gap:var(\n--mod-actiongroup-horizontal-spacing-regular,var(--spectrum-actiongroup-horizontal-spacing-regular)\n)}::slotted(*){flex-shrink:0}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){display:inline-flex;flex-direction:column;gap:var(\n--mod-actiongroup-vertical-spacing-regular,var(--spectrum-actiongroup-vertical-spacing-regular)\n)}:host([compact]){gap:var(\n--mod-actiongroup-gap-size-compact,var(--spectrum-actiongroup-gap-size-compact)\n)}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(\n--mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset)\n);position:relative;z-index:0}:host([compact]:not([quiet])) ::slotted(:first-child){--spectrum-actionbutton-focus-ring-border-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) 0px 0px var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-end-start-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-start-start-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);margin-inline-start:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n)}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--spectrum-actionbutton-focus-ring-border-radius:0px;margin-inline-end:var(\n--mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact)\n);margin-inline-start:var(\n--mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact)\n)}:host([compact]:not([quiet])) ::slotted(:last-child){--spectrum-actionbutton-focus-ring-border-radius:0px var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) 0px;border-end-end-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-start-end-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);margin-inline-end:var(\n--mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset)\n);margin-inline-start:var(\n--mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact)\n)}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}:host([compact]:not([quiet])) ::slotted(.focus-visible){z-index:3}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact][vertical]:not([quiet])){gap:var(\n--mod-actiongroup-gap-size-compact,var(--spectrum-actiongroup-gap-size-compact)\n)}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(\n--mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset)\n)}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--spectrum-actionbutton-focus-ring-border-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) 0px 0px;border-start-end-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-start-start-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);margin-block-end:var(\n--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)\n);margin-block-start:var(\n--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)\n);margin-inline-end:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n)}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-end:var(\n--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)\n);margin-block-start:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n);margin-inline-end:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n);margin-inline-start:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n)}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--spectrum-actionbutton-focus-ring-border-radius:0px 0px var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n) var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-end-end-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);border-end-start-radius:var(\n--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius)\n);margin-block-end:var(\n--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset)\n);margin-block-start:var(\n--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact)\n)}:host([justified]) ::slotted(*){flex:1}:host{--spectrum-actiongroup-gap-size-compact:var(\n--system-spectrum-actiongroup-gap-size-compact\n);--spectrum-actiongroup-horizontal-spacing-compact:var(\n--system-spectrum-actiongroup-horizontal-spacing-compact\n);--spectrum-actiongroup-vertical-spacing-compact:var(\n--system-spectrum-actiongroup-vertical-spacing-compact\n)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Ff,eAAe;",
6
6
  "names": []
7
7
  }