@spectrum-web-components/tabs 1.1.0 → 1.1.2

package/src/tab-panel.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tab-panel.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{display:inline-flex}:host(:not([selected])){display:none}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/src/tab.css.d.ts

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

package/src/tab.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    :host{box-sizing:border-box;block-size:calc(var(--mod-tabs-item-height,var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));z-index:1;white-space:nowrap;color:var(--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color)));transition:color var(--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration))ease-out;cursor:pointer;outline:none;-webkit-text-decoration:none;text-decoration:none;position:relative}::slotted([slot=icon]){block-size:var(--mod-tabs-icon-size,var(--spectrum-tabs-icon-size));inline-size:var(--mod-tabs-icon-size,var(--spectrum-tabs-icon-size));margin-block-start:var(--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon))}[name=icon]+#item-label{margin-inline-start:var(--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text))}:host:before{content:"";box-sizing:border-box;block-size:calc(100% - var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)));inline-size:calc(100% + var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*2);border:var(--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width))solid transparent;border-radius:var(--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius));pointer-events:none;position:absolute;inset-block-start:calc(var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))/2);inset-inline-start:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1);inset-inline-end:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1)}@media (hover:hover){:host(:hover){color:var(--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover)))}}:host([selected]){color:var(--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected)))}:host([disabled]){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)))}:host([disabled]) #item-label{cursor:default}:host(:focus-visible){color:var(--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus)))}:host(:focus-visible):before{border-color:var(--highcontrast-tabs-focus-indicator-color,var(--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)))}#item-label{cursor:pointer;vertical-align:top;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));font-size:var(--mod-tabs-font-size,var(--spectrum-tabs-font-size));font-weight:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-weight));line-height:var(--mod-tabs-line-height,var(--spectrum-tabs-line-height));margin-block-start:var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text));margin-block-end:var(--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text));-webkit-text-decoration:none;text-decoration:none;display:inline-block}#item-label:empty{display:none}:host{scroll-margin-inline:var(--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing))}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:ButtonFace}:host ::slotted([slot=icon]){z-index:1;color:inherit;position:relative}#item-label{z-index:1;position:relative}:host([selected]){color:HighlightText}:host([selected]) ::slotted([slot=icon]){color:HighlightText}:host([selected]) #item-label{color:HighlightText}}:host([vertical]){height:auto;flex-direction:column;justify-content:center;align-items:center;display:flex}:host([dir][vertical]) slot[name=icon]+#item-label{margin-inline-start:0;margin-block:calc(var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))/2)calc(var(--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text))/2)}:host([vertical]) ::slotted([slot=icon]){margin-block-start:calc(var(--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon))/2)}
+`;
+export default styles;
+//# sourceMappingURL=tab.css.dev.js.map

package/src/tab.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tab.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{box-sizing:border-box;block-size:calc(var(--mod-tabs-item-height,var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));z-index:1;white-space:nowrap;color:var(--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color)));transition:color var(--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration))ease-out;cursor:pointer;outline:none;-webkit-text-decoration:none;text-decoration:none;position:relative}::slotted([slot=icon]){block-size:var(--mod-tabs-icon-size,var(--spectrum-tabs-icon-size));inline-size:var(--mod-tabs-icon-size,var(--spectrum-tabs-icon-size));margin-block-start:var(--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon))}[name=icon]+#item-label{margin-inline-start:var(--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text))}:host:before{content:\"\";box-sizing:border-box;block-size:calc(100% - var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)));inline-size:calc(100% + var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*2);border:var(--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width))solid transparent;border-radius:var(--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius));pointer-events:none;position:absolute;inset-block-start:calc(var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))/2);inset-inline-start:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1);inset-inline-end:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1)}@media (hover:hover){:host(:hover){color:var(--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover)))}}:host([selected]){color:var(--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected)))}:host([disabled]){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)))}:host([disabled]) #item-label{cursor:default}:host(:focus-visible){color:var(--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus)))}:host(:focus-visible):before{border-color:var(--highcontrast-tabs-focus-indicator-color,var(--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)))}#item-label{cursor:pointer;vertical-align:top;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));font-size:var(--mod-tabs-font-size,var(--spectrum-tabs-font-size));font-weight:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-weight));line-height:var(--mod-tabs-line-height,var(--spectrum-tabs-line-height));margin-block-start:var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text));margin-block-end:var(--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text));-webkit-text-decoration:none;text-decoration:none;display:inline-block}#item-label:empty{display:none}:host{scroll-margin-inline:var(--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing))}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:ButtonFace}:host ::slotted([slot=icon]){z-index:1;color:inherit;position:relative}#item-label{z-index:1;position:relative}:host([selected]){color:HighlightText}:host([selected]) ::slotted([slot=icon]){color:HighlightText}:host([selected]) #item-label{color:HighlightText}}:host([vertical]){height:auto;flex-direction:column;justify-content:center;align-items:center;display:flex}:host([dir][vertical]) slot[name=icon]+#item-label{margin-inline-start:0;margin-block:calc(var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))/2)calc(var(--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text))/2)}:host([vertical]) ::slotted([slot=icon]){margin-block-start:calc(var(--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon))/2)}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/tab.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
+    :host{box-sizing:border-box;block-size:calc(var(--mod-tabs-item-height,var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));z-index:1;white-space:nowrap;color:var(--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color)));transition:color var(--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration))ease-out;cursor:pointer;outline:none;-webkit-text-decoration:none;text-decoration:none;position:relative}::slotted([slot=icon]){block-size:var(--mod-tabs-icon-size,var(--spectrum-tabs-icon-size));inline-size:var(--mod-tabs-icon-size,var(--spectrum-tabs-icon-size));margin-block-start:var(--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon))}[name=icon]+#item-label{margin-inline-start:var(--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text))}:host:before{content:"";box-sizing:border-box;block-size:calc(100% - var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)));inline-size:calc(100% + var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*2);border:var(--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width))solid transparent;border-radius:var(--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius));pointer-events:none;position:absolute;inset-block-start:calc(var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))/2);inset-inline-start:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1);inset-inline-end:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1)}@media (hover:hover){:host(:hover){color:var(--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover)))}}:host([selected]){color:var(--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected)))}:host([disabled]){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)))}:host([disabled]) #item-label{cursor:default}:host(:focus-visible){color:var(--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus)))}:host(:focus-visible):before{border-color:var(--highcontrast-tabs-focus-indicator-color,var(--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)))}#item-label{cursor:pointer;vertical-align:top;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));font-size:var(--mod-tabs-font-size,var(--spectrum-tabs-font-size));font-weight:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-weight));line-height:var(--mod-tabs-line-height,var(--spectrum-tabs-line-height));margin-block-start:var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text));margin-block-end:var(--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text));-webkit-text-decoration:none;text-decoration:none;display:inline-block}#item-label:empty{display:none}:host{scroll-margin-inline:var(--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing))}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:ButtonFace}:host ::slotted([slot=icon]){z-index:1;color:inherit;position:relative}#item-label{z-index:1;position:relative}:host([selected]){color:HighlightText}:host([selected]) ::slotted([slot=icon]){color:HighlightText}:host([selected]) #item-label{color:HighlightText}}:host([vertical]){height:auto;flex-direction:column;justify-content:center;align-items:center;display:flex}:host([dir][vertical]) slot[name=icon]+#item-label{margin-inline-start:0;margin-block:calc(var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))/2)calc(var(--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text))/2)}:host([vertical]) ::slotted([slot=icon]){margin-block-start:calc(var(--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon))/2)}
+`;export default o;
+//# sourceMappingURL=tab.css.js.map

