@spectrum-web-components/tabs 0.40.0 → 0.40.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/package.json +8 -8
  2. package/src/spectrum-tab.css.dev.js +4 -4
  3. package/src/spectrum-tab.css.dev.js.map +1 -1
  4. package/src/spectrum-tab.css.js +6 -6
  5. package/src/spectrum-tab.css.js.map +1 -1
  6. package/src/spectrum-tabs.css.dev.js +4 -8
  7. package/src/spectrum-tabs.css.dev.js.map +2 -2
  8. package/src/spectrum-tabs.css.js +4 -8
  9. package/src/spectrum-tabs.css.js.map +2 -2
  10. package/src/tab.css.dev.js +4 -4
  11. package/src/tab.css.dev.js.map +1 -1
  12. package/src/tab.css.js +4 -4
  13. package/src/tab.css.js.map +1 -1
  14. package/src/tabs.css.dev.js +6 -10
  15. package/src/tabs.css.dev.js.map +2 -2
  16. package/src/tabs.css.js +6 -10
  17. package/src/tabs.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/tabs",
3
- "version": "0.40.0",
3
+ "version": "0.40.1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -86,14 +86,14 @@
86
86
  ],
87
87
  "dependencies": {
88
88
  "@lit-labs/observers": "^2.0.0",
89
- "@spectrum-web-components/base": "^0.40.0",
90
- "@spectrum-web-components/icon": "^0.40.0",
91
- "@spectrum-web-components/icons-ui": "^0.40.0",
92
- "@spectrum-web-components/reactive-controllers": "^0.40.0",
93
- "@spectrum-web-components/shared": "^0.40.0"
89
+ "@spectrum-web-components/base": "^0.40.1",
90
+ "@spectrum-web-components/icon": "^0.40.1",
91
+ "@spectrum-web-components/icons-ui": "^0.40.1",
92
+ "@spectrum-web-components/reactive-controllers": "^0.40.1",
93
+ "@spectrum-web-components/shared": "^0.40.1"
94
94
  },
95
95
  "devDependencies": {
96
- "@spectrum-css/tabs": "^4.0.17"
96
+ "@spectrum-css/tabs": "^4.0.26"
97
97
  },
98
98
  "types": "./src/index.d.ts",
99
99
  "customElements": "custom-elements.json",
@@ -101,5 +101,5 @@
101
101
  "./sp-*.js",
102
102
  "./**/*.dev.js"
103
103
  ],
104
- "gitHead": "24d5569a839da94892ecfd125428779587ffb1f5"
104
+ "gitHead": "a75c4f83094c505d64658dbc7de20b5f18a8fde1"
105
105
  }
package/src/spectrum-tab.css.dev.js CHANGED
@@ -28,15 +28,15 @@ var(--spectrum-tabs-focus-indicator-gap)
28
28
  --highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))
29
29
  )}:host([disabled]){color:var(
30
30
  --highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))
31
- );cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible),:host(:focus){color:var(
31
+ );cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible){color:var(
32
32
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
33
- )}:host(:focus),:host(:focus-visible){color:var(
33
+ )}:host(:focus-visible){color:var(
34
34
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
35
- )}:host(.focus-visible):before,:host(:focus):before{border-color:var(
35
+ )}:host(.focus-visible):before{border-color:var(
36
36
  --highcontrast-tabs-focus-indicator-color,var(
37
37
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
38
38
  )
39
- )}:host(:focus):before,:host(:focus-visible):before{border-color:var(
39
+ )}:host(:focus-visible):before{border-color:var(
40
40
  --highcontrast-tabs-focus-indicator-color,var(
41
41
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
42
42
  )
package/src/spectrum-tab.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-tab.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{block-size:calc(var(--mod-tabs-item-height, var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size, var(--spectrum-tabs-divider-size)));box-sizing:border-box;color:var(\n--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color))\n);cursor:pointer;outline:none;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) ease-out;white-space:nowrap;z-index:1}::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(\n--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon)\n)}[name=icon]+#item-label{margin-inline-start:var(\n--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text)\n)}:host:before{block-size:calc(100% - var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text)));border:var(\n--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width)\n) solid transparent;border-radius:var(\n--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius)\n);box-sizing:border-box;content:\"\";inline-size:calc(100% + var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*2);inset-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);inset-inline-end:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);pointer-events:none;position:absolute}:host(:hover){color:var(\n--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover))\n)}:host([selected]){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}:host([disabled]){color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible),:host(:focus){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(:focus),:host(:focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(.focus-visible):before,:host(:focus):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}:host(:focus):before,:host(:focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#item-label{cursor:pointer;display:inline-block;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-size:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-size));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));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-end:var(\n--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text)\n);margin-block-start:var(\n--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)\n);-webkit-text-decoration:none;text-decoration:none;vertical-align:top}#item-label:empty{display:none}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{block-size:calc(var(--mod-tabs-item-height, var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size, var(--spectrum-tabs-divider-size)));box-sizing:border-box;color:var(\n--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color))\n);cursor:pointer;outline:none;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) ease-out;white-space:nowrap;z-index:1}::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(\n--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon)\n)}[name=icon]+#item-label{margin-inline-start:var(\n--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text)\n)}:host:before{block-size:calc(100% - var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text)));border:var(\n--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width)\n) solid transparent;border-radius:var(\n--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius)\n);box-sizing:border-box;content:\"\";inline-size:calc(100% + var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*2);inset-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);inset-inline-end:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);pointer-events:none;position:absolute}:host(:hover){color:var(\n--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover))\n)}:host([selected]){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}:host([disabled]){color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(:focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(.focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}:host(:focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#item-label{cursor:pointer;display:inline-block;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-size:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-size));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));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-end:var(\n--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text)\n);margin-block-start:var(\n--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)\n);-webkit-text-decoration:none;text-decoration:none;vertical-align:top}#item-label:empty{display:none}\n`;\nexport default styles;"],
5
5
  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8Cf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-tab.css.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
1
+ "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
2
2
  :host{block-size:calc(var(--mod-tabs-item-height, var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size, var(--spectrum-tabs-divider-size)));box-sizing:border-box;color:var(
3
3
  --highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color))
4
4
  );cursor:pointer;outline:none;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color var(
@@ -26,15 +26,15 @@ var(--spectrum-tabs-focus-indicator-gap)
26
26
  --highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))
27
27
  )}:host([disabled]){color:var(
28
28
  --highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))
29
- );cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible),:host(:focus){color:var(
29
+ );cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible){color:var(
30
30
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
31
- )}:host(:focus),:host(:focus-visible){color:var(
31
+ )}:host(:focus-visible){color:var(
32
32
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
33
- )}:host(.focus-visible):before,:host(:focus):before{border-color:var(
33
+ )}:host(.focus-visible):before{border-color:var(
34
34
  --highcontrast-tabs-focus-indicator-color,var(
35
35
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
36
36
  )
37
- )}:host(:focus):before,:host(:focus-visible):before{border-color:var(
37
+ )}:host(:focus-visible):before{border-color:var(
38
38
  --highcontrast-tabs-focus-indicator-color,var(
39
39
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
40
40
  )
@@ -43,5 +43,5 @@ var(--spectrum-tabs-focus-indicator-gap)
43
43
  );margin-block-start:var(
44
44
  --mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)
45
45
  );-webkit-text-decoration:none;text-decoration:none;vertical-align:top}#item-label:empty{display:none}
