@spectrum-web-components/tabs 0.40.2 → 0.40.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +8 -8
- package/src/spectrum-tab.css.dev.js.map +1 -1
- package/src/spectrum-tab.css.js.map +1 -1
- package/src/spectrum-tabs-sizes.css.dev.js.map +1 -1
- package/src/spectrum-tabs-sizes.css.js.map +1 -1
- package/src/spectrum-tabs.css.dev.js.map +1 -1
- package/src/spectrum-tabs.css.js.map +1 -1
- package/src/tab-panel.css.dev.js.map +1 -1
- package/src/tab-panel.css.js.map +1 -1
- package/src/tab.css.dev.js.map +1 -1
- package/src/tab.css.js.map +1 -1
- package/src/tabs-overflow.css.dev.js.map +1 -1
- package/src/tabs-overflow.css.js.map +1 -1
- package/src/tabs-sizes.css.dev.js.map +1 -1
- package/src/tabs-sizes.css.js.map +1 -1
- package/src/tabs.css.dev.js.map +1 -1
- package/src/tabs.css.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/tabs",
|
|
3
|
-
"version": "0.40.
|
|
3
|
+
"version": "0.40.3",
|
|
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.
|
|
90
|
-
"@spectrum-web-components/icon": "^0.40.
|
|
91
|
-
"@spectrum-web-components/icons-ui": "^0.40.
|
|
92
|
-
"@spectrum-web-components/reactive-controllers": "^0.40.
|
|
93
|
-
"@spectrum-web-components/shared": "^0.40.
|
|
89
|
+
"@spectrum-web-components/base": "^0.40.3",
|
|
90
|
+
"@spectrum-web-components/icon": "^0.40.3",
|
|
91
|
+
"@spectrum-web-components/icons-ui": "^0.40.3",
|
|
92
|
+
"@spectrum-web-components/reactive-controllers": "^0.40.3",
|
|
93
|
+
"@spectrum-web-components/shared": "^0.40.3"
|
|
94
94
|
},
|
|
95
95
|
"devDependencies": {
|
|
96
|
-
"@spectrum-css/tabs": "^4.0.
|
|
96
|
+
"@spectrum-css/tabs": "^4.0.27"
|
|
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": "
|
|
104
|
+
"gitHead": "76467a3470aeafa4beefce1e4fc76341f1d6733f"
|
|
105
105
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-tab.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{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
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-tab.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{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
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-tabs-sizes.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-small);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-small\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-small\n);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-small);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-small);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-small\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-50);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-75);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-small\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-small\n);--spectrum-tabs-font-size:var(--spectrum-font-size-75)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-large);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-large\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-large\n);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-large);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-large);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-large\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-200);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-large\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-large\n);--spectrum-tabs-font-size:var(--spectrum-font-size-200)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-extra-large);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-extra-large\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-extra-large\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-extra-large\n);--spectrum-tabs-top-to-text:var(\n--spectrum-tab-item-top-to-text-extra-large\n);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-extra-large\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-extra-large\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-extra-large\n);--spectrum-tabs-font-size:var(--spectrum-font-size-300)}:host([size=s]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-small)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-small)\n)}:host([size=l]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-large)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-large)\n)}:host([size=xl]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-extra-large)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-extra-large)\n)}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Df,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-tabs-sizes.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-small);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-small\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-small\n);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-small);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-small);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-small\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-50);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-75);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-small\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-small\n);--spectrum-tabs-font-size:var(--spectrum-font-size-75)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-large);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-large\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-large\n);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-large);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-large);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-large\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-200);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-large\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-large\n);--spectrum-tabs-font-size:var(--spectrum-font-size-200)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-extra-large);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-extra-large\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-extra-large\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-extra-large\n);--spectrum-tabs-top-to-text:var(\n--spectrum-tab-item-top-to-text-extra-large\n);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-extra-large\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-extra-large\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-extra-large\n);--spectrum-tabs-font-size:var(--spectrum-font-size-300)}:host([size=s]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-small)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-small)\n)}:host([size=l]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-large)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-large)\n)}:host([size=xl]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-extra-large)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-extra-large)\n)}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6Df,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -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{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;"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#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
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
|
}
|
|
@@ -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{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;"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#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
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
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["tab-panel.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{display:inline-flex}:host(:not([selected])){display:none}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/src/tab-panel.css.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["tab-panel.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{display:inline-flex}:host(:not([selected])){display:none}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
package/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
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{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.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["tab.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{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
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["tabs-overflow.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--sp-tabs-overflow-next-button-right:calc(var(--spectrum-component-edge-to-text-100)*-1);--sp-tabs-overflow-previous-button-left:calc(var(--spectrum-component-edge-to-text-100)*-1);--sp-tabs-overflow-button-height:var(--spectrum-tab-item-height-medium);--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-medium);--sp-tabs-overflow-icon-color:var(--spectrum-gray-800);--sp-tabs-overflow-shadow-color:var(--spectrum-gray-100);--sp-tabs-overflow-shadow-width:50px;inset:0;width:100%}:host([size=s]){--sp-tabs-overflow-button-height:var(--spectrum-tab-item-height-small);--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-small)}:host([size=l]){--sp-tabs-overflow-button-height:var(--spectrum-tab-item-height-large);--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-large)}:host([size=xl]){--sp-tabs-overflow-button-height:var(\n--spectrum-tab-item-height-extra-large\n);--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-extra-large)}:host([compact]){--sp-tabs-overflow-button-height:var(\n--spectrum-tab-item-compact-height-medium\n)}sp-action-button{background:transparent;border:none;box-shadow:none;height:var(--sp-tabs-overflow-button-height);position:absolute;text-align:center;width:var(--sp-tabs-overflow-button-size);z-index:2}sp-action-button.left-scroll{left:var(--sp-tabs-overflow-previous-button-left);visibility:hidden}sp-action-button.right-scroll{right:var(--sp-tabs-overflow-next-button-right);visibility:hidden}sp-action-button.left-scroll.show,sp-action-button.right-scroll.show{visibility:visible}.tabs-overflow-container{position:relative}.tabs-overflow-container:after,.tabs-overflow-container:before{content:\"\";height:var(--sp-tabs-overflow-button-height);inset-block-start:0;pointer-events:none;position:absolute;visibility:hidden;width:var(--sp-tabs-overflow-shadow-width);z-index:1}.tabs-overflow-container:before{background:transparent linear-gradient(270deg,transparent,var(--sp-tabs-overflow-shadow-color)) 0 0 no-repeat padding-box;left:0}.tabs-overflow-container:after{background:transparent linear-gradient(90deg,transparent,var(--sp-tabs-overflow-shadow-color)) 0 0 no-repeat padding-box;right:0}.tabs-overflow-container.left-shadow:before,.tabs-overflow-container.right-shadow:after{visibility:visible}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["tabs-overflow.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--sp-tabs-overflow-next-button-right:calc(var(--spectrum-component-edge-to-text-100)*-1);--sp-tabs-overflow-previous-button-left:calc(var(--spectrum-component-edge-to-text-100)*-1);--sp-tabs-overflow-button-height:var(--spectrum-tab-item-height-medium);--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-medium);--sp-tabs-overflow-icon-color:var(--spectrum-gray-800);--sp-tabs-overflow-shadow-color:var(--spectrum-gray-100);--sp-tabs-overflow-shadow-width:50px;inset:0;width:100%}:host([size=s]){--sp-tabs-overflow-button-height:var(--spectrum-tab-item-height-small);--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-small)}:host([size=l]){--sp-tabs-overflow-button-height:var(--spectrum-tab-item-height-large);--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-large)}:host([size=xl]){--sp-tabs-overflow-button-height:var(\n--spectrum-tab-item-height-extra-large\n);--sp-tabs-overflow-button-size:var(--spectrum-tab-item-height-extra-large)}:host([compact]){--sp-tabs-overflow-button-height:var(\n--spectrum-tab-item-compact-height-medium\n)}sp-action-button{background:transparent;border:none;box-shadow:none;height:var(--sp-tabs-overflow-button-height);position:absolute;text-align:center;width:var(--sp-tabs-overflow-button-size);z-index:2}sp-action-button.left-scroll{left:var(--sp-tabs-overflow-previous-button-left);visibility:hidden}sp-action-button.right-scroll{right:var(--sp-tabs-overflow-next-button-right);visibility:hidden}sp-action-button.left-scroll.show,sp-action-button.right-scroll.show{visibility:visible}.tabs-overflow-container{position:relative}.tabs-overflow-container:after,.tabs-overflow-container:before{content:\"\";height:var(--sp-tabs-overflow-button-height);inset-block-start:0;pointer-events:none;position:absolute;visibility:hidden;width:var(--sp-tabs-overflow-shadow-width);z-index:1}.tabs-overflow-container:before{background:transparent linear-gradient(270deg,transparent,var(--sp-tabs-overflow-shadow-color)) 0 0 no-repeat padding-box;left:0}.tabs-overflow-container:after{background:transparent linear-gradient(90deg,transparent,var(--sp-tabs-overflow-shadow-color)) 0 0 no-repeat padding-box;right:0}.tabs-overflow-container.left-shadow:before,.tabs-overflow-container.right-shadow:after{visibility:visible}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["tabs-sizes.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-small);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-small\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-small\n);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-small);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-small);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-small\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-50);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-75);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-small\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-small\n);--spectrum-tabs-font-size:var(--spectrum-font-size-75)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-large);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-large\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-large\n);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-large);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-large);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-large\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-200);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-large\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-large\n);--spectrum-tabs-font-size:var(--spectrum-font-size-200)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-extra-large);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-extra-large\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-extra-large\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-extra-large\n);--spectrum-tabs-top-to-text:var(\n--spectrum-tab-item-top-to-text-extra-large\n);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-extra-large\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-extra-large\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-extra-large\n);--spectrum-tabs-font-size:var(--spectrum-font-size-300)}:host([size=s]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-small)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-small)\n)}:host([size=l]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-large)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-large)\n)}:host([size=xl]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-extra-large)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-extra-large)\n)}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Df,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["tabs-sizes.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-small);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-small\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-small\n);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-small);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-small);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-small\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-50);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-75);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-small\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-small\n);--spectrum-tabs-font-size:var(--spectrum-font-size-75)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-large);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-large\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-large\n);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-large);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-large);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-large\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-200);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-large\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-large\n);--spectrum-tabs-font-size:var(--spectrum-font-size-200)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-extra-large);--spectrum-tabs-item-horizontal-spacing:var(\n--spectrum-tab-item-to-tab-item-horizontal-extra-large\n);--spectrum-tabs-item-vertical-spacing:var(\n--spectrum-tab-item-to-tab-item-vertical-extra-large\n);--spectrum-tabs-start-to-edge:var(\n--spectrum-tab-item-start-to-edge-extra-large\n);--spectrum-tabs-top-to-text:var(\n--spectrum-tab-item-top-to-text-extra-large\n);--spectrum-tabs-bottom-to-text:var(\n--spectrum-tab-item-bottom-to-text-extra-large\n);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-tabs-top-to-icon:var(\n--spectrum-tab-item-top-to-workflow-icon-extra-large\n);--spectrum-tabs-focus-indicator-gap:var(\n--spectrum-tab-item-focus-indicator-gap-extra-large\n);--spectrum-tabs-font-size:var(--spectrum-font-size-300)}:host([size=s]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-small)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-small)\n)}:host([size=l]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-large)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-large)\n)}:host([size=xl]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(\n--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-extra-large)\n);--mod-tabs-top-to-text:var(\n--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large)\n);--mod-tabs-bottom-to-text:var(\n--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large)\n);--mod-tabs-top-to-icon:var(\n--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-extra-large)\n)}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6Df,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
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{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;"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#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
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.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{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;"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n#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
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
|
}
|