package/src/tab.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tab.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{box-sizing:border-box;block-size:calc(var(--mod-tabs-item-height,var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));z-index:1;white-space:nowrap;color:var(--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color)));transition:color var(--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration))ease-out;cursor:pointer;outline:none;-webkit-text-decoration:none;text-decoration:none;position:relative}::slotted([slot=icon]){block-size:var(--mod-tabs-icon-size,var(--spectrum-tabs-icon-size));inline-size:var(--mod-tabs-icon-size,var(--spectrum-tabs-icon-size));margin-block-start:var(--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon))}[name=icon]+#item-label{margin-inline-start:var(--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text))}:host:before{content:\"\";box-sizing:border-box;block-size:calc(100% - var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)));inline-size:calc(100% + var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*2);border:var(--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width))solid transparent;border-radius:var(--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius));pointer-events:none;position:absolute;inset-block-start:calc(var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))/2);inset-inline-start:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1);inset-inline-end:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1)}@media (hover:hover){:host(:hover){color:var(--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover)))}}:host([selected]){color:var(--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected)))}:host([disabled]){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)))}:host([disabled]) #item-label{cursor:default}:host(:focus-visible){color:var(--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus)))}:host(:focus-visible):before{border-color:var(--highcontrast-tabs-focus-indicator-color,var(--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)))}#item-label{cursor:pointer;vertical-align:top;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));font-size:var(--mod-tabs-font-size,var(--spectrum-tabs-font-size));font-weight:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-weight));line-height:var(--mod-tabs-line-height,var(--spectrum-tabs-line-height));margin-block-start:var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text));margin-block-end:var(--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text));-webkit-text-decoration:none;text-decoration:none;display:inline-block}#item-label:empty{display:none}:host{scroll-margin-inline:var(--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing))}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:ButtonFace}:host ::slotted([slot=icon]){z-index:1;color:inherit;position:relative}#item-label{z-index:1;position:relative}:host([selected]){color:HighlightText}:host([selected]) ::slotted([slot=icon]){color:HighlightText}:host([selected]) #item-label{color:HighlightText}}:host([vertical]){height:auto;flex-direction:column;justify-content:center;align-items:center;display:flex}:host([dir][vertical]) slot[name=icon]+#item-label{margin-inline-start:0;margin-block:calc(var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))/2)calc(var(--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text))/2)}:host([vertical]) ::slotted([slot=icon]){margin-block-start:calc(var(--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon))/2)}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/src/tabs-overflow.css.d.ts

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

package/src/tabs-overflow.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    :host{width:100%;--sp-tabs-overflow-next-button-right:calc(-1*var(--spectrum-component-edge-to-text-100));--sp-tabs-overflow-previous-button-left:calc(-1*var(--spectrum-component-edge-to-text-100));--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-medium) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-medium);--sp-tabs-overflow-icon-color:var(--spectrum-gray-800);--sp-tabs-overflow-shadow-color:var(--spectrum-gray-100);--sp-tabs-overflow-shadow-width:50px;--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-100);inset:0}:host([size=s]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-small) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-small);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-large) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-large);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-extra-large) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-extra-large);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-300)}:host([compact]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-compact-height-medium) - var(--spectrum-border-width-200));--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-50)}sp-action-button{width:var(--sp-tabs-overflow-button-size);height:var(--sp-tabs-overflow-button-height);z-index:2;text-align:center;box-shadow:none;color:var(--sp-tabs-overflow-icon-color);background:0 0;border:none;position:absolute}sp-action-button.left-scroll{visibility:hidden;left:var(--sp-tabs-overflow-previous-button-left)}sp-action-button.right-scroll{visibility:hidden;right:var(--sp-tabs-overflow-next-button-right)}sp-action-button.left-scroll.show,sp-action-button.right-scroll.show{visibility:visible}.tabs-overflow-container{position:relative}.tabs-overflow-container:before,.tabs-overflow-container:after{content:"";visibility:hidden;z-index:1;height:var(--sp-tabs-overflow-button-height);width:var(--sp-tabs-overflow-shadow-width);pointer-events:none;position:absolute;inset-block-start:0}.tabs-overflow-container:before{background:transparent linear-gradient(270deg,transparent,var(--sp-tabs-overflow-shadow-color))0 0 no-repeat padding-box;left:0}.tabs-overflow-container:after{background:transparent linear-gradient(90deg,transparent,var(--sp-tabs-overflow-shadow-color))0 0 no-repeat padding-box;right:0}.tabs-overflow-container.left-shadow:before,.tabs-overflow-container.right-shadow:after{visibility:visible}
+`;
+export default styles;
+//# sourceMappingURL=tabs-overflow.css.dev.js.map

package/src/tabs-overflow.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tabs-overflow.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{width:100%;--sp-tabs-overflow-next-button-right:calc(-1*var(--spectrum-component-edge-to-text-100));--sp-tabs-overflow-previous-button-left:calc(-1*var(--spectrum-component-edge-to-text-100));--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-medium) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-medium);--sp-tabs-overflow-icon-color:var(--spectrum-gray-800);--sp-tabs-overflow-shadow-color:var(--spectrum-gray-100);--sp-tabs-overflow-shadow-width:50px;--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-100);inset:0}:host([size=s]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-small) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-small);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-large) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-large);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-extra-large) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-extra-large);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-300)}:host([compact]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-compact-height-medium) - var(--spectrum-border-width-200));--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-50)}sp-action-button{width:var(--sp-tabs-overflow-button-size);height:var(--sp-tabs-overflow-button-height);z-index:2;text-align:center;box-shadow:none;color:var(--sp-tabs-overflow-icon-color);background:0 0;border:none;position:absolute}sp-action-button.left-scroll{visibility:hidden;left:var(--sp-tabs-overflow-previous-button-left)}sp-action-button.right-scroll{visibility:hidden;right:var(--sp-tabs-overflow-next-button-right)}sp-action-button.left-scroll.show,sp-action-button.right-scroll.show{visibility:visible}.tabs-overflow-container{position:relative}.tabs-overflow-container:before,.tabs-overflow-container:after{content:\"\";visibility:hidden;z-index:1;height:var(--sp-tabs-overflow-button-height);width:var(--sp-tabs-overflow-shadow-width);pointer-events:none;position:absolute;inset-block-start:0}.tabs-overflow-container:before{background:transparent linear-gradient(270deg,transparent,var(--sp-tabs-overflow-shadow-color))0 0 no-repeat padding-box;left:0}.tabs-overflow-container:after{background:transparent linear-gradient(90deg,transparent,var(--sp-tabs-overflow-shadow-color))0 0 no-repeat padding-box;right:0}.tabs-overflow-container.left-shadow:before,.tabs-overflow-container.right-shadow:after{visibility:visible}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/tabs-overflow.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
+    :host{width:100%;--sp-tabs-overflow-next-button-right:calc(-1*var(--spectrum-component-edge-to-text-100));--sp-tabs-overflow-previous-button-left:calc(-1*var(--spectrum-component-edge-to-text-100));--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-medium) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-medium);--sp-tabs-overflow-icon-color:var(--spectrum-gray-800);--sp-tabs-overflow-shadow-color:var(--spectrum-gray-100);--sp-tabs-overflow-shadow-width:50px;--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-100);inset:0}:host([size=s]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-small) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-small);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-large) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-large);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-extra-large) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-extra-large);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-300)}:host([compact]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-compact-height-medium) - var(--spectrum-border-width-200));--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-50)}sp-action-button{width:var(--sp-tabs-overflow-button-size);height:var(--sp-tabs-overflow-button-height);z-index:2;text-align:center;box-shadow:none;color:var(--sp-tabs-overflow-icon-color);background:0 0;border:none;position:absolute}sp-action-button.left-scroll{visibility:hidden;left:var(--sp-tabs-overflow-previous-button-left)}sp-action-button.right-scroll{visibility:hidden;right:var(--sp-tabs-overflow-next-button-right)}sp-action-button.left-scroll.show,sp-action-button.right-scroll.show{visibility:visible}.tabs-overflow-container{position:relative}.tabs-overflow-container:before,.tabs-overflow-container:after{content:"";visibility:hidden;z-index:1;height:var(--sp-tabs-overflow-button-height);width:var(--sp-tabs-overflow-shadow-width);pointer-events:none;position:absolute;inset-block-start:0}.tabs-overflow-container:before{background:transparent linear-gradient(270deg,transparent,var(--sp-tabs-overflow-shadow-color))0 0 no-repeat padding-box;left:0}.tabs-overflow-container:after{background:transparent linear-gradient(90deg,transparent,var(--sp-tabs-overflow-shadow-color))0 0 no-repeat padding-box;right:0}.tabs-overflow-container.left-shadow:before,.tabs-overflow-container.right-shadow:after{visibility:visible}
+`;export default o;
+//# sourceMappingURL=tabs-overflow.css.js.map