46
- `;export default t;
46
+ `;export default o;
47
47
  //# sourceMappingURL=spectrum-tab.css.js.map
package/src/spectrum-tab.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-tab.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{block-size:calc(var(--mod-tabs-item-height, var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size, var(--spectrum-tabs-divider-size)));box-sizing:border-box;color:var(\n--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color))\n);cursor:pointer;outline:none;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) ease-out;white-space:nowrap;z-index:1}::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(\n--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon)\n)}[name=icon]+#item-label{margin-inline-start:var(\n--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text)\n)}:host:before{block-size:calc(100% - var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text)));border:var(\n--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width)\n) solid transparent;border-radius:var(\n--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius)\n);box-sizing:border-box;content:\"\";inline-size:calc(100% + var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*2);inset-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);inset-inline-end:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);pointer-events:none;position:absolute}:host(:hover){color:var(\n--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover))\n)}:host([selected]){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}:host([disabled]){color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible),:host(:focus){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(:focus),:host(:focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(.focus-visible):before,:host(:focus):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}:host(:focus):before,:host(:focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#item-label{cursor:pointer;display:inline-block;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-size:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-size));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));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-end:var(\n--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text)\n);margin-block-start:var(\n--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)\n);-webkit-text-decoration:none;text-decoration:none;vertical-align:top}#item-label:empty{display:none}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{block-size:calc(var(--mod-tabs-item-height, var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size, var(--spectrum-tabs-divider-size)));box-sizing:border-box;color:var(\n--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color))\n);cursor:pointer;outline:none;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) ease-out;white-space:nowrap;z-index:1}::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(\n--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon)\n)}[name=icon]+#item-label{margin-inline-start:var(\n--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text)\n)}:host:before{block-size:calc(100% - var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text)));border:var(\n--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width)\n) solid transparent;border-radius:var(\n--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius)\n);box-sizing:border-box;content:\"\";inline-size:calc(100% + var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*2);inset-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);inset-inline-end:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);pointer-events:none;position:absolute}:host(:hover){color:var(\n--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover))\n)}:host([selected]){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}:host([disabled]){color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(:focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(.focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}:host(:focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#item-label{cursor:pointer;display:inline-block;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-size:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-size));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));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-end:var(\n--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text)\n);margin-block-start:var(\n--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)\n);-webkit-text-decoration:none;text-decoration:none;vertical-align:top}#item-label:empty{display:none}\n`;\nexport default styles;"],
5
5
  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8Cf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-tabs.css.dev.js CHANGED
@@ -63,19 +63,15 @@ const styles = css`
63
63
  --highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))
64
64
  )}::slotted(:not([slot])).is-disabled{color:var(
65
65
  --highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))
66
- );cursor:default}::slotted(:not([slot])).focus-visible,::slotted(:not([slot])):focus{color:var(
66
+ );cursor:default}::slotted(:not([slot])).focus-visible{color:var(
67
67
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
68
- )}::slotted(:not([slot])):focus,::slotted(:not([slot])):focus-visible{color:var(
68
+ )}::slotted(:not([slot])):focus-visible{color:var(
69
69
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
70
- )}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
70
+ )}::slotted(:not([slot])).focus-visible:before{border-color:var(
71
71
  --highcontrast-tabs-focus-indicator-color,var(
72
72
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
73
73
  )
74
- )}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
75
- --highcontrast-tabs-focus-indicator-color,var(
76
- --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
77
- )
78
- )}::slotted(:not([slot])):focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
74
+ )}::slotted(:not([slot])):focus-visible:before{border-color:var(
79
75
  --highcontrast-tabs-focus-indicator-color,var(
80
76
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
81
77
  )
package/src/spectrum-tabs.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-tabs.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-medium);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-medium\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-medium\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-medium\n);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-medium);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-medium\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-medium\n);--spectrum-tabs-color:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-tabs-color-selected:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-color-hover:var(\n--spectrum-neutral-subdued-content-color-hover\n);--spectrum-tabs-color-key-focus:var(\n--spectrum-neutral-subdued-content-color-key-focus\n);--spectrum-tabs-color-disabled:var(--spectrum-gray-500);--spectrum-tabs-font-family:var(--spectrum-sans-font-family-stack);--spectrum-tabs-font-style:var(--spectrum-default-font-style);--spectrum-tabs-font-size:var(--spectrum-font-size-100);--spectrum-tabs-line-height:var(--spectrum-line-height-100);--spectrum-tabs-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-tabs-focus-indicator-border-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-medium\n);--spectrum-tabs-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-tabs-selection-indicator-color:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-list-background-direction:top;--spectrum-tabs-divider-background-color:var(--spectrum-gray-300);--spectrum-tabs-divider-size:var(--spectrum-border-width-200);--spectrum-tabs-divider-border-radius:1px;--spectrum-tabs-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tabs-animation-ease:var(--spectrum-animation-ease-in-out)}:host([emphasized]) #list{--mod-tabs-color-selected:var(\n--mod-tabs-color-selected-emphasized,var(--spectrum-accent-content-color-default)\n);--mod-tabs-color-hover:var(\n--mod-tabs-color-hover-emphasized,var(--spectrum-accent-content-color-hover)\n);--mod-tabs-color-key-focus:var(\n--mod-tabs-color-key-focus-emphasized,var(--spectrum-accent-content-color-key-focus)\n);--mod-tabs-selection-indicator-color:var(\n--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-accent-content-color-default)\n)}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical-right,left\n)}:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,left\n)}:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([compact]) #list{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium)\n)}#list{background:linear-gradient(to var(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));display:flex;margin:0;padding-block:0;position:relative;vertical-align:top;z-index:0}::slotted([selected]:not([slot])){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}::slotted(:not([slot])).is-disabled{color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}::slotted(:not([slot])).focus-visible,::slotted(:not([slot])):focus{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])):focus,::slotted(:not([slot])):focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])):focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#selection-indicator{background-color:var(\n--highcontrast-tabs-selection-indicator-color,var(\n--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)\n)\n);border-radius:var(\n--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius)\n);inset-inline-start:0;position:absolute;transform-origin:0 0;transition:transform var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));z-index:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) #list ::slotted(:not([slot]):not(:first-child)){margin-inline-start:var(\n--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing)\n)}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));inset-block-end:0;position:absolute}:host([direction^=horizontal][compact]) #list{align-items:end;box-sizing:content-box}:host([quiet]) #list{background:none;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(\n--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet)\n)}:host([direction^=vertical-right]) #list,:host([direction^=vertical]) #list{display:inline-flex;flex-direction:column;padding:0}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical-right]) #list ::slotted(:not([slot])),:host([direction^=vertical]) #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(\n--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing)\n);margin-inline-end:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);margin-inline-start:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);padding-block:0}:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before,:host([direction^=vertical]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1)}:host([direction^=vertical-right]) #list #selection-indicator,:host([direction^=vertical]) #list #selection-indicator{inline-size:var(\n--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)\n);inset-block-start:0;inset-inline-start:0;position:absolute}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}@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(\n--highcontrast-tabs-focus-indicator-background-color\n)}#list ::slotted([selected]:not([slot])).focus-visible,#list ::slotted([selected]:not([slot])):focus{color:var(--highcontrast-tabs-color-selected)}#list ::slotted([selected]:not([slot])):focus,#list ::slotted([selected]:not([slot])):focus-visible{color:var(--highcontrast-tabs-color-selected)}: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(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 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-spectrum-tabs-font-weight)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgHf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-medium);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-medium\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-medium\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-medium\n);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-medium);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-medium\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-medium\n);--spectrum-tabs-color:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-tabs-color-selected:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-color-hover:var(\n--spectrum-neutral-subdued-content-color-hover\n);--spectrum-tabs-color-key-focus:var(\n--spectrum-neutral-subdued-content-color-key-focus\n);--spectrum-tabs-color-disabled:var(--spectrum-gray-500);--spectrum-tabs-font-family:var(--spectrum-sans-font-family-stack);--spectrum-tabs-font-style:var(--spectrum-default-font-style);--spectrum-tabs-font-size:var(--spectrum-font-size-100);--spectrum-tabs-line-height:var(--spectrum-line-height-100);--spectrum-tabs-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-tabs-focus-indicator-border-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-medium\n);--spectrum-tabs-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-tabs-selection-indicator-color:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-list-background-direction:top;--spectrum-tabs-divider-background-color:var(--spectrum-gray-300);--spectrum-tabs-divider-size:var(--spectrum-border-width-200);--spectrum-tabs-divider-border-radius:1px;--spectrum-tabs-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tabs-animation-ease:var(--spectrum-animation-ease-in-out)}:host([emphasized]) #list{--mod-tabs-color-selected:var(\n--mod-tabs-color-selected-emphasized,var(--spectrum-accent-content-color-default)\n);--mod-tabs-color-hover:var(\n--mod-tabs-color-hover-emphasized,var(--spectrum-accent-content-color-hover)\n);--mod-tabs-color-key-focus:var(\n--mod-tabs-color-key-focus-emphasized,var(--spectrum-accent-content-color-key-focus)\n);--mod-tabs-selection-indicator-color:var(\n--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-accent-content-color-default)\n)}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical-right,left\n)}:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,left\n)}:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([compact]) #list{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium)\n)}#list{background:linear-gradient(to var(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));display:flex;margin:0;padding-block:0;position:relative;vertical-align:top;z-index:0}::slotted([selected]:not([slot])){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}::slotted(:not([slot])).is-disabled{color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}::slotted(:not([slot])).focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])):focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])).focus-visible:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])):focus-visible:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#selection-indicator{background-color:var(\n--highcontrast-tabs-selection-indicator-color,var(\n--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)\n)\n);border-radius:var(\n--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius)\n);inset-inline-start:0;position:absolute;transform-origin:0 0;transition:transform var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));z-index:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) #list ::slotted(:not([slot]):not(:first-child)){margin-inline-start:var(\n--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing)\n)}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));inset-block-end:0;position:absolute}:host([direction^=horizontal][compact]) #list{align-items:end;box-sizing:content-box}:host([quiet]) #list{background:none;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(\n--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet)\n)}:host([direction^=vertical-right]) #list,:host([direction^=vertical]) #list{display:inline-flex;flex-direction:column;padding:0}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical-right]) #list ::slotted(:not([slot])),:host([direction^=vertical]) #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(\n--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing)\n);margin-inline-end:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);margin-inline-start:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);padding-block:0}:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before,:host([direction^=vertical]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1)}:host([direction^=vertical-right]) #list #selection-indicator,:host([direction^=vertical]) #list #selection-indicator{inline-size:var(\n--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)\n);inset-block-start:0;inset-inline-start:0;position:absolute}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}@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(\n--highcontrast-tabs-focus-indicator-background-color\n)}#list ::slotted([selected]:not([slot])).focus-visible,#list ::slotted([selected]:not([slot])):focus{color:var(--highcontrast-tabs-color-selected)}#list ::slotted([selected]:not([slot])):focus,#list ::slotted([selected]:not([slot])):focus-visible{color:var(--highcontrast-tabs-color-selected)}: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(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 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-spectrum-tabs-font-weight)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4Gf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-tabs.css.js CHANGED
@@ -61,19 +61,15 @@
61
61
  --highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))
62
62
  )}::slotted(:not([slot])).is-disabled{color:var(
63
63
  --highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))
64
- );cursor:default}::slotted(:not([slot])).focus-visible,::slotted(:not([slot])):focus{color:var(
64
+ );cursor:default}::slotted(:not([slot])).focus-visible{color:var(
65
65
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
66
- )}::slotted(:not([slot])):focus,::slotted(:not([slot])):focus-visible{color:var(
66
+ )}::slotted(:not([slot])):focus-visible{color:var(
67
67
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
68
- )}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
68
+ )}::slotted(:not([slot])).focus-visible:before{border-color:var(
69
69
  --highcontrast-tabs-focus-indicator-color,var(
70
70
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
71
71
  )
72
- )}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
73
- --highcontrast-tabs-focus-indicator-color,var(
74
- --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
75
- )
76
- )}::slotted(:not([slot])):focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
72
+ )}::slotted(:not([slot])):focus-visible:before{border-color:var(
77
73
  --highcontrast-tabs-focus-indicator-color,var(
78
74
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
79
75
  )
package/src/spectrum-tabs.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-tabs.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-medium);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-medium\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-medium\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-medium\n);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-medium);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-medium\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-medium\n);--spectrum-tabs-color:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-tabs-color-selected:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-color-hover:var(\n--spectrum-neutral-subdued-content-color-hover\n);--spectrum-tabs-color-key-focus:var(\n--spectrum-neutral-subdued-content-color-key-focus\n);--spectrum-tabs-color-disabled:var(--spectrum-gray-500);--spectrum-tabs-font-family:var(--spectrum-sans-font-family-stack);--spectrum-tabs-font-style:var(--spectrum-default-font-style);--spectrum-tabs-font-size:var(--spectrum-font-size-100);--spectrum-tabs-line-height:var(--spectrum-line-height-100);--spectrum-tabs-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-tabs-focus-indicator-border-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-medium\n);--spectrum-tabs-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-tabs-selection-indicator-color:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-list-background-direction:top;--spectrum-tabs-divider-background-color:var(--spectrum-gray-300);--spectrum-tabs-divider-size:var(--spectrum-border-width-200);--spectrum-tabs-divider-border-radius:1px;--spectrum-tabs-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tabs-animation-ease:var(--spectrum-animation-ease-in-out)}:host([emphasized]) #list{--mod-tabs-color-selected:var(\n--mod-tabs-color-selected-emphasized,var(--spectrum-accent-content-color-default)\n);--mod-tabs-color-hover:var(\n--mod-tabs-color-hover-emphasized,var(--spectrum-accent-content-color-hover)\n);--mod-tabs-color-key-focus:var(\n--mod-tabs-color-key-focus-emphasized,var(--spectrum-accent-content-color-key-focus)\n);--mod-tabs-selection-indicator-color:var(\n--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-accent-content-color-default)\n)}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical-right,left\n)}:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,left\n)}:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([compact]) #list{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium)\n)}#list{background:linear-gradient(to var(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));display:flex;margin:0;padding-block:0;position:relative;vertical-align:top;z-index:0}::slotted([selected]:not([slot])){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}::slotted(:not([slot])).is-disabled{color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}::slotted(:not([slot])).focus-visible,::slotted(:not([slot])):focus{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])):focus,::slotted(:not([slot])):focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])):focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#selection-indicator{background-color:var(\n--highcontrast-tabs-selection-indicator-color,var(\n--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)\n)\n);border-radius:var(\n--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius)\n);inset-inline-start:0;position:absolute;transform-origin:0 0;transition:transform var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));z-index:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) #list ::slotted(:not([slot]):not(:first-child)){margin-inline-start:var(\n--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing)\n)}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));inset-block-end:0;position:absolute}:host([direction^=horizontal][compact]) #list{align-items:end;box-sizing:content-box}:host([quiet]) #list{background:none;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(\n--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet)\n)}:host([direction^=vertical-right]) #list,:host([direction^=vertical]) #list{display:inline-flex;flex-direction:column;padding:0}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical-right]) #list ::slotted(:not([slot])),:host([direction^=vertical]) #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(\n--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing)\n);margin-inline-end:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);margin-inline-start:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);padding-block:0}:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before,:host([direction^=vertical]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1)}:host([direction^=vertical-right]) #list #selection-indicator,:host([direction^=vertical]) #list #selection-indicator{inline-size:var(\n--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)\n);inset-block-start:0;inset-inline-start:0;position:absolute}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}@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(\n--highcontrast-tabs-focus-indicator-background-color\n)}#list ::slotted([selected]:not([slot])).focus-visible,#list ::slotted([selected]:not([slot])):focus{color:var(--highcontrast-tabs-color-selected)}#list ::slotted([selected]:not([slot])):focus,#list ::slotted([selected]:not([slot])):focus-visible{color:var(--highcontrast-tabs-color-selected)}: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(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 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-spectrum-tabs-font-weight)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgHf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-medium);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-medium\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-medium\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-medium\n);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-medium);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-medium\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-medium\n);--spectrum-tabs-color:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-tabs-color-selected:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-color-hover:var(\n--spectrum-neutral-subdued-content-color-hover\n);--spectrum-tabs-color-key-focus:var(\n--spectrum-neutral-subdued-content-color-key-focus\n);--spectrum-tabs-color-disabled:var(--spectrum-gray-500);--spectrum-tabs-font-family:var(--spectrum-sans-font-family-stack);--spectrum-tabs-font-style:var(--spectrum-default-font-style);--spectrum-tabs-font-size:var(--spectrum-font-size-100);--spectrum-tabs-line-height:var(--spectrum-line-height-100);--spectrum-tabs-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-tabs-focus-indicator-border-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-medium\n);--spectrum-tabs-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-tabs-selection-indicator-color:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-list-background-direction:top;--spectrum-tabs-divider-background-color:var(--spectrum-gray-300);--spectrum-tabs-divider-size:var(--spectrum-border-width-200);--spectrum-tabs-divider-border-radius:1px;--spectrum-tabs-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tabs-animation-ease:var(--spectrum-animation-ease-in-out)}:host([emphasized]) #list{--mod-tabs-color-selected:var(\n--mod-tabs-color-selected-emphasized,var(--spectrum-accent-content-color-default)\n);--mod-tabs-color-hover:var(\n--mod-tabs-color-hover-emphasized,var(--spectrum-accent-content-color-hover)\n);--mod-tabs-color-key-focus:var(\n--mod-tabs-color-key-focus-emphasized,var(--spectrum-accent-content-color-key-focus)\n);--mod-tabs-selection-indicator-color:var(\n--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-accent-content-color-default)\n)}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical-right,left\n)}:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,left\n)}:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([compact]) #list{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium)\n)}#list{background:linear-gradient(to var(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));display:flex;margin:0;padding-block:0;position:relative;vertical-align:top;z-index:0}::slotted([selected]:not([slot])){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}::slotted(:not([slot])).is-disabled{color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}::slotted(:not([slot])).focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])):focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])).focus-visible:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])):focus-visible:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#selection-indicator{background-color:var(\n--highcontrast-tabs-selection-indicator-color,var(\n--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)\n)\n);border-radius:var(\n--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius)\n);inset-inline-start:0;position:absolute;transform-origin:0 0;transition:transform var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));z-index:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) #list ::slotted(:not([slot]):not(:first-child)){margin-inline-start:var(\n--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing)\n)}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));inset-block-end:0;position:absolute}:host([direction^=horizontal][compact]) #list{align-items:end;box-sizing:content-box}:host([quiet]) #list{background:none;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(\n--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet)\n)}:host([direction^=vertical-right]) #list,:host([direction^=vertical]) #list{display:inline-flex;flex-direction:column;padding:0}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical-right]) #list ::slotted(:not([slot])),:host([direction^=vertical]) #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(\n--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing)\n);margin-inline-end:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);margin-inline-start:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);padding-block:0}:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before,:host([direction^=vertical]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1)}:host([direction^=vertical-right]) #list #selection-indicator,:host([direction^=vertical]) #list #selection-indicator{inline-size:var(\n--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)\n);inset-block-start:0;inset-inline-start:0;position:absolute}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}@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(\n--highcontrast-tabs-focus-indicator-background-color\n)}#list ::slotted([selected]:not([slot])).focus-visible,#list ::slotted([selected]:not([slot])):focus{color:var(--highcontrast-tabs-color-selected)}#list ::slotted([selected]:not([slot])):focus,#list ::slotted([selected]:not([slot])):focus-visible{color:var(--highcontrast-tabs-color-selected)}: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(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 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-spectrum-tabs-font-weight)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4Gf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/tab.css.dev.js CHANGED
@@ -28,15 +28,15 @@ var(--spectrum-tabs-focus-indicator-gap)
28
28
  --highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))
29
29
  )}:host([disabled]){color:var(
30
30
  --highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))
31
- );cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible),:host(:focus){color:var(
31
+ );cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible){color:var(
32
32
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
33
- )}:host(:focus),:host(:focus-visible){color:var(
33
+ )}:host(:focus-visible){color:var(
34
34
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
35
- )}:host(.focus-visible):before,:host(:focus):before{border-color:var(
35
+ )}:host(.focus-visible):before{border-color:var(
36
36
  --highcontrast-tabs-focus-indicator-color,var(
37
37
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
38
38
  )
39
- )}:host(:focus):before,:host(:focus-visible):before{border-color:var(
39
+ )}:host(:focus-visible):before{border-color:var(
40
40
  --highcontrast-tabs-focus-indicator-color,var(
41
41
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
42
42
  )
package/src/tab.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["tab.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{block-size:calc(var(--mod-tabs-item-height, var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size, var(--spectrum-tabs-divider-size)));box-sizing:border-box;color:var(\n--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color))\n);cursor:pointer;outline:none;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) ease-out;white-space:nowrap;z-index:1}::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(\n--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon)\n)}[name=icon]+#item-label{margin-inline-start:var(\n--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text)\n)}:host:before{block-size:calc(100% - var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text)));border:var(\n--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width)\n) solid transparent;border-radius:var(\n--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius)\n);box-sizing:border-box;content:\"\";inline-size:calc(100% + var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*2);inset-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);inset-inline-end:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);pointer-events:none;position:absolute}:host(:hover){color:var(\n--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover))\n)}:host([selected]){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}:host([disabled]){color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible),:host(:focus){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(:focus),:host(:focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(.focus-visible):before,:host(:focus):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}:host(:focus):before,:host(:focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#item-label{cursor:pointer;display:inline-block;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-size:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-size));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));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-end:var(\n--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text)\n);margin-block-start:var(\n--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)\n);-webkit-text-decoration:none;text-decoration:none;vertical-align:top}#item-label:empty{display:none}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:ButtonFace}:host ::slotted([slot=icon]){color:inherit;position:relative;z-index:1}#item-label{position:relative;z-index:1}:host([selected]){color:HighlightText}:host([selected]) ::slotted([slot=icon]){color:HighlightText}:host([selected]) #item-label{color:HighlightText}}:host([vertical]){align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center}:host([dir][vertical]) slot[name=icon]+#item-label{margin-block-end:calc(var(--mod-tabs-bottom-to-text, var(--spectrum-tabs-bottom-to-text))/2);margin-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);margin-inline-start:0}: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;"],
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{block-size:calc(var(--mod-tabs-item-height, var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size, var(--spectrum-tabs-divider-size)));box-sizing:border-box;color:var(\n--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color))\n);cursor:pointer;outline:none;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) ease-out;white-space:nowrap;z-index:1}::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(\n--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon)\n)}[name=icon]+#item-label{margin-inline-start:var(\n--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text)\n)}:host:before{block-size:calc(100% - var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text)));border:var(\n--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width)\n) solid transparent;border-radius:var(\n--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius)\n);box-sizing:border-box;content:\"\";inline-size:calc(100% + var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*2);inset-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);inset-inline-end:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);pointer-events:none;position:absolute}:host(:hover){color:var(\n--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover))\n)}:host([selected]){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}:host([disabled]){color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(:focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(.focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}:host(:focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#item-label{cursor:pointer;display:inline-block;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-size:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-size));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));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-end:var(\n--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text)\n);margin-block-start:var(\n--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)\n);-webkit-text-decoration:none;text-decoration:none;vertical-align:top}#item-label:empty{display:none}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:ButtonFace}:host ::slotted([slot=icon]){color:inherit;position:relative;z-index:1}#item-label{position:relative;z-index:1}:host([selected]){color:HighlightText}:host([selected]) ::slotted([slot=icon]){color:HighlightText}:host([selected]) #item-label{color:HighlightText}}:host([vertical]){align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center}:host([dir][vertical]) slot[name=icon]+#item-label{margin-block-end:calc(var(--mod-tabs-bottom-to-text, var(--spectrum-tabs-bottom-to-text))/2);margin-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);margin-inline-start:0}: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;"],
5
5
  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8Cf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/tab.css.js CHANGED
@@ -26,15 +26,15 @@ var(--spectrum-tabs-focus-indicator-gap)
26
26
  --highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))
27
27
  )}:host([disabled]){color:var(
28
28
  --highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))
29
- );cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible),:host(:focus){color:var(
29
+ );cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible){color:var(
30
30
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
31
- )}:host(:focus),:host(:focus-visible){color:var(
31
+ )}:host(:focus-visible){color:var(
32
32
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
33
- )}:host(.focus-visible):before,:host(:focus):before{border-color:var(
33
+ )}:host(.focus-visible):before{border-color:var(
34
34
  --highcontrast-tabs-focus-indicator-color,var(
35
35
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
36
36
  )
37
- )}:host(:focus):before,:host(:focus-visible):before{border-color:var(
37
+ )}:host(:focus-visible):before{border-color:var(
38
38
  --highcontrast-tabs-focus-indicator-color,var(
39
39
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
40
40
  )
package/src/tab.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["tab.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{block-size:calc(var(--mod-tabs-item-height, var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size, var(--spectrum-tabs-divider-size)));box-sizing:border-box;color:var(\n--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color))\n);cursor:pointer;outline:none;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) ease-out;white-space:nowrap;z-index:1}::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(\n--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon)\n)}[name=icon]+#item-label{margin-inline-start:var(\n--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text)\n)}:host:before{block-size:calc(100% - var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text)));border:var(\n--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width)\n) solid transparent;border-radius:var(\n--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius)\n);box-sizing:border-box;content:\"\";inline-size:calc(100% + var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*2);inset-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);inset-inline-end:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);pointer-events:none;position:absolute}:host(:hover){color:var(\n--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover))\n)}:host([selected]){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}:host([disabled]){color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible),:host(:focus){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(:focus),:host(:focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(.focus-visible):before,:host(:focus):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}:host(:focus):before,:host(:focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#item-label{cursor:pointer;display:inline-block;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-size:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-size));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));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-end:var(\n--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text)\n);margin-block-start:var(\n--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)\n);-webkit-text-decoration:none;text-decoration:none;vertical-align:top}#item-label:empty{display:none}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:ButtonFace}:host ::slotted([slot=icon]){color:inherit;position:relative;z-index:1}#item-label{position:relative;z-index:1}:host([selected]){color:HighlightText}:host([selected]) ::slotted([slot=icon]){color:HighlightText}:host([selected]) #item-label{color:HighlightText}}:host([vertical]){align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center}:host([dir][vertical]) slot[name=icon]+#item-label{margin-block-end:calc(var(--mod-tabs-bottom-to-text, var(--spectrum-tabs-bottom-to-text))/2);margin-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);margin-inline-start:0}: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;"],
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{block-size:calc(var(--mod-tabs-item-height, var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size, var(--spectrum-tabs-divider-size)));box-sizing:border-box;color:var(\n--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color))\n);cursor:pointer;outline:none;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) ease-out;white-space:nowrap;z-index:1}::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(\n--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon)\n)}[name=icon]+#item-label{margin-inline-start:var(\n--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text)\n)}:host:before{block-size:calc(100% - var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text)));border:var(\n--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width)\n) solid transparent;border-radius:var(\n--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius)\n);box-sizing:border-box;content:\"\";inline-size:calc(100% + var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*2);inset-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);inset-inline-end:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1);pointer-events:none;position:absolute}:host(:hover){color:var(\n--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover))\n)}:host([selected]){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}:host([disabled]){color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}:host([disabled]) #item-label{cursor:default}:host(.focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(:focus-visible){color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}:host(.focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}:host(:focus-visible):before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#item-label{cursor:pointer;display:inline-block;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-size:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-size));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));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-end:var(\n--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text)\n);margin-block-start:var(\n--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)\n);-webkit-text-decoration:none;text-decoration:none;vertical-align:top}#item-label:empty{display:none}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:ButtonFace}:host ::slotted([slot=icon]){color:inherit;position:relative;z-index:1}#item-label{position:relative;z-index:1}:host([selected]){color:HighlightText}:host([selected]) ::slotted([slot=icon]){color:HighlightText}:host([selected]) #item-label{color:HighlightText}}:host([vertical]){align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center}:host([dir][vertical]) slot[name=icon]+#item-label{margin-block-end:calc(var(--mod-tabs-bottom-to-text, var(--spectrum-tabs-bottom-to-text))/2);margin-block-start:calc(var(--mod-tabs-top-to-text, var(--spectrum-tabs-top-to-text))/2);margin-inline-start:0}: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;"],
5
5
  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8Cf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/tabs.css.dev.js CHANGED
@@ -63,19 +63,15 @@ const styles = css`
63
63
  --highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))