package/src/tabs-overflow.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tabs-overflow.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{width:100%;--sp-tabs-overflow-next-button-right:calc(-1*var(--spectrum-component-edge-to-text-100));--sp-tabs-overflow-previous-button-left:calc(-1*var(--spectrum-component-edge-to-text-100));--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-medium) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-medium);--sp-tabs-overflow-icon-color:var(--spectrum-gray-800);--sp-tabs-overflow-shadow-color:var(--spectrum-gray-100);--sp-tabs-overflow-shadow-width:50px;--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-100);inset:0}:host([size=s]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-small) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-small);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-large) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-large);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-height-extra-large) - var(--spectrum-border-width-200));--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-extra-large);--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-300)}:host([compact]){--sp-tabs-overflow-button-height:calc(var(--spectrum-tab-item-compact-height-medium) - var(--spectrum-border-width-200));--mod-actionbutton-icon-size:var(--spectrum-workflow-icon-size-50)}sp-action-button{width:var(--sp-tabs-overflow-button-size);height:var(--sp-tabs-overflow-button-height);z-index:2;text-align:center;box-shadow:none;color:var(--sp-tabs-overflow-icon-color);background:0 0;border:none;position:absolute}sp-action-button.left-scroll{visibility:hidden;left:var(--sp-tabs-overflow-previous-button-left)}sp-action-button.right-scroll{visibility:hidden;right:var(--sp-tabs-overflow-next-button-right)}sp-action-button.left-scroll.show,sp-action-button.right-scroll.show{visibility:visible}.tabs-overflow-container{position:relative}.tabs-overflow-container:before,.tabs-overflow-container:after{content:\"\";visibility:hidden;z-index:1;height:var(--sp-tabs-overflow-button-height);width:var(--sp-tabs-overflow-shadow-width);pointer-events:none;position:absolute;inset-block-start:0}.tabs-overflow-container:before{background:transparent linear-gradient(270deg,transparent,var(--sp-tabs-overflow-shadow-color))0 0 no-repeat padding-box;left:0}.tabs-overflow-container:after{background:transparent linear-gradient(90deg,transparent,var(--sp-tabs-overflow-shadow-color))0 0 no-repeat padding-box;right:0}.tabs-overflow-container.left-shadow:before,.tabs-overflow-container.right-shadow:after{visibility:visible}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/src/tabs-overrides.css.d.ts

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

package/src/tabs-overrides.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    #list{--spectrum-tabs-font-weight:var(--system-tabs-font-weight);--spectrum-tabs-item-height:var(--system-tabs-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-top-to-icon);--spectrum-tabs-color:var(--system-tabs-color);--spectrum-tabs-color-selected:var(--system-tabs-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-color-key-focus);--spectrum-tabs-color-disabled:var(--system-tabs-color-disabled);--spectrum-tabs-font-family:var(--system-tabs-font-family);--spectrum-tabs-font-style:var(--system-tabs-font-style);--spectrum-tabs-font-size:var(--system-tabs-font-size);--spectrum-tabs-line-height:var(--system-tabs-line-height);--spectrum-tabs-focus-indicator-width:var(--system-tabs-focus-indicator-width);--spectrum-tabs-focus-indicator-border-radius:var(--system-tabs-focus-indicator-border-radius);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-focus-indicator-gap);--spectrum-tabs-focus-indicator-color:var(--system-tabs-focus-indicator-color);--spectrum-tabs-selection-indicator-color:var(--system-tabs-selection-indicator-color);--spectrum-tabs-list-background-direction:var(--system-tabs-list-background-direction);--spectrum-tabs-divider-background-color:var(--system-tabs-divider-background-color);--spectrum-tabs-divider-size:var(--system-tabs-divider-size);--spectrum-tabs-divider-border-radius:var(--system-tabs-divider-border-radius);--spectrum-tabs-animation-duration:var(--system-tabs-animation-duration);--spectrum-tabs-animation-ease:var(--system-tabs-animation-ease)}:host([emphasized]) #list{--spectrum-tabs-color-selected:var(--system-tabs-emphasized-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-emphasized-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-emphasized-color-key-focus);--spectrum-tabs-selection-indicator-color:var(--system-tabs-emphasized-selection-indicator-color)}
+`;
+export default styles;
+//# sourceMappingURL=tabs-overrides.css.dev.js.map

package/src/tabs-overrides.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tabs-overrides.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    #list{--spectrum-tabs-font-weight:var(--system-tabs-font-weight);--spectrum-tabs-item-height:var(--system-tabs-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-top-to-icon);--spectrum-tabs-color:var(--system-tabs-color);--spectrum-tabs-color-selected:var(--system-tabs-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-color-key-focus);--spectrum-tabs-color-disabled:var(--system-tabs-color-disabled);--spectrum-tabs-font-family:var(--system-tabs-font-family);--spectrum-tabs-font-style:var(--system-tabs-font-style);--spectrum-tabs-font-size:var(--system-tabs-font-size);--spectrum-tabs-line-height:var(--system-tabs-line-height);--spectrum-tabs-focus-indicator-width:var(--system-tabs-focus-indicator-width);--spectrum-tabs-focus-indicator-border-radius:var(--system-tabs-focus-indicator-border-radius);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-focus-indicator-gap);--spectrum-tabs-focus-indicator-color:var(--system-tabs-focus-indicator-color);--spectrum-tabs-selection-indicator-color:var(--system-tabs-selection-indicator-color);--spectrum-tabs-list-background-direction:var(--system-tabs-list-background-direction);--spectrum-tabs-divider-background-color:var(--system-tabs-divider-background-color);--spectrum-tabs-divider-size:var(--system-tabs-divider-size);--spectrum-tabs-divider-border-radius:var(--system-tabs-divider-border-radius);--spectrum-tabs-animation-duration:var(--system-tabs-animation-duration);--spectrum-tabs-animation-ease:var(--system-tabs-animation-ease)}:host([emphasized]) #list{--spectrum-tabs-color-selected:var(--system-tabs-emphasized-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-emphasized-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-emphasized-color-key-focus);--spectrum-tabs-selection-indicator-color:var(--system-tabs-emphasized-selection-indicator-color)}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/tabs-overrides.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as t}from"@spectrum-web-components/base";const s=t`
+    #list{--spectrum-tabs-font-weight:var(--system-tabs-font-weight);--spectrum-tabs-item-height:var(--system-tabs-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-top-to-icon);--spectrum-tabs-color:var(--system-tabs-color);--spectrum-tabs-color-selected:var(--system-tabs-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-color-key-focus);--spectrum-tabs-color-disabled:var(--system-tabs-color-disabled);--spectrum-tabs-font-family:var(--system-tabs-font-family);--spectrum-tabs-font-style:var(--system-tabs-font-style);--spectrum-tabs-font-size:var(--system-tabs-font-size);--spectrum-tabs-line-height:var(--system-tabs-line-height);--spectrum-tabs-focus-indicator-width:var(--system-tabs-focus-indicator-width);--spectrum-tabs-focus-indicator-border-radius:var(--system-tabs-focus-indicator-border-radius);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-focus-indicator-gap);--spectrum-tabs-focus-indicator-color:var(--system-tabs-focus-indicator-color);--spectrum-tabs-selection-indicator-color:var(--system-tabs-selection-indicator-color);--spectrum-tabs-list-background-direction:var(--system-tabs-list-background-direction);--spectrum-tabs-divider-background-color:var(--system-tabs-divider-background-color);--spectrum-tabs-divider-size:var(--system-tabs-divider-size);--spectrum-tabs-divider-border-radius:var(--system-tabs-divider-border-radius);--spectrum-tabs-animation-duration:var(--system-tabs-animation-duration);--spectrum-tabs-animation-ease:var(--system-tabs-animation-ease)}:host([emphasized]) #list{--spectrum-tabs-color-selected:var(--system-tabs-emphasized-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-emphasized-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-emphasized-color-key-focus);--spectrum-tabs-selection-indicator-color:var(--system-tabs-emphasized-selection-indicator-color)}
+`;export default s;
+//# sourceMappingURL=tabs-overrides.css.js.map

package/src/tabs-overrides.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tabs-overrides.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    #list{--spectrum-tabs-font-weight:var(--system-tabs-font-weight);--spectrum-tabs-item-height:var(--system-tabs-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-top-to-icon);--spectrum-tabs-color:var(--system-tabs-color);--spectrum-tabs-color-selected:var(--system-tabs-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-color-key-focus);--spectrum-tabs-color-disabled:var(--system-tabs-color-disabled);--spectrum-tabs-font-family:var(--system-tabs-font-family);--spectrum-tabs-font-style:var(--system-tabs-font-style);--spectrum-tabs-font-size:var(--system-tabs-font-size);--spectrum-tabs-line-height:var(--system-tabs-line-height);--spectrum-tabs-focus-indicator-width:var(--system-tabs-focus-indicator-width);--spectrum-tabs-focus-indicator-border-radius:var(--system-tabs-focus-indicator-border-radius);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-focus-indicator-gap);--spectrum-tabs-focus-indicator-color:var(--system-tabs-focus-indicator-color);--spectrum-tabs-selection-indicator-color:var(--system-tabs-selection-indicator-color);--spectrum-tabs-list-background-direction:var(--system-tabs-list-background-direction);--spectrum-tabs-divider-background-color:var(--system-tabs-divider-background-color);--spectrum-tabs-divider-size:var(--system-tabs-divider-size);--spectrum-tabs-divider-border-radius:var(--system-tabs-divider-border-radius);--spectrum-tabs-animation-duration:var(--system-tabs-animation-duration);--spectrum-tabs-animation-ease:var(--system-tabs-animation-ease)}:host([emphasized]) #list{--spectrum-tabs-color-selected:var(--system-tabs-emphasized-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-emphasized-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-emphasized-color-key-focus);--spectrum-tabs-selection-indicator-color:var(--system-tabs-emphasized-selection-indicator-color)}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/src/tabs-sizes-overrides.css.d.ts

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

package/src/tabs-sizes-overrides.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    :host([size=s]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-s-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-s-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-s-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-s-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-s-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-s-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-s-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-s-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-s-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-s-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-s-font-size)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-l-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-l-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-l-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-l-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-l-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-l-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-l-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-l-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-l-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-l-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-l-font-size)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-xl-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-xl-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-xl-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-xl-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-xl-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-xl-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-xl-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-xl-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-xl-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-xl-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-xl-font-size)}
+`;
+export default styles;
+//# sourceMappingURL=tabs-sizes-overrides.css.dev.js.map

package/src/tabs-sizes-overrides.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tabs-sizes-overrides.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host([size=s]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-s-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-s-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-s-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-s-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-s-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-s-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-s-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-s-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-s-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-s-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-s-font-size)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-l-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-l-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-l-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-l-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-l-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-l-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-l-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-l-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-l-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-l-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-l-font-size)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-xl-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-xl-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-xl-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-xl-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-xl-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-xl-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-xl-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-xl-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-xl-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-xl-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-xl-font-size)}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/tabs-sizes-overrides.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as t}from"@spectrum-web-components/base";const s=t`
+    :host([size=s]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-s-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-s-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-s-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-s-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-s-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-s-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-s-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-s-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-s-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-s-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-s-font-size)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-l-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-l-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-l-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-l-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-l-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-l-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-l-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-l-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-l-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-l-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-l-font-size)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-xl-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-xl-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-xl-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-xl-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-xl-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-xl-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-xl-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-xl-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-xl-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-xl-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-xl-font-size)}
+`;export default s;
+//# sourceMappingURL=tabs-sizes-overrides.css.js.map

package/src/tabs-sizes-overrides.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tabs-sizes-overrides.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host([size=s]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-s-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-s-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-s-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-s-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-s-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-s-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-s-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-s-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-s-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-s-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-s-font-size)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-l-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-l-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-l-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-l-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-l-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-l-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-l-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-l-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-l-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-l-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-l-font-size)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-xl-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-xl-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-xl-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-xl-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-xl-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-xl-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-xl-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-xl-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-xl-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-xl-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-xl-font-size)}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/src/tabs-sizes.css.d.ts

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

package/src/tabs-sizes.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    :host([size=s]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-small));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-small))}:host([size=l]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-large));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-large))}:host([size=xl]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-extra-large));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-extra-large))}:host([size=s]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-s-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-s-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-s-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-s-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-s-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-s-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-s-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-s-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-s-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-s-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-s-font-size)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-l-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-l-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-l-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-l-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-l-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-l-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-l-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-l-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-l-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-l-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-l-font-size)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-xl-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-xl-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-xl-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-xl-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-xl-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-xl-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-xl-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-xl-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-xl-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-xl-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-xl-font-size)}
+`;
+export default styles;
+//# sourceMappingURL=tabs-sizes.css.dev.js.map

package/src/tabs-sizes.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tabs-sizes.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host([size=s]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-small));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-small))}:host([size=l]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-large));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-large))}:host([size=xl]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-extra-large));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-extra-large))}:host([size=s]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-s-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-s-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-s-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-s-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-s-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-s-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-s-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-s-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-s-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-s-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-s-font-size)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-l-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-l-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-l-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-l-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-l-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-l-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-l-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-l-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-l-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-l-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-l-font-size)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-xl-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-xl-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-xl-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-xl-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-xl-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-xl-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-xl-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-xl-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-xl-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-xl-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-xl-font-size)}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/tabs-sizes.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as t}from"@spectrum-web-components/base";const s=t`
+    :host([size=s]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-small));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-small))}:host([size=l]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-large));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-large))}:host([size=xl]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-extra-large));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-extra-large))}:host([size=s]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-s-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-s-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-s-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-s-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-s-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-s-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-s-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-s-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-s-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-s-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-s-font-size)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-l-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-l-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-l-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-l-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-l-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-l-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-l-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-l-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-l-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-l-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-l-font-size)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-xl-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-xl-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-xl-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-xl-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-xl-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-xl-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-xl-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-xl-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-xl-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-xl-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-xl-font-size)}
+`;export default s;
+//# sourceMappingURL=tabs-sizes.css.js.map

package/src/tabs-sizes.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tabs-sizes.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host([size=s]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-small));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-small))}:host([size=l]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-large));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-large))}:host([size=xl]) #list.spectrum-Tabs--compact{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-extra-large));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-extra-large))}:host([size=s]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-s-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-s-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-s-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-s-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-s-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-s-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-s-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-s-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-s-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-s-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-s-font-size)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-l-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-l-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-l-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-l-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-l-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-l-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-l-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-l-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-l-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-l-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-l-font-size)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--system-tabs-size-xl-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-size-xl-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-size-xl-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-size-xl-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-size-xl-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-size-xl-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-size-xl-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-size-xl-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-size-xl-top-to-icon);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-size-xl-focus-indicator-gap);--spectrum-tabs-font-size:var(--system-tabs-size-xl-font-size)}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/src/tabs.css.d.ts

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

package/src/tabs.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    #list{z-index:0;vertical-align:top;background:linear-gradient(to var(--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)),var(--highcontrast-tabs-divider-background-color,var(--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)))0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));margin:0;padding-block:0;display:flex;position:relative}:host([emphasized]) #list{--mod-tabs-color-selected:var(--mod-tabs-color-selected-emphasized,var(--spectrum-tabs-color-selected));--mod-tabs-color-hover:var(--mod-tabs-color-hover-emphasized,var(--spectrum-tabs-color-hover));--mod-tabs-color-key-focus:var(--mod-tabs-color-key-focus-emphasized,var(--spectrum-tabs-color-key-focus));--mod-tabs-selection-indicator-color:var(--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-tabs-selection-indicator-color))}::slotted([selected]:not([slot])){color:var(--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected)))}::slotted([disabled]:not([slot])){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)))}#selection-indicator{background-color:var(--highcontrast-tabs-selection-indicator-color,var(--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)));z-index:0;transition:transform var(--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration))var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));transform-origin:0 0;border-radius:var(--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius));position:absolute;inset-inline-start:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) ::slotted(:not(:first-child)){margin-inline-start:var(--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing))}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));position:absolute;inset-block-end:0}:host([direction^=horizontal][compact]) #list{box-sizing:initial;align-items:end}:host([quiet]) #list{background:0 0;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet))}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,right)}:host([direction^=vertical]) #list,:host([direction^=vertical-right]) #list{flex-direction:column;padding:0;display:inline-flex}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical]) #list ::slotted(:not([slot])),:host([direction^=vertical-right]) #list ::slotted(:not([slot])){block-size:var(--mod-tabs-item-height,var(--spectrum-tabs-item-height));line-height:var(--mod-tabs-item-height,var(--spectrum-tabs-item-height));margin-block-end:var(--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing));margin-inline-start:var(--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge));margin-inline-end:var(--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge));padding-block:0}:host([direction^=vertical]) #list ::slotted(:not([slot])):before,:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1)}:host([direction^=vertical]) #list #selection-indicator,:host([direction^=vertical-right]) #list #selection-indicator{inline-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));position:absolute;inset-block-start:0;inset-inline-start:0}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical-right,left)}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}:host([direction^=vertical]) #list:dir(rtl),:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,left)}:host([direction^=vertical-right]) #list:dir(rtl),:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,right)}:host([compact]) #list{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium))}@media (forced-colors:active){#list{--highcontrast-tabs-divider-background-color:var(--spectrum-gray-500);--highcontrast-tabs-selection-indicator-color:Highlight;--highcontrast-tabs-focus-indicator-color:CanvasText;--highcontrast-tabs-focus-indicator-background-color:Highlight;--highcontrast-tabs-color:ButtonText;--highcontrast-tabs-color-hover:ButtonText;--highcontrast-tabs-color-selected:HighlightText;--highcontrast-tabs-color-key-focus:ButtonText;--highcontrast-tabs-color-disabled:GrayText;forced-color-adjust:none}#list ::slotted([selected]:not([slot])):before{background-color:var(--highcontrast-tabs-focus-indicator-background-color)}:host([direction^=vertical][compact]) #list #list ::slotted(:not([slot])):before{block-size:100%;inset-block-start:0}:host([quiet]) #list{background:linear-gradient(to var(--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)),var(--highcontrast-tabs-divider-background-color,var(--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)))0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)))}}#list{--spectrum-tabs-font-weight:var(--system-tabs-font-weight);--spectrum-tabs-item-height:var(--system-tabs-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-top-to-icon);--spectrum-tabs-color:var(--system-tabs-color);--spectrum-tabs-color-selected:var(--system-tabs-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-color-key-focus);--spectrum-tabs-color-disabled:var(--system-tabs-color-disabled);--spectrum-tabs-font-family:var(--system-tabs-font-family);--spectrum-tabs-font-style:var(--system-tabs-font-style);--spectrum-tabs-font-size:var(--system-tabs-font-size);--spectrum-tabs-line-height:var(--system-tabs-line-height);--spectrum-tabs-focus-indicator-width:var(--system-tabs-focus-indicator-width);--spectrum-tabs-focus-indicator-border-radius:var(--system-tabs-focus-indicator-border-radius);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-focus-indicator-gap);--spectrum-tabs-focus-indicator-color:var(--system-tabs-focus-indicator-color);--spectrum-tabs-selection-indicator-color:var(--system-tabs-selection-indicator-color);--spectrum-tabs-list-background-direction:var(--system-tabs-list-background-direction);--spectrum-tabs-divider-background-color:var(--system-tabs-divider-background-color);--spectrum-tabs-divider-size:var(--system-tabs-divider-size);--spectrum-tabs-divider-border-radius:var(--system-tabs-divider-border-radius);--spectrum-tabs-animation-duration:var(--system-tabs-animation-duration);--spectrum-tabs-animation-ease:var(--system-tabs-animation-ease)}:host([emphasized]) #list{--spectrum-tabs-color-selected:var(--system-tabs-emphasized-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-emphasized-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-emphasized-color-key-focus);--spectrum-tabs-selection-indicator-color:var(--system-tabs-emphasized-selection-indicator-color)}:host{grid-template-columns:100%;display:grid;position:relative}:host(:not([direction^=vertical])){grid-template-rows:auto 1fr}:host([direction^=vertical]){grid-template-columns:auto 1fr}:host([dir=rtl]) #selection-indicator{left:0;right:auto}:host([direction=vertical-right]) #list #selection-indicator{inset-inline:auto 0}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list{pointer-events:none}:host([disabled]) #list #selection-indicator{background-color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([disabled]) ::slotted(sp-tab){color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([direction=vertical-right]) #list #selection-indicator,:host([direction=vertical]) #list #selection-indicator{inset-block-start:0}#selection-indicator.first-position{transition:none}:host([dir][direction=horizontal]) #list.scroll{scrollbar-width:none;overflow:auto hidden}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}
+`;
+export default styles;
+//# sourceMappingURL=tabs.css.dev.js.map

package/src/tabs.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tabs.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    #list{z-index:0;vertical-align:top;background:linear-gradient(to var(--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)),var(--highcontrast-tabs-divider-background-color,var(--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)))0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));margin:0;padding-block:0;display:flex;position:relative}:host([emphasized]) #list{--mod-tabs-color-selected:var(--mod-tabs-color-selected-emphasized,var(--spectrum-tabs-color-selected));--mod-tabs-color-hover:var(--mod-tabs-color-hover-emphasized,var(--spectrum-tabs-color-hover));--mod-tabs-color-key-focus:var(--mod-tabs-color-key-focus-emphasized,var(--spectrum-tabs-color-key-focus));--mod-tabs-selection-indicator-color:var(--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-tabs-selection-indicator-color))}::slotted([selected]:not([slot])){color:var(--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected)))}::slotted([disabled]:not([slot])){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)))}#selection-indicator{background-color:var(--highcontrast-tabs-selection-indicator-color,var(--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)));z-index:0;transition:transform var(--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration))var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));transform-origin:0 0;border-radius:var(--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius));position:absolute;inset-inline-start:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) ::slotted(:not(:first-child)){margin-inline-start:var(--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing))}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));position:absolute;inset-block-end:0}:host([direction^=horizontal][compact]) #list{box-sizing:initial;align-items:end}:host([quiet]) #list{background:0 0;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet))}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,right)}:host([direction^=vertical]) #list,:host([direction^=vertical-right]) #list{flex-direction:column;padding:0;display:inline-flex}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical]) #list ::slotted(:not([slot])),:host([direction^=vertical-right]) #list ::slotted(:not([slot])){block-size:var(--mod-tabs-item-height,var(--spectrum-tabs-item-height));line-height:var(--mod-tabs-item-height,var(--spectrum-tabs-item-height));margin-block-end:var(--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing));margin-inline-start:var(--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge));margin-inline-end:var(--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge));padding-block:0}:host([direction^=vertical]) #list ::slotted(:not([slot])):before,:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1)}:host([direction^=vertical]) #list #selection-indicator,:host([direction^=vertical-right]) #list #selection-indicator{inline-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));position:absolute;inset-block-start:0;inset-inline-start:0}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical-right,left)}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}:host([direction^=vertical]) #list:dir(rtl),:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,left)}:host([direction^=vertical-right]) #list:dir(rtl),:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,right)}:host([compact]) #list{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium))}@media (forced-colors:active){#list{--highcontrast-tabs-divider-background-color:var(--spectrum-gray-500);--highcontrast-tabs-selection-indicator-color:Highlight;--highcontrast-tabs-focus-indicator-color:CanvasText;--highcontrast-tabs-focus-indicator-background-color:Highlight;--highcontrast-tabs-color:ButtonText;--highcontrast-tabs-color-hover:ButtonText;--highcontrast-tabs-color-selected:HighlightText;--highcontrast-tabs-color-key-focus:ButtonText;--highcontrast-tabs-color-disabled:GrayText;forced-color-adjust:none}#list ::slotted([selected]:not([slot])):before{background-color:var(--highcontrast-tabs-focus-indicator-background-color)}:host([direction^=vertical][compact]) #list #list ::slotted(:not([slot])):before{block-size:100%;inset-block-start:0}:host([quiet]) #list{background:linear-gradient(to var(--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)),var(--highcontrast-tabs-divider-background-color,var(--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)))0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)))}}#list{--spectrum-tabs-font-weight:var(--system-tabs-font-weight);--spectrum-tabs-item-height:var(--system-tabs-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-top-to-icon);--spectrum-tabs-color:var(--system-tabs-color);--spectrum-tabs-color-selected:var(--system-tabs-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-color-key-focus);--spectrum-tabs-color-disabled:var(--system-tabs-color-disabled);--spectrum-tabs-font-family:var(--system-tabs-font-family);--spectrum-tabs-font-style:var(--system-tabs-font-style);--spectrum-tabs-font-size:var(--system-tabs-font-size);--spectrum-tabs-line-height:var(--system-tabs-line-height);--spectrum-tabs-focus-indicator-width:var(--system-tabs-focus-indicator-width);--spectrum-tabs-focus-indicator-border-radius:var(--system-tabs-focus-indicator-border-radius);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-focus-indicator-gap);--spectrum-tabs-focus-indicator-color:var(--system-tabs-focus-indicator-color);--spectrum-tabs-selection-indicator-color:var(--system-tabs-selection-indicator-color);--spectrum-tabs-list-background-direction:var(--system-tabs-list-background-direction);--spectrum-tabs-divider-background-color:var(--system-tabs-divider-background-color);--spectrum-tabs-divider-size:var(--system-tabs-divider-size);--spectrum-tabs-divider-border-radius:var(--system-tabs-divider-border-radius);--spectrum-tabs-animation-duration:var(--system-tabs-animation-duration);--spectrum-tabs-animation-ease:var(--system-tabs-animation-ease)}:host([emphasized]) #list{--spectrum-tabs-color-selected:var(--system-tabs-emphasized-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-emphasized-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-emphasized-color-key-focus);--spectrum-tabs-selection-indicator-color:var(--system-tabs-emphasized-selection-indicator-color)}:host{grid-template-columns:100%;display:grid;position:relative}:host(:not([direction^=vertical])){grid-template-rows:auto 1fr}:host([direction^=vertical]){grid-template-columns:auto 1fr}:host([dir=rtl]) #selection-indicator{left:0;right:auto}:host([direction=vertical-right]) #list #selection-indicator{inset-inline:auto 0}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list{pointer-events:none}:host([disabled]) #list #selection-indicator{background-color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([disabled]) ::slotted(sp-tab){color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([direction=vertical-right]) #list #selection-indicator,:host([direction=vertical]) #list #selection-indicator{inset-block-start:0}#selection-indicator.first-position{transition:none}:host([dir][direction=horizontal]) #list.scroll{scrollbar-width:none;overflow:auto hidden}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/tabs.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
+    #list{z-index:0;vertical-align:top;background:linear-gradient(to var(--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)),var(--highcontrast-tabs-divider-background-color,var(--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)))0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));margin:0;padding-block:0;display:flex;position:relative}:host([emphasized]) #list{--mod-tabs-color-selected:var(--mod-tabs-color-selected-emphasized,var(--spectrum-tabs-color-selected));--mod-tabs-color-hover:var(--mod-tabs-color-hover-emphasized,var(--spectrum-tabs-color-hover));--mod-tabs-color-key-focus:var(--mod-tabs-color-key-focus-emphasized,var(--spectrum-tabs-color-key-focus));--mod-tabs-selection-indicator-color:var(--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-tabs-selection-indicator-color))}::slotted([selected]:not([slot])){color:var(--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected)))}::slotted([disabled]:not([slot])){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)))}#selection-indicator{background-color:var(--highcontrast-tabs-selection-indicator-color,var(--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)));z-index:0;transition:transform var(--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration))var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));transform-origin:0 0;border-radius:var(--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius));position:absolute;inset-inline-start:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) ::slotted(:not(:first-child)){margin-inline-start:var(--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing))}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));position:absolute;inset-block-end:0}:host([direction^=horizontal][compact]) #list{box-sizing:initial;align-items:end}:host([quiet]) #list{background:0 0;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet))}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,right)}:host([direction^=vertical]) #list,:host([direction^=vertical-right]) #list{flex-direction:column;padding:0;display:inline-flex}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical]) #list ::slotted(:not([slot])),:host([direction^=vertical-right]) #list ::slotted(:not([slot])){block-size:var(--mod-tabs-item-height,var(--spectrum-tabs-item-height));line-height:var(--mod-tabs-item-height,var(--spectrum-tabs-item-height));margin-block-end:var(--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing));margin-inline-start:var(--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge));margin-inline-end:var(--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge));padding-block:0}:host([direction^=vertical]) #list ::slotted(:not([slot])):before,:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1)}:host([direction^=vertical]) #list #selection-indicator,:host([direction^=vertical-right]) #list #selection-indicator{inline-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));position:absolute;inset-block-start:0;inset-inline-start:0}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical-right,left)}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}:host([direction^=vertical]) #list:dir(rtl),:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,left)}:host([direction^=vertical-right]) #list:dir(rtl),:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,right)}:host([compact]) #list{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium))}@media (forced-colors:active){#list{--highcontrast-tabs-divider-background-color:var(--spectrum-gray-500);--highcontrast-tabs-selection-indicator-color:Highlight;--highcontrast-tabs-focus-indicator-color:CanvasText;--highcontrast-tabs-focus-indicator-background-color:Highlight;--highcontrast-tabs-color:ButtonText;--highcontrast-tabs-color-hover:ButtonText;--highcontrast-tabs-color-selected:HighlightText;--highcontrast-tabs-color-key-focus:ButtonText;--highcontrast-tabs-color-disabled:GrayText;forced-color-adjust:none}#list ::slotted([selected]:not([slot])):before{background-color:var(--highcontrast-tabs-focus-indicator-background-color)}:host([direction^=vertical][compact]) #list #list ::slotted(:not([slot])):before{block-size:100%;inset-block-start:0}:host([quiet]) #list{background:linear-gradient(to var(--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)),var(--highcontrast-tabs-divider-background-color,var(--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)))0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)))}}#list{--spectrum-tabs-font-weight:var(--system-tabs-font-weight);--spectrum-tabs-item-height:var(--system-tabs-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-top-to-icon);--spectrum-tabs-color:var(--system-tabs-color);--spectrum-tabs-color-selected:var(--system-tabs-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-color-key-focus);--spectrum-tabs-color-disabled:var(--system-tabs-color-disabled);--spectrum-tabs-font-family:var(--system-tabs-font-family);--spectrum-tabs-font-style:var(--system-tabs-font-style);--spectrum-tabs-font-size:var(--system-tabs-font-size);--spectrum-tabs-line-height:var(--system-tabs-line-height);--spectrum-tabs-focus-indicator-width:var(--system-tabs-focus-indicator-width);--spectrum-tabs-focus-indicator-border-radius:var(--system-tabs-focus-indicator-border-radius);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-focus-indicator-gap);--spectrum-tabs-focus-indicator-color:var(--system-tabs-focus-indicator-color);--spectrum-tabs-selection-indicator-color:var(--system-tabs-selection-indicator-color);--spectrum-tabs-list-background-direction:var(--system-tabs-list-background-direction);--spectrum-tabs-divider-background-color:var(--system-tabs-divider-background-color);--spectrum-tabs-divider-size:var(--system-tabs-divider-size);--spectrum-tabs-divider-border-radius:var(--system-tabs-divider-border-radius);--spectrum-tabs-animation-duration:var(--system-tabs-animation-duration);--spectrum-tabs-animation-ease:var(--system-tabs-animation-ease)}:host([emphasized]) #list{--spectrum-tabs-color-selected:var(--system-tabs-emphasized-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-emphasized-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-emphasized-color-key-focus);--spectrum-tabs-selection-indicator-color:var(--system-tabs-emphasized-selection-indicator-color)}:host{grid-template-columns:100%;display:grid;position:relative}:host(:not([direction^=vertical])){grid-template-rows:auto 1fr}:host([direction^=vertical]){grid-template-columns:auto 1fr}:host([dir=rtl]) #selection-indicator{left:0;right:auto}:host([direction=vertical-right]) #list #selection-indicator{inset-inline:auto 0}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list{pointer-events:none}:host([disabled]) #list #selection-indicator{background-color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([disabled]) ::slotted(sp-tab){color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([direction=vertical-right]) #list #selection-indicator,:host([direction=vertical]) #list #selection-indicator{inset-block-start:0}#selection-indicator.first-position{transition:none}:host([dir][direction=horizontal]) #list.scroll{scrollbar-width:none;overflow:auto hidden}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}
+`;export default o;
+//# sourceMappingURL=tabs.css.js.map

package/src/tabs.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["tabs.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    #list{z-index:0;vertical-align:top;background:linear-gradient(to var(--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)),var(--highcontrast-tabs-divider-background-color,var(--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)))0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));margin:0;padding-block:0;display:flex;position:relative}:host([emphasized]) #list{--mod-tabs-color-selected:var(--mod-tabs-color-selected-emphasized,var(--spectrum-tabs-color-selected));--mod-tabs-color-hover:var(--mod-tabs-color-hover-emphasized,var(--spectrum-tabs-color-hover));--mod-tabs-color-key-focus:var(--mod-tabs-color-key-focus-emphasized,var(--spectrum-tabs-color-key-focus));--mod-tabs-selection-indicator-color:var(--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-tabs-selection-indicator-color))}::slotted([selected]:not([slot])){color:var(--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected)))}::slotted([disabled]:not([slot])){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)))}#selection-indicator{background-color:var(--highcontrast-tabs-selection-indicator-color,var(--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)));z-index:0;transition:transform var(--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration))var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));transform-origin:0 0;border-radius:var(--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius));position:absolute;inset-inline-start:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) ::slotted(:not(:first-child)){margin-inline-start:var(--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing))}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));position:absolute;inset-block-end:0}:host([direction^=horizontal][compact]) #list{box-sizing:initial;align-items:end}:host([quiet]) #list{background:0 0;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet))}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,right)}:host([direction^=vertical]) #list,:host([direction^=vertical-right]) #list{flex-direction:column;padding:0;display:inline-flex}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical]) #list ::slotted(:not([slot])),:host([direction^=vertical-right]) #list ::slotted(:not([slot])){block-size:var(--mod-tabs-item-height,var(--spectrum-tabs-item-height));line-height:var(--mod-tabs-item-height,var(--spectrum-tabs-item-height));margin-block-end:var(--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing));margin-inline-start:var(--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge));margin-inline-end:var(--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge));padding-block:0}:host([direction^=vertical]) #list ::slotted(:not([slot])):before,:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1)}:host([direction^=vertical]) #list #selection-indicator,:host([direction^=vertical-right]) #list #selection-indicator{inline-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));position:absolute;inset-block-start:0;inset-inline-start:0}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical-right,left)}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}:host([direction^=vertical]) #list:dir(rtl),:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,left)}:host([direction^=vertical-right]) #list:dir(rtl),:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,right)}:host([compact]) #list{--spectrum-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium));--spectrum-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium));--spectrum-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium));--spectrum-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium))}@media (forced-colors:active){#list{--highcontrast-tabs-divider-background-color:var(--spectrum-gray-500);--highcontrast-tabs-selection-indicator-color:Highlight;--highcontrast-tabs-focus-indicator-color:CanvasText;--highcontrast-tabs-focus-indicator-background-color:Highlight;--highcontrast-tabs-color:ButtonText;--highcontrast-tabs-color-hover:ButtonText;--highcontrast-tabs-color-selected:HighlightText;--highcontrast-tabs-color-key-focus:ButtonText;--highcontrast-tabs-color-disabled:GrayText;forced-color-adjust:none}#list ::slotted([selected]:not([slot])):before{background-color:var(--highcontrast-tabs-focus-indicator-background-color)}:host([direction^=vertical][compact]) #list #list ::slotted(:not([slot])):before{block-size:100%;inset-block-start:0}:host([quiet]) #list{background:linear-gradient(to var(--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)),var(--highcontrast-tabs-divider-background-color,var(--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)))0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)))}}#list{--spectrum-tabs-font-weight:var(--system-tabs-font-weight);--spectrum-tabs-item-height:var(--system-tabs-item-height);--spectrum-tabs-item-horizontal-spacing:var(--system-tabs-item-horizontal-spacing);--spectrum-tabs-item-vertical-spacing:var(--system-tabs-item-vertical-spacing);--spectrum-tabs-start-to-edge:var(--system-tabs-start-to-edge);--spectrum-tabs-top-to-text:var(--system-tabs-top-to-text);--spectrum-tabs-bottom-to-text:var(--system-tabs-bottom-to-text);--spectrum-tabs-icon-size:var(--system-tabs-icon-size);--spectrum-tabs-icon-to-text:var(--system-tabs-icon-to-text);--spectrum-tabs-top-to-icon:var(--system-tabs-top-to-icon);--spectrum-tabs-color:var(--system-tabs-color);--spectrum-tabs-color-selected:var(--system-tabs-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-color-key-focus);--spectrum-tabs-color-disabled:var(--system-tabs-color-disabled);--spectrum-tabs-font-family:var(--system-tabs-font-family);--spectrum-tabs-font-style:var(--system-tabs-font-style);--spectrum-tabs-font-size:var(--system-tabs-font-size);--spectrum-tabs-line-height:var(--system-tabs-line-height);--spectrum-tabs-focus-indicator-width:var(--system-tabs-focus-indicator-width);--spectrum-tabs-focus-indicator-border-radius:var(--system-tabs-focus-indicator-border-radius);--spectrum-tabs-focus-indicator-gap:var(--system-tabs-focus-indicator-gap);--spectrum-tabs-focus-indicator-color:var(--system-tabs-focus-indicator-color);--spectrum-tabs-selection-indicator-color:var(--system-tabs-selection-indicator-color);--spectrum-tabs-list-background-direction:var(--system-tabs-list-background-direction);--spectrum-tabs-divider-background-color:var(--system-tabs-divider-background-color);--spectrum-tabs-divider-size:var(--system-tabs-divider-size);--spectrum-tabs-divider-border-radius:var(--system-tabs-divider-border-radius);--spectrum-tabs-animation-duration:var(--system-tabs-animation-duration);--spectrum-tabs-animation-ease:var(--system-tabs-animation-ease)}:host([emphasized]) #list{--spectrum-tabs-color-selected:var(--system-tabs-emphasized-color-selected);--spectrum-tabs-color-hover:var(--system-tabs-emphasized-color-hover);--spectrum-tabs-color-key-focus:var(--system-tabs-emphasized-color-key-focus);--spectrum-tabs-selection-indicator-color:var(--system-tabs-emphasized-selection-indicator-color)}:host{grid-template-columns:100%;display:grid;position:relative}:host(:not([direction^=vertical])){grid-template-rows:auto 1fr}:host([direction^=vertical]){grid-template-columns:auto 1fr}:host([dir=rtl]) #selection-indicator{left:0;right:auto}:host([direction=vertical-right]) #list #selection-indicator{inset-inline:auto 0}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list{pointer-events:none}:host([disabled]) #list #selection-indicator{background-color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([disabled]) ::slotted(sp-tab){color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([direction=vertical-right]) #list #selection-indicator,:host([direction=vertical]) #list #selection-indicator{inset-block-start:0}#selection-indicator.first-position{transition:none}:host([dir][direction=horizontal]) #list.scroll{scrollbar-width:none;overflow:auto hidden}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/stories/index.js

@@ -0,0 +1,53 @@
+"use strict";
+import "@spectrum-web-components/tabs/sp-tab.js";
+import "@spectrum-web-components/tabs/sp-tabs.js";
+import "@spectrum-web-components/tabs/sp-tab-panel.js";
+import "@spectrum-web-components/tabs/sp-tabs-overflow.js";
+import { html, nothing } from "@spectrum-web-components/base";
+import { repeat } from "@spectrum-web-components/base/src/directives.js";
+export const renderTabsOverflowExample = ({
+  selected = 1,
+  count = 20,
+  size = "m",
+  includeTabPanel,
+  compact
+}) => {
+  return html`
+        <style>
+            .container {
+                width: 100%;
+                height: 150px;
+                border: 4px solid gray;
+                resize: both;
+            }
+        </style>
+        <div class="container">
+            <sp-tabs-overflow size=${size} ?compact=${compact}>
+                <sp-tabs size=${size} selected=${selected} ?compact=${compact}>
+                    ${repeat(
+    new Array(count),
+    (item) => item,
+    (_item, index) => html`
+                                <sp-tab
+                                    label=${`Tab Item ${index + 1}`}
+                                    value=${index + 1}
+                                ></sp-tab>
+                            `
+  )}
+                    ${includeTabPanel ? html`
+                              ${repeat(
+    new Array(count),
+    (item) => item,
+    (_item, index) => html`
+                                          <sp-tab-panel value=${index + 1}>
+                                              Content for Tab Item ${index + 1}
+                                          </sp-tab-panel>
+                                      `
+  )}
+                          ` : nothing}
+                </sp-tabs>
+            </sp-tabs-overflow>
+        </div>
+    `;
+};
+//# sourceMappingURL=index.js.map

package/stories/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.ts"],
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport '@spectrum-web-components/tabs/sp-tab.js';\nimport '@spectrum-web-components/tabs/sp-tabs.js';\nimport '@spectrum-web-components/tabs/sp-tab-panel.js';\nimport '@spectrum-web-components/tabs/sp-tabs-overflow.js';\n\nimport { html, nothing, TemplateResult } from '@spectrum-web-components/base';\nimport { repeat } from '@spectrum-web-components/base/src/directives.js';\n\nexport interface OverflowProperties {\n    selected?: number;\n    count?: number;\n    size?: string;\n    includeTabPanel?: boolean;\n    compact?: boolean;\n}\n\nexport const renderTabsOverflowExample = ({\n    selected = 1,\n    count = 20,\n    size = 'm',\n    includeTabPanel,\n    compact,\n}: OverflowProperties): TemplateResult => {\n    return html`\n        <style>\n            .container {\n                width: 100%;\n                height: 150px;\n                border: 4px solid gray;\n                resize: both;\n            }\n        </style>\n        <div class=\"container\">\n            <sp-tabs-overflow size=${size} ?compact=${compact}>\n                <sp-tabs size=${size} selected=${selected} ?compact=${compact}>\n                    ${repeat(\n                        new Array(count),\n                        (item) => item,\n                        (_item, index) =>\n                            html`\n                                <sp-tab\n                                    label=${`Tab Item ${index + 1}`}\n                                    value=${index + 1}\n                                ></sp-tab>\n                            `\n                    )}\n                    ${includeTabPanel\n                        ? html`\n                              ${repeat(\n                                  new Array(count),\n                                  (item) => item,\n                                  (_item, index) =>\n                                      html`\n                                          <sp-tab-panel value=${index + 1}>\n                                              Content for Tab Item ${index + 1}\n                                          </sp-tab-panel>\n                                      `\n                              )}\n                          `\n                        : nothing}\n                </sp-tabs>\n            </sp-tabs-overflow>\n        </div>\n    `;\n};\n"],
+  "mappings": ";AAWA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,MAAM,eAA+B;AAC9C,SAAS,cAAc;AAUhB,aAAM,4BAA4B,CAAC;AAAA,EACtC,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AACJ,MAA0C;AACtC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAU0B,IAAI,aAAa,OAAO;AAAA,gCAC7B,IAAI,aAAa,QAAQ,aAAa,OAAO;AAAA,sBACvD;AAAA,IACE,IAAI,MAAM,KAAK;AAAA,IACf,CAAC,SAAS;AAAA,IACV,CAAC,OAAO,UACJ;AAAA;AAAA,4CAEgB,YAAY,QAAQ,CAAC,EAAE;AAAA,4CACvB,QAAQ,CAAC;AAAA;AAAA;AAAA,EAGjC,CAAC;AAAA,sBACC,kBACI;AAAA,gCACM;AAAA,IACE,IAAI,MAAM,KAAK;AAAA,IACf,CAAC,SAAS;AAAA,IACV,CAAC,OAAO,UACJ;AAAA,gEAC0B,QAAQ,CAAC;AAAA,qEACJ,QAAQ,CAAC;AAAA;AAAA;AAAA,EAGhD,CAAC;AAAA,8BAEL,OAAO;AAAA;AAAA;AAAA;AAAA;AAKjC;",
+  "names": []
+}