64
64
  )}::slotted(:not([slot])).is-disabled{color:var(
65
65
  --highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))
66
- );cursor:default}::slotted(:not([slot])).focus-visible,::slotted(:not([slot])):focus{color:var(
66
+ );cursor:default}::slotted(:not([slot])).focus-visible{color:var(
67
67
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
68
- )}::slotted(:not([slot])):focus,::slotted(:not([slot])):focus-visible{color:var(
68
+ )}::slotted(:not([slot])):focus-visible{color:var(
69
69
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
70
- )}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
70
+ )}::slotted(:not([slot])).focus-visible:before{border-color:var(
71
71
  --highcontrast-tabs-focus-indicator-color,var(
72
72
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
73
73
  )
74
- )}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
75
- --highcontrast-tabs-focus-indicator-color,var(
76
- --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
77
- )
78
- )}::slotted(:not([slot])):focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
74
+ )}::slotted(:not([slot])):focus-visible:before{border-color:var(
79
75
  --highcontrast-tabs-focus-indicator-color,var(
80
76
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
81
77
  )
@@ -110,9 +106,9 @@ var(--spectrum-tabs-focus-indicator-gap)
110
106
  --highcontrast-tabs-divider-background-color,var(
111
107
  --mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)
112
108
  )
113
- ) 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-spectrum-tabs-font-weight)}:host{display:grid;grid-template-columns:100%;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-end:0;inset-inline-start:auto}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list #selection-indicator{background-color:var(
109
+ ) 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-spectrum-tabs-font-weight)}:host{display:grid;grid-template-columns:100%;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-end:0;inset-inline-start:auto}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list{pointer-events:none}:host([disabled]) #list #selection-indicator{background-color:var(
114
110
  --mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)
115
- )}:host([disabled]) ::slotted(sp-tab){color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([disabled]) #list{pointer-events:none}: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{overflow-x:auto;scrollbar-width:none}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}
111
+ )}: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{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}
116
112
  `;
117
113
  export default styles;
118
114
  //# sourceMappingURL=tabs.css.dev.js.map
package/src/tabs.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["tabs.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-medium);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-medium\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-medium\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-medium\n);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-medium);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-medium\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-medium\n);--spectrum-tabs-color:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-tabs-color-selected:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-color-hover:var(\n--spectrum-neutral-subdued-content-color-hover\n);--spectrum-tabs-color-key-focus:var(\n--spectrum-neutral-subdued-content-color-key-focus\n);--spectrum-tabs-color-disabled:var(--spectrum-gray-500);--spectrum-tabs-font-family:var(--spectrum-sans-font-family-stack);--spectrum-tabs-font-style:var(--spectrum-default-font-style);--spectrum-tabs-font-size:var(--spectrum-font-size-100);--spectrum-tabs-line-height:var(--spectrum-line-height-100);--spectrum-tabs-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-tabs-focus-indicator-border-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-medium\n);--spectrum-tabs-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-tabs-selection-indicator-color:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-list-background-direction:top;--spectrum-tabs-divider-background-color:var(--spectrum-gray-300);--spectrum-tabs-divider-size:var(--spectrum-border-width-200);--spectrum-tabs-divider-border-radius:1px;--spectrum-tabs-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tabs-animation-ease:var(--spectrum-animation-ease-in-out)}:host([emphasized]) #list{--mod-tabs-color-selected:var(\n--mod-tabs-color-selected-emphasized,var(--spectrum-accent-content-color-default)\n);--mod-tabs-color-hover:var(\n--mod-tabs-color-hover-emphasized,var(--spectrum-accent-content-color-hover)\n);--mod-tabs-color-key-focus:var(\n--mod-tabs-color-key-focus-emphasized,var(--spectrum-accent-content-color-key-focus)\n);--mod-tabs-selection-indicator-color:var(\n--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-accent-content-color-default)\n)}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical-right,left\n)}:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,left\n)}:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([compact]) #list{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium)\n)}#list{background:linear-gradient(to var(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));display:flex;margin:0;padding-block:0;position:relative;vertical-align:top;z-index:0}::slotted([selected]:not([slot])){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}::slotted(:not([slot])).is-disabled{color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}::slotted(:not([slot])).focus-visible,::slotted(:not([slot])):focus{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])):focus,::slotted(:not([slot])):focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])):focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#selection-indicator{background-color:var(\n--highcontrast-tabs-selection-indicator-color,var(\n--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)\n)\n);border-radius:var(\n--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius)\n);inset-inline-start:0;position:absolute;transform-origin:0 0;transition:transform var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));z-index:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) #list ::slotted(:not([slot]):not(:first-child)){margin-inline-start:var(\n--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing)\n)}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));inset-block-end:0;position:absolute}:host([direction^=horizontal][compact]) #list{align-items:end;box-sizing:content-box}:host([quiet]) #list{background:none;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(\n--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet)\n)}:host([direction^=vertical-right]) #list,:host([direction^=vertical]) #list{display:inline-flex;flex-direction:column;padding:0}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical-right]) #list ::slotted(:not([slot])),:host([direction^=vertical]) #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(\n--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing)\n);margin-inline-end:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);margin-inline-start:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);padding-block:0}:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before,:host([direction^=vertical]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1)}:host([direction^=vertical-right]) #list #selection-indicator,:host([direction^=vertical]) #list #selection-indicator{inline-size:var(\n--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)\n);inset-block-start:0;inset-inline-start:0;position:absolute}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}@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(\n--highcontrast-tabs-focus-indicator-background-color\n)}#list ::slotted([selected]:not([slot])).focus-visible,#list ::slotted([selected]:not([slot])):focus{color:var(--highcontrast-tabs-color-selected)}#list ::slotted([selected]:not([slot])):focus,#list ::slotted([selected]:not([slot])):focus-visible{color:var(--highcontrast-tabs-color-selected)}: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(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 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-spectrum-tabs-font-weight)}:host{display:grid;grid-template-columns:100%;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-end:0;inset-inline-start:auto}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list #selection-indicator{background-color:var(\n--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)\n)}:host([disabled]) ::slotted(sp-tab){color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([disabled]) #list{pointer-events:none}: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{overflow-x:auto;scrollbar-width:none}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkHf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-medium);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-medium\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-medium\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-medium\n);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-medium);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-medium\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-medium\n);--spectrum-tabs-color:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-tabs-color-selected:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-color-hover:var(\n--spectrum-neutral-subdued-content-color-hover\n);--spectrum-tabs-color-key-focus:var(\n--spectrum-neutral-subdued-content-color-key-focus\n);--spectrum-tabs-color-disabled:var(--spectrum-gray-500);--spectrum-tabs-font-family:var(--spectrum-sans-font-family-stack);--spectrum-tabs-font-style:var(--spectrum-default-font-style);--spectrum-tabs-font-size:var(--spectrum-font-size-100);--spectrum-tabs-line-height:var(--spectrum-line-height-100);--spectrum-tabs-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-tabs-focus-indicator-border-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-medium\n);--spectrum-tabs-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-tabs-selection-indicator-color:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-list-background-direction:top;--spectrum-tabs-divider-background-color:var(--spectrum-gray-300);--spectrum-tabs-divider-size:var(--spectrum-border-width-200);--spectrum-tabs-divider-border-radius:1px;--spectrum-tabs-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tabs-animation-ease:var(--spectrum-animation-ease-in-out)}:host([emphasized]) #list{--mod-tabs-color-selected:var(\n--mod-tabs-color-selected-emphasized,var(--spectrum-accent-content-color-default)\n);--mod-tabs-color-hover:var(\n--mod-tabs-color-hover-emphasized,var(--spectrum-accent-content-color-hover)\n);--mod-tabs-color-key-focus:var(\n--mod-tabs-color-key-focus-emphasized,var(--spectrum-accent-content-color-key-focus)\n);--mod-tabs-selection-indicator-color:var(\n--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-accent-content-color-default)\n)}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical-right,left\n)}:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,left\n)}:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([compact]) #list{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium)\n)}#list{background:linear-gradient(to var(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));display:flex;margin:0;padding-block:0;position:relative;vertical-align:top;z-index:0}::slotted([selected]:not([slot])){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}::slotted(:not([slot])).is-disabled{color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}::slotted(:not([slot])).focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])):focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])).focus-visible:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])):focus-visible:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#selection-indicator{background-color:var(\n--highcontrast-tabs-selection-indicator-color,var(\n--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)\n)\n);border-radius:var(\n--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius)\n);inset-inline-start:0;position:absolute;transform-origin:0 0;transition:transform var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));z-index:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) #list ::slotted(:not([slot]):not(:first-child)){margin-inline-start:var(\n--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing)\n)}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));inset-block-end:0;position:absolute}:host([direction^=horizontal][compact]) #list{align-items:end;box-sizing:content-box}:host([quiet]) #list{background:none;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(\n--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet)\n)}:host([direction^=vertical-right]) #list,:host([direction^=vertical]) #list{display:inline-flex;flex-direction:column;padding:0}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical-right]) #list ::slotted(:not([slot])),:host([direction^=vertical]) #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(\n--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing)\n);margin-inline-end:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);margin-inline-start:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);padding-block:0}:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before,:host([direction^=vertical]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1)}:host([direction^=vertical-right]) #list #selection-indicator,:host([direction^=vertical]) #list #selection-indicator{inline-size:var(\n--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)\n);inset-block-start:0;inset-inline-start:0;position:absolute}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}@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(\n--highcontrast-tabs-focus-indicator-background-color\n)}#list ::slotted([selected]:not([slot])).focus-visible,#list ::slotted([selected]:not([slot])):focus{color:var(--highcontrast-tabs-color-selected)}#list ::slotted([selected]:not([slot])):focus,#list ::slotted([selected]:not([slot])):focus-visible{color:var(--highcontrast-tabs-color-selected)}: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(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 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-spectrum-tabs-font-weight)}:host{display:grid;grid-template-columns:100%;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-end:0;inset-inline-start:auto}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list{pointer-events:none}:host([disabled]) #list #selection-indicator{background-color:var(\n--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)\n)}: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{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8Gf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/tabs.css.js CHANGED
@@ -61,19 +61,15 @@
61
61
  --highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))
62
62
  )}::slotted(:not([slot])).is-disabled{color:var(
63
63
  --highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))
64
- );cursor:default}::slotted(:not([slot])).focus-visible,::slotted(:not([slot])):focus{color:var(
64
+ );cursor:default}::slotted(:not([slot])).focus-visible{color:var(
65
65
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
66
- )}::slotted(:not([slot])):focus,::slotted(:not([slot])):focus-visible{color:var(
66
+ )}::slotted(:not([slot])):focus-visible{color:var(
67
67
  --highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))
68
- )}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
68
+ )}::slotted(:not([slot])).focus-visible:before{border-color:var(
69
69
  --highcontrast-tabs-focus-indicator-color,var(
70
70
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
71
71
  )
72
- )}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
73
- --highcontrast-tabs-focus-indicator-color,var(
74
- --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
75
- )
76
- )}::slotted(:not([slot])):focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(
72
+ )}::slotted(:not([slot])):focus-visible:before{border-color:var(
77
73
  --highcontrast-tabs-focus-indicator-color,var(
78
74
  --mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)
79
75
  )
@@ -108,8 +104,8 @@ var(--spectrum-tabs-focus-indicator-gap)
108
104
  --highcontrast-tabs-divider-background-color,var(
109
105
  --mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)
110
106
  )
111
- ) 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-spectrum-tabs-font-weight)}:host{display:grid;grid-template-columns:100%;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-end:0;inset-inline-start:auto}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list #selection-indicator{background-color:var(
107
+ ) 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-spectrum-tabs-font-weight)}:host{display:grid;grid-template-columns:100%;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-end:0;inset-inline-start:auto}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list{pointer-events:none}:host([disabled]) #list #selection-indicator{background-color:var(
112
108
  --mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)
113
- )}:host([disabled]) ::slotted(sp-tab){color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([disabled]) #list{pointer-events:none}: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{overflow-x:auto;scrollbar-width:none}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}
109
+ )}: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{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}
114
110
  `;export default o;
115
111
  //# sourceMappingURL=tabs.css.js.map
package/src/tabs.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["tabs.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-medium);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-medium\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-medium\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-medium\n);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-medium);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-medium\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-medium\n);--spectrum-tabs-color:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-tabs-color-selected:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-color-hover:var(\n--spectrum-neutral-subdued-content-color-hover\n);--spectrum-tabs-color-key-focus:var(\n--spectrum-neutral-subdued-content-color-key-focus\n);--spectrum-tabs-color-disabled:var(--spectrum-gray-500);--spectrum-tabs-font-family:var(--spectrum-sans-font-family-stack);--spectrum-tabs-font-style:var(--spectrum-default-font-style);--spectrum-tabs-font-size:var(--spectrum-font-size-100);--spectrum-tabs-line-height:var(--spectrum-line-height-100);--spectrum-tabs-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-tabs-focus-indicator-border-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-medium\n);--spectrum-tabs-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-tabs-selection-indicator-color:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-list-background-direction:top;--spectrum-tabs-divider-background-color:var(--spectrum-gray-300);--spectrum-tabs-divider-size:var(--spectrum-border-width-200);--spectrum-tabs-divider-border-radius:1px;--spectrum-tabs-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tabs-animation-ease:var(--spectrum-animation-ease-in-out)}:host([emphasized]) #list{--mod-tabs-color-selected:var(\n--mod-tabs-color-selected-emphasized,var(--spectrum-accent-content-color-default)\n);--mod-tabs-color-hover:var(\n--mod-tabs-color-hover-emphasized,var(--spectrum-accent-content-color-hover)\n);--mod-tabs-color-key-focus:var(\n--mod-tabs-color-key-focus-emphasized,var(--spectrum-accent-content-color-key-focus)\n);--mod-tabs-selection-indicator-color:var(\n--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-accent-content-color-default)\n)}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical-right,left\n)}:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,left\n)}:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([compact]) #list{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium)\n)}#list{background:linear-gradient(to var(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));display:flex;margin:0;padding-block:0;position:relative;vertical-align:top;z-index:0}::slotted([selected]:not([slot])){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}::slotted(:not([slot])).is-disabled{color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}::slotted(:not([slot])).focus-visible,::slotted(:not([slot])):focus{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])):focus,::slotted(:not([slot])):focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])).focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])):focus-visible:before,::slotted(:not([slot])):focus:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#selection-indicator{background-color:var(\n--highcontrast-tabs-selection-indicator-color,var(\n--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)\n)\n);border-radius:var(\n--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius)\n);inset-inline-start:0;position:absolute;transform-origin:0 0;transition:transform var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));z-index:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) #list ::slotted(:not([slot]):not(:first-child)){margin-inline-start:var(\n--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing)\n)}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));inset-block-end:0;position:absolute}:host([direction^=horizontal][compact]) #list{align-items:end;box-sizing:content-box}:host([quiet]) #list{background:none;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(\n--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet)\n)}:host([direction^=vertical-right]) #list,:host([direction^=vertical]) #list{display:inline-flex;flex-direction:column;padding:0}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical-right]) #list ::slotted(:not([slot])),:host([direction^=vertical]) #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(\n--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing)\n);margin-inline-end:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);margin-inline-start:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);padding-block:0}:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before,:host([direction^=vertical]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1)}:host([direction^=vertical-right]) #list #selection-indicator,:host([direction^=vertical]) #list #selection-indicator{inline-size:var(\n--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)\n);inset-block-start:0;inset-inline-start:0;position:absolute}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}@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(\n--highcontrast-tabs-focus-indicator-background-color\n)}#list ::slotted([selected]:not([slot])).focus-visible,#list ::slotted([selected]:not([slot])):focus{color:var(--highcontrast-tabs-color-selected)}#list ::slotted([selected]:not([slot])):focus,#list ::slotted([selected]:not([slot])):focus-visible{color:var(--highcontrast-tabs-color-selected)}: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(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 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-spectrum-tabs-font-weight)}:host{display:grid;grid-template-columns:100%;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-end:0;inset-inline-start:auto}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list #selection-indicator{background-color:var(\n--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)\n)}:host([disabled]) ::slotted(sp-tab){color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([disabled]) #list{pointer-events:none}: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{overflow-x:auto;scrollbar-width:none}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkHf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-medium);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-medium\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-medium\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-medium\n);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-medium);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-medium\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-medium\n);--spectrum-tabs-color:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-tabs-color-selected:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-color-hover:var(\n--spectrum-neutral-subdued-content-color-hover\n);--spectrum-tabs-color-key-focus:var(\n--spectrum-neutral-subdued-content-color-key-focus\n);--spectrum-tabs-color-disabled:var(--spectrum-gray-500);--spectrum-tabs-font-family:var(--spectrum-sans-font-family-stack);--spectrum-tabs-font-style:var(--spectrum-default-font-style);--spectrum-tabs-font-size:var(--spectrum-font-size-100);--spectrum-tabs-line-height:var(--spectrum-line-height-100);--spectrum-tabs-focus-indicator-width:var(\n--spectrum-focus-indicator-thickness\n);--spectrum-tabs-focus-indicator-border-radius:var(\n--spectrum-corner-radius-100\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-medium\n);--spectrum-tabs-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-tabs-selection-indicator-color:var(\n--spectrum-neutral-subdued-content-color-down\n);--spectrum-tabs-list-background-direction:top;--spectrum-tabs-divider-background-color:var(--spectrum-gray-300);--spectrum-tabs-divider-size:var(--spectrum-border-width-200);--spectrum-tabs-divider-border-radius:1px;--spectrum-tabs-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tabs-animation-ease:var(--spectrum-animation-ease-in-out)}:host([emphasized]) #list{--mod-tabs-color-selected:var(\n--mod-tabs-color-selected-emphasized,var(--spectrum-accent-content-color-default)\n);--mod-tabs-color-hover:var(\n--mod-tabs-color-hover-emphasized,var(--spectrum-accent-content-color-hover)\n);--mod-tabs-color-key-focus:var(\n--mod-tabs-color-key-focus-emphasized,var(--spectrum-accent-content-color-key-focus)\n);--mod-tabs-selection-indicator-color:var(\n--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-accent-content-color-default)\n)}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical-right,left\n)}:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,left\n)}:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(\n--mod-tabs-list-background-direction-vertical,right\n)}:host([compact]) #list{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium)\n)}#list{background:linear-gradient(to var(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));display:flex;margin:0;padding-block:0;position:relative;vertical-align:top;z-index:0}::slotted([selected]:not([slot])){color:var(\n--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected))\n)}::slotted(:not([slot])).is-disabled{color:var(\n--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))\n);cursor:default}::slotted(:not([slot])).focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])):focus-visible{color:var(\n--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus))\n)}::slotted(:not([slot])).focus-visible:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}::slotted(:not([slot])):focus-visible:before{border-color:var(\n--highcontrast-tabs-focus-indicator-color,var(\n--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)\n)\n)}#selection-indicator{background-color:var(\n--highcontrast-tabs-selection-indicator-color,var(\n--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)\n)\n);border-radius:var(\n--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius)\n);inset-inline-start:0;position:absolute;transform-origin:0 0;transition:transform var(\n--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration)\n) var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));z-index:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) #list ::slotted(:not([slot]):not(:first-child)){margin-inline-start:var(\n--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing)\n)}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));inset-block-end:0;position:absolute}:host([direction^=horizontal][compact]) #list{align-items:end;box-sizing:content-box}:host([quiet]) #list{background:none;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(\n--mod-tabs-start-to-item-quiet,var(--spectrum-tabs-start-to-item-quiet)\n)}:host([direction^=vertical-right]) #list,:host([direction^=vertical]) #list{display:inline-flex;flex-direction:column;padding:0}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical-right]) #list ::slotted(:not([slot])),:host([direction^=vertical]) #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(\n--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing)\n);margin-inline-end:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);margin-inline-start:var(\n--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge)\n);padding-block:0}:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before,:host([direction^=vertical]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(\n--mod-tabs-focus-indicator-gap,\nvar(--spectrum-tabs-focus-indicator-gap)\n)*-1)}:host([direction^=vertical-right]) #list #selection-indicator,:host([direction^=vertical]) #list #selection-indicator{inline-size:var(\n--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)\n);inset-block-start:0;inset-inline-start:0;position:absolute}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}@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(\n--highcontrast-tabs-focus-indicator-background-color\n)}#list ::slotted([selected]:not([slot])).focus-visible,#list ::slotted([selected]:not([slot])):focus{color:var(--highcontrast-tabs-color-selected)}#list ::slotted([selected]:not([slot])):focus,#list ::slotted([selected]:not([slot])):focus-visible{color:var(--highcontrast-tabs-color-selected)}: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(\n--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)\n),var(\n--highcontrast-tabs-divider-background-color,var(\n--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)\n)\n) 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-spectrum-tabs-font-weight)}:host{display:grid;grid-template-columns:100%;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-end:0;inset-inline-start:auto}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list{pointer-events:none}:host([disabled]) #list #selection-indicator{background-color:var(\n--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)\n)}: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{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8Gf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }