@salutejs/plasma-new-hope 0.339.0-canary.2301.18868987022.0 → 0.339.0-dev.0
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/cjs/components/LinkButton/LinkButton.css +8 -8
- package/cjs/components/LinkButton/LinkButton.styles.js +1 -1
- package/cjs/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/cjs/components/LinkButton/{LinkButton.styles_1qokm54.css → LinkButton.styles_1q1p1l2.css} +1 -1
- package/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/cjs/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/cjs/components/Table/Table.css +8 -8
- package/cjs/components/Table/ui/Cell/Cell.css +8 -8
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_1yj92p8.css → HorizontalIconTabItem.styles_72iooa.css} +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/{es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css → cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_fkdt6v.css} +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +5 -5
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -1
- package/{es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_1un37ow.css → cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_vmnj1d.css} +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_1xhgbue.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/{VerticalIconTabItem.styles_1vnlsyl.css → VerticalIconTabItem.styles_hm453l.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_11xtftz.css → VerticalTabItem.styles_1epgjdn.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1741mpr.css +4 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
- package/cjs/index.css +36 -36
- package/emotion/cjs/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +7 -7
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +13 -13
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +7 -7
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +7 -7
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +13 -13
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +8 -8
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
- package/emotion/es/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +7 -7
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +13 -13
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +7 -7
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +7 -7
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +13 -13
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +8 -8
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/emotion/es/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
- package/es/components/LinkButton/LinkButton.css +8 -8
- package/es/components/LinkButton/LinkButton.styles.js +1 -1
- package/es/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/es/components/LinkButton/{LinkButton.styles_1qokm54.css → LinkButton.styles_1q1p1l2.css} +1 -1
- package/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/es/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/es/components/Table/Table.css +8 -8
- package/es/components/Table/ui/Cell/Cell.css +8 -8
- package/es/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/es/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_1yj92p8.css → HorizontalIconTabItem.styles_72iooa.css} +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/{cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css → es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_fkdt6v.css} +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +5 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -1
- package/{cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_1un37ow.css → es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_vmnj1d.css} +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_1xhgbue.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/{VerticalIconTabItem.styles_1vnlsyl.css → VerticalIconTabItem.styles_hm453l.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_11xtftz.css → VerticalTabItem.styles_1epgjdn.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1741mpr.css +4 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
- package/es/index.css +36 -36
- package/package.json +4 -4
- package/styled-components/cjs/components/LinkButton/LinkButton.styles.js +10 -9
- package/styled-components/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +4 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +7 -7
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +4 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +4 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +7 -7
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +5 -5
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/LinkButton/LinkButton.config.js +18 -12
- package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +21 -25
- package/styled-components/es/components/LinkButton/LinkButton.styles.js +10 -9
- package/styled-components/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +4 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +7 -7
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +4 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +4 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +7 -7
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +5 -5
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/styled-components/es/examples/components/LinkButton/LinkButton.config.js +18 -12
- package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +21 -25
- package/types/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.tokens.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -1
- package/types/examples/components/LinkButton/LinkButton.config.d.ts.map +1 -1
- package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_4ob3q5.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_16pdfpo.css +0 -4
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_4ob3q5.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_16pdfpo.css +0 -4
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
1
|
+
.VerticalTabItem_styles_1epgjdn_s1vnvg8i__54f278b7{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
|
|
2
|
+
.VerticalTabItem_styles_1epgjdn_t4s0t81__54f278b7{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
|
|
3
|
+
.VerticalTabItem_styles_1epgjdn_rur46hh__54f278b7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1epgjdn_rur46hh__54f278b7:hover{color:inherit;}
|
|
4
|
+
.VerticalTabItem_styles_1epgjdn_l1ms3p4x__54f278b7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1epgjdn_l1ms3p4x__54f278b7:hover{color:inherit;}
|
|
5
|
+
.VerticalTabItem_styles_1epgjdn_a1yz2xa4__54f278b7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
6
|
+
.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7.VerticalTabItem_styles_1epgjdn_focusVisible__54f278b7:focus::before,.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7.VerticalTabItem_styles_1epgjdn_tabsTruncate__54f278b7 .VerticalTabItem_styles_1epgjdn_s1vnvg8i__54f278b7{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7.VerticalTabItem_styles_1epgjdn_tabsTruncate__54f278b7 .VerticalTabItem_styles_1epgjdn_t4s0t81__54f278b7{overflow:hidden;text-overflow:ellipsis;}
|
|
7
7
|
|
|
8
8
|
.base_7aeg6y_byyhn69__0c4ed4e7{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_7aeg6y_byyhn69__0c4ed4e7:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:hover .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:active{color:var(--plasma-tab-item-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7:active .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_tabItemAnimated__0c4ed4e7{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}
|
|
9
9
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n\n padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n white-space: nowrap;\n color: var(${tokens.itemValueColor});\n\n font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const LeftContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const ActionContent = styled.div`\n display: flex;\n margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: var(${tokens.itemContentGap});\n\n padding: var(${tokens.itemPaddingOrientationVertical});\n\n appearance: none;\n border: none;\n outline: none;\n cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n white-space: nowrap;\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: transparent;\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '
|
|
1
|
+
{"version":3,"file":"VerticalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n\n padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n white-space: nowrap;\n color: var(${tokens.itemValueColor});\n\n font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const LeftContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const ActionContent = styled.div`\n display: flex;\n margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: var(${tokens.itemContentGap});\n\n padding: var(${tokens.itemPaddingOrientationVertical});\n\n appearance: none;\n border: none;\n outline: none;\n cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n white-space: nowrap;\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: transparent;\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '0.063rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'var(--border-radius-m , calc(var(--plasma_private-outline-radius) + 0.063rem))',\n customFocusRules: `\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n }\n }\n `,\n })};\n\n &.${classes.tabsTruncate} {\n ${StyledContent} {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n ${TabItemValue} {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent","ActionContent","base"],"mappings":";;AAMO,IAAMA,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMK,IAAI,GA+ChB;;;;"}
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
.rur46hh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.rur46hh:hover{color:inherit;}
|
|
4
4
|
.l1ms3p4x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.l1ms3p4x:hover{color:inherit;}
|
|
5
5
|
.a1yz2xa4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
6
|
-
.buauuob{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.buauuob::before{content:'';position:absolute;top
|
|
6
|
+
.buauuob{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.buauuob::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.buauuob.focus-visible:focus::before,.buauuob[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.buauuob.tabs-truncate .s1vnvg8i{overflow:hidden;text-overflow:ellipsis;}.buauuob.tabs-truncate .t4s0t81{overflow:hidden;text-overflow:ellipsis;}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
2
2
|
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
3
|
+
.VerticalTabs_styles_1741mpr_b2r261u__ab348eee{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
4
|
+
.VerticalTabs_styles_1741mpr_s1tfgc53__ab348eee{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
|
|
5
|
+
.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee{box-sizing:border-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee::-webkit-scrollbar{display:none;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee .VerticalTabs_styles_1741mpr_s1tfgc53__ab348eee{margin-top:auto;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipShowAll__ab348eee{overflow:visible;}
|
|
6
|
+
.VerticalTabs_styles_1741mpr_s81cx4__ab348eee{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;color:var(--plasma-tabs-arrow-color);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee.VerticalTabs_styles_1741mpr_focusVisible__ab348eee:focus::before,.VerticalTabs_styles_1741mpr_s81cx4__ab348eee[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee[disabled]{cursor:not-allowed;}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
7
7
|
|
|
8
8
|
.base_1sekozo_b1t51iwr__491bf88c{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.base_rze03c_bljnkat__94b6c151{background-color:var(--plasma-tabs-background-color);}.base_rze03c_bljnkat__94b6c151::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsHasTopArrow__94b6c151::after{top:1.5rem;}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsHasBottomArrow__94b6c151::after{bottom:1.5rem;}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsNoDivider__94b6c151::after{width:0;}
|
|
11
11
|
|
|
12
12
|
.base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n align-items: center;\n`;\n\nexport const StyledContent = styled.div<{ hasDivider?: boolean }>`\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n`;\n\nexport const StyledContentWrapper = styled.div`\n
|
|
1
|
+
{"version":3,"file":"VerticalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n align-items: center;\n`;\n\nexport const StyledContent = styled.div<{ hasDivider?: boolean }>`\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n`;\n\nexport const StyledContentWrapper = styled.div`\n box-sizing: border-box;\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n\n z-index: 1;\n\n &.${classes.tabsClipScroll} {\n overflow: scroll;\n\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n\n ${StyledContent} {\n margin-top: auto;\n }\n }\n\n &.${classes.tabsClipShowAll} {\n overflow: visible;\n }\n`;\n\nexport const StyledArrow = styled.button`\n display: flex;\n cursor: pointer;\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n transform: rotate(90deg);\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '0.063rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n })};\n\n &[disabled] {\n cursor: not-allowed;\n }\n\n color: var(${tokens.arrowColor});\n\n &:hover {\n color: var(${tokens.arrowColorHover});\n }\n\n &:active {\n color: var(${tokens.arrowColorActive});\n }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","StyledArrow"],"mappings":";;AAMO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0BzC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BhC;;;;"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
.b2r261u{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
2
|
+
.s1tfgc53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
|
|
3
|
+
.s16g9t9z{box-sizing:border-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.s16g9t9z.tabs-clip-scroll{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.s16g9t9z.tabs-clip-scroll::-webkit-scrollbar{display:none;}.s16g9t9z.tabs-clip-scroll .s1tfgc53{margin-top:auto;}.s16g9t9z.tabs-clip-show-all{overflow:visible;}
|
|
4
|
+
.s81cx4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;color:var(--plasma-tabs-arrow-color);}.s81cx4::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s81cx4.focus-visible:focus::before,.s81cx4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.s81cx4[disabled]{cursor:not-allowed;}.s81cx4:hover{color:var(--plasma-tabs-arrow-color-hover);}.s81cx4:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n background-color: var(${tokens.tabsBackgroundColor});\n\n &::after {\n content: '';\n position: absolute;\n top: 0.125rem;\n bottom: 0.125rem;\n left: 0
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n background-color: var(${tokens.tabsBackgroundColor});\n\n &::after {\n content: '';\n position: absolute;\n top: 0.125rem;\n bottom: 0.125rem;\n left: 0;\n background: var(${tokens.tabsDividerColor});\n width: var(${tokens.tabsDividerWidth});\n border-radius: var(${tokens.tabsDividerBorderRadius});\n }\n\n &.${classes.tabsHasTopArrow} {\n &::after {\n top: 1.5rem;\n }\n }\n\n &.${classes.tabsHasBottomArrow} {\n &::after {\n bottom: 1.5rem;\n }\n }\n\n &.${classes.tabsNoDivider} {\n &::after {\n width: 0;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GA+BhB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.bljnkat{background-color:var(--plasma-tabs-background-color);}.bljnkat::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.bljnkat.tabs-has-top-arrow::after{top:1.5rem;}.bljnkat.tabs-has-bottom-arrow::after{bottom:1.5rem;}.bljnkat.tabs-no-divider::after{width:0;}
|
package/es/index.css
CHANGED
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
|
|
261
261
|
.base_1sq08yf_bxoicu2__bb7a4868{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
|
|
262
262
|
|
|
263
|
-
.
|
|
263
|
+
.base_1xhgbue_bupjtit__199b915b{background-color:var(--plasma-tabs-background-color);}.base_1xhgbue_bupjtit__199b915b::after{content:'';position:absolute;bottom:0;left:0.125rem;right:0.125rem;background:var(--plasma-tabs-divider-color);height:var(--plasma-tabs-divider-height);border-radius:var(--plasma-tabs-divider-border-radius);}.base_1xhgbue_bupjtit__199b915b.base_1xhgbue_tabsHasLeftArrow__199b915b::after{left:1.5rem;}.base_1xhgbue_bupjtit__199b915b.base_1xhgbue_tabsHasRightArrow__199b915b::after{right:1.5rem;}.base_1xhgbue_bupjtit__199b915b.base_1xhgbue_tabsNoDivider__199b915b::after{height:0;}
|
|
264
264
|
|
|
265
265
|
.base_j9bg3m_bbh58a1__de7491f9{opacity:var(--plasma-tabs-disabled-opacity);}
|
|
266
266
|
|
|
@@ -268,10 +268,10 @@
|
|
|
268
268
|
|
|
269
269
|
.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df{width:100%;}.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s158pfyo__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df > button{width:100%;margin-left:0;}
|
|
270
270
|
|
|
271
|
-
.
|
|
272
|
-
.
|
|
273
|
-
.
|
|
274
|
-
.
|
|
271
|
+
.HorizontalTabs_styles_vmnj1d_b7gl603__11dd263e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
|
|
272
|
+
.HorizontalTabs_styles_vmnj1d_s191iwmt__11dd263e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
273
|
+
.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e{box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipScroll__11dd263e{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipScroll__11dd263e::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipShowAll__11dd263e{overflow:visible;}
|
|
274
|
+
.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1in38wj-0);padding-right:var(--s1in38wj-1);padding-left:var(--s1in38wj-2);color:var(--plasma-tabs-arrow-color);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e.HorizontalTabs_styles_vmnj1d_focusVisible__11dd263e:focus::before,.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
275
275
|
|
|
276
276
|
.base_og3fwf_b1vyjqk2__9bf74170{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_og3fwf_b1vyjqk2__9bf74170:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_og3fwf_b1vyjqk2__9bf74170:hover .base_og3fwf_t1l5e9z0__9bf74170{color:var(--plasma-tab-item-value-color-hover);}.base_og3fwf_b1vyjqk2__9bf74170:active{color:var(--plasma-tab-item-color-active);}.base_og3fwf_b1vyjqk2__9bf74170:active .base_og3fwf_t1l5e9z0__9bf74170{color:var(--plasma-tab-item-value-color-active);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_tabItemAnimated__9bf74170{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170 .base_og3fwf_t1l5e9z0__9bf74170{color:var(--plasma-tab-item-selected-value-color-hover);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170 .base_og3fwf_t1l5e9z0__9bf74170:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170::after{content:'';position:absolute;bottom:0;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
|
|
277
277
|
|
|
@@ -281,12 +281,12 @@
|
|
|
281
281
|
|
|
282
282
|
.base_1ogr2cm_bt431lh__e8119f61[disabled]{cursor:not-allowed;}.base_1ogr2cm_bt431lh__e8119f61[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1ogr2cm_bt431lh__e8119f61[disabled].base_1ogr2cm_selectedTabsItem__e8119f61:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
|
|
283
283
|
|
|
284
|
-
.
|
|
285
|
-
.
|
|
286
|
-
.
|
|
287
|
-
.
|
|
288
|
-
.
|
|
289
|
-
.
|
|
284
|
+
.HorizontalTabItem_styles_fkdt6v_skuum0w__96469ed2{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
|
|
285
|
+
.HorizontalTabItem_styles_fkdt6v_t1l5e9z0__96469ed2{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
|
|
286
|
+
.HorizontalTabItem_styles_fkdt6v_r1nh4m12__96469ed2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_fkdt6v_r1nh4m12__96469ed2:hover{color:inherit;}
|
|
287
|
+
.HorizontalTabItem_styles_fkdt6v_l13nweg3__96469ed2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_fkdt6v_l13nweg3__96469ed2:hover{color:inherit;}
|
|
288
|
+
.HorizontalTabItem_styles_fkdt6v_a1iip2sx__96469ed2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
289
|
+
.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2:first-child{margin-left:0;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2.HorizontalTabItem_styles_fkdt6v_focusVisible__96469ed2:focus::before,.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2.HorizontalTabItem_styles_fkdt6v_tabsTruncate__96469ed2 .HorizontalTabItem_styles_fkdt6v_skuum0w__96469ed2{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2.HorizontalTabItem_styles_fkdt6v_tabsTruncate__96469ed2 .HorizontalTabItem_styles_fkdt6v_t1l5e9z0__96469ed2{overflow:hidden;text-overflow:ellipsis;}
|
|
290
290
|
|
|
291
291
|
.base_ktj8kt_b16uu05p__3ded821c{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_ktj8kt_b16uu05p__3ded821c:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_ktj8kt_b16uu05p__3ded821c:active{color:var(--plasma-tab-item-color-active);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_tabItemAnimated__3ded821c{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c:hover::after{background-color:var(--plasma-tab-item-selected-hover-divider-color);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c::after{content:'';position:absolute;bottom:0;left:0;right:0;background-color:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
|
|
292
292
|
|
|
@@ -294,27 +294,27 @@
|
|
|
294
294
|
|
|
295
295
|
.base_16mymb5_b1s46niw__79a84978[disabled]{cursor:not-allowed;}.base_16mymb5_b1s46niw__79a84978[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_16mymb5_b1s46niw__79a84978[disabled].base_16mymb5_selectedTabsItem__79a84978:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
|
|
296
296
|
|
|
297
|
-
.
|
|
298
|
-
.
|
|
299
|
-
.
|
|
297
|
+
.HorizontalIconTabItem_styles_72iooa_scdozmr__cb32353f{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
298
|
+
.HorizontalIconTabItem_styles_72iooa_aov4yz3__cb32353f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
299
|
+
.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f:first-child{margin-left:0;}.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f.HorizontalIconTabItem_styles_72iooa_focusVisible__cb32353f:focus::before,.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
|
|
300
300
|
|
|
301
|
-
.
|
|
302
|
-
.
|
|
303
|
-
.
|
|
304
|
-
.
|
|
301
|
+
.VerticalTabs_styles_1741mpr_b2r261u__ab348eee{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
302
|
+
.VerticalTabs_styles_1741mpr_s1tfgc53__ab348eee{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
|
|
303
|
+
.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee{box-sizing:border-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee::-webkit-scrollbar{display:none;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee .VerticalTabs_styles_1741mpr_s1tfgc53__ab348eee{margin-top:auto;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipShowAll__ab348eee{overflow:visible;}
|
|
304
|
+
.VerticalTabs_styles_1741mpr_s81cx4__ab348eee{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;color:var(--plasma-tabs-arrow-color);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee.VerticalTabs_styles_1741mpr_focusVisible__ab348eee:focus::before,.VerticalTabs_styles_1741mpr_s81cx4__ab348eee[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee[disabled]{cursor:not-allowed;}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
305
305
|
|
|
306
306
|
.base_1sekozo_b1t51iwr__491bf88c{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
|
|
307
307
|
|
|
308
|
-
.
|
|
308
|
+
.base_rze03c_bljnkat__94b6c151{background-color:var(--plasma-tabs-background-color);}.base_rze03c_bljnkat__94b6c151::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsHasTopArrow__94b6c151::after{top:1.5rem;}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsHasBottomArrow__94b6c151::after{bottom:1.5rem;}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsNoDivider__94b6c151::after{width:0;}
|
|
309
309
|
|
|
310
310
|
.base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}
|
|
311
311
|
|
|
312
|
-
.
|
|
313
|
-
.
|
|
314
|
-
.
|
|
315
|
-
.
|
|
316
|
-
.
|
|
317
|
-
.
|
|
312
|
+
.VerticalTabItem_styles_1epgjdn_s1vnvg8i__54f278b7{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
|
|
313
|
+
.VerticalTabItem_styles_1epgjdn_t4s0t81__54f278b7{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
|
|
314
|
+
.VerticalTabItem_styles_1epgjdn_rur46hh__54f278b7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1epgjdn_rur46hh__54f278b7:hover{color:inherit;}
|
|
315
|
+
.VerticalTabItem_styles_1epgjdn_l1ms3p4x__54f278b7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1epgjdn_l1ms3p4x__54f278b7:hover{color:inherit;}
|
|
316
|
+
.VerticalTabItem_styles_1epgjdn_a1yz2xa4__54f278b7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
317
|
+
.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7.VerticalTabItem_styles_1epgjdn_focusVisible__54f278b7:focus::before,.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7.VerticalTabItem_styles_1epgjdn_tabsTruncate__54f278b7 .VerticalTabItem_styles_1epgjdn_s1vnvg8i__54f278b7{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7.VerticalTabItem_styles_1epgjdn_tabsTruncate__54f278b7 .VerticalTabItem_styles_1epgjdn_t4s0t81__54f278b7{overflow:hidden;text-overflow:ellipsis;}
|
|
318
318
|
|
|
319
319
|
.base_7aeg6y_byyhn69__0c4ed4e7{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_7aeg6y_byyhn69__0c4ed4e7:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:hover .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:active{color:var(--plasma-tab-item-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7:active .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_tabItemAnimated__0c4ed4e7{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}
|
|
320
320
|
|
|
@@ -328,9 +328,9 @@
|
|
|
328
328
|
|
|
329
329
|
.base_am98dh_bo5ybpw__9910bfd7[disabled]{cursor:not-allowed;}.base_am98dh_bo5ybpw__9910bfd7[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_am98dh_bo5ybpw__9910bfd7[disabled].base_am98dh_selectedTabsItem__9910bfd7:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
|
|
330
330
|
|
|
331
|
-
.
|
|
332
|
-
.
|
|
333
|
-
.
|
|
331
|
+
.VerticalIconTabItem_styles_hm453l_s1im4rc4__4e825401{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
332
|
+
.VerticalIconTabItem_styles_hm453l_a1djmtev__4e825401{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
333
|
+
.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401.VerticalIconTabItem_styles_hm453l_focusVisible__4e825401:focus::before,.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
|
|
334
334
|
|
|
335
335
|
.CalendarHeader_styles_13bk6ms_sjaqipy__821c1ed8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
|
|
336
336
|
.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8:hover,.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8.CalendarHeader_styles_13bk6ms_focusVisible__821c1ed8:focus::before,.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
|
@@ -1043,14 +1043,14 @@
|
|
|
1043
1043
|
|
|
1044
1044
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
1045
1045
|
|
|
1046
|
-
.
|
|
1047
|
-
.
|
|
1048
|
-
.
|
|
1049
|
-
.
|
|
1050
|
-
.
|
|
1051
|
-
.
|
|
1052
|
-
.
|
|
1053
|
-
.
|
|
1046
|
+
.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13.LinkButton_styles_1q1p1l2_focusVisible__65d95b13:focus::before,.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
1047
|
+
.LinkButton_styles_1q1p1l2_s1tk0pdn__65d95b13{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
1048
|
+
.LinkButton_styles_1q1p1l2_lwmk0e5__65d95b13{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
1049
|
+
.LinkButton_styles_1q1p1l2_l7ptchj__65d95b13{position:absolute;}
|
|
1050
|
+
.LinkButton_styles_1q1p1l2_s12rghuz__65d95b13{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
1051
|
+
.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13:hover{color:var(--plasma-link-button-text-color-hover);}
|
|
1052
|
+
.LinkButton_styles_1q1p1l2_s176p3a0__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
1053
|
+
.LinkButton_styles_1q1p1l2_slixkvc__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
1054
1054
|
|
|
1055
1055
|
|
|
1056
1056
|
.ToastNew_styles_4c92hd_tvfkfgf__2b80d961{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--plasma-toast-background);color:var(--tvfkfgf-0);padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);width:var(--tvfkfgf-1);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-line-height);}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.339.0-
|
|
3
|
+
"version": "0.339.0-dev.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"@rollup/plugin-babel": "^6.0.4",
|
|
80
80
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
81
81
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
82
|
-
"@salutejs/plasma-sb-utils": "0.209.0-
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.209.0-dev.0",
|
|
83
83
|
"@salutejs/plasma-themes": "0.38.0",
|
|
84
84
|
"@storybook/addon-docs": "8.6.12",
|
|
85
85
|
"@storybook/addon-essentials": "8.6.12",
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
"@linaria/react": "5.0.3",
|
|
118
118
|
"@popperjs/core": "2.11.8",
|
|
119
119
|
"@salutejs/input-core": "2.1.2",
|
|
120
|
-
"@salutejs/plasma-core": "1.209.0-
|
|
120
|
+
"@salutejs/plasma-core": "1.209.0-dev.0",
|
|
121
121
|
"@salutejs/react-maskinput": "3.2.6",
|
|
122
122
|
"@tanstack/react-table": "8.21.2",
|
|
123
123
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "9d4f31a763daf02b7bfb6df2ad5479270c6acb0e"
|
|
141
141
|
}
|
|
@@ -93,14 +93,14 @@ var base = (0, _styledcomponents.css)([
|
|
|
93
93
|
}));
|
|
94
94
|
var StyledAdditionalContent = _styledcomponents.default.div.withConfig({
|
|
95
95
|
displayName: "LinkButton.styles__StyledAdditionalContent",
|
|
96
|
-
componentId: "sc-
|
|
96
|
+
componentId: "sc-2c073fa1-0"
|
|
97
97
|
})([
|
|
98
98
|
"display:flex;align-items:center;margin:var(",
|
|
99
99
|
");"
|
|
100
100
|
], _LinkButtontokens.tokens.linkButtonAdditionalContentMargin);
|
|
101
101
|
var LoadWrap = _styledcomponents.default.div.withConfig({
|
|
102
102
|
displayName: "LinkButton.styles__LoadWrap",
|
|
103
|
-
componentId: "sc-
|
|
103
|
+
componentId: "sc-2c073fa1-1"
|
|
104
104
|
})([
|
|
105
105
|
"opacity:",
|
|
106
106
|
";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
|
|
@@ -110,13 +110,13 @@ var LoadWrap = _styledcomponents.default.div.withConfig({
|
|
|
110
110
|
});
|
|
111
111
|
var Loader = _styledcomponents.default.div.withConfig({
|
|
112
112
|
displayName: "LinkButton.styles__Loader",
|
|
113
|
-
componentId: "sc-
|
|
113
|
+
componentId: "sc-2c073fa1-2"
|
|
114
114
|
})([
|
|
115
115
|
"position:absolute;"
|
|
116
116
|
]);
|
|
117
117
|
var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
|
|
118
118
|
displayName: "LinkButton.styles__StyledSpinner",
|
|
119
|
-
componentId: "sc-
|
|
119
|
+
componentId: "sc-2c073fa1-3"
|
|
120
120
|
})([
|
|
121
121
|
"",
|
|
122
122
|
":var(",
|
|
@@ -126,16 +126,17 @@ var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
|
|
|
126
126
|
], _Spinner.spinnerTokens.size, _LinkButtontokens.tokens.linkButtonSpinnerSize, _Spinner.spinnerTokens.color, _LinkButtontokens.tokens.linkButtonSpinnerColor);
|
|
127
127
|
var LinkButtonText = _styledcomponents.default.span.withConfig({
|
|
128
128
|
displayName: "LinkButton.styles__LinkButtonText",
|
|
129
|
-
componentId: "sc-
|
|
129
|
+
componentId: "sc-2c073fa1-4"
|
|
130
130
|
})([
|
|
131
131
|
"padding:var(",
|
|
132
132
|
");color:var(",
|
|
133
133
|
");",
|
|
134
|
-
""
|
|
135
|
-
|
|
134
|
+
" &:hover{color:var(",
|
|
135
|
+
");}"
|
|
136
|
+
], _LinkButtontokens.tokens.linkButtonTextPadding, _LinkButtontokens.tokens.linkButtonTextColor, (0, _mixins.applyEllipsis)(), _LinkButtontokens.tokens.linkButtonTextColorHover);
|
|
136
137
|
var StyledContentLeft = _styledcomponents.default.div.withConfig({
|
|
137
138
|
displayName: "LinkButton.styles__StyledContentLeft",
|
|
138
|
-
componentId: "sc-
|
|
139
|
+
componentId: "sc-2c073fa1-5"
|
|
139
140
|
})([
|
|
140
141
|
"line-height:0;color:var(",
|
|
141
142
|
");margin:var(",
|
|
@@ -143,7 +144,7 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
|
|
|
143
144
|
], _LinkButtontokens.tokens.linkButtonIconColor, _LinkButtontokens.tokens.linkButtonLeftContentMargin);
|
|
144
145
|
var StyledContentRight = _styledcomponents.default.div.withConfig({
|
|
145
146
|
displayName: "LinkButton.styles__StyledContentRight",
|
|
146
|
-
componentId: "sc-
|
|
147
|
+
componentId: "sc-2c073fa1-6"
|
|
147
148
|
})([
|
|
148
149
|
"line-height:0;color:var(",
|
|
149
150
|
");margin:var(",
|
|
@@ -15,6 +15,7 @@ var tokens = {
|
|
|
15
15
|
linkButtonBackgroundColor: '--plasma-link-button-background-color',
|
|
16
16
|
linkButtonColorHover: '--plasma-link-button-color-hover',
|
|
17
17
|
linkButtonColorActive: '--plasma-link-button-color-active',
|
|
18
|
+
linkButtonTextColorHover: '--plasma-link-button-text-color-hover',
|
|
18
19
|
linkButtonPadding: '--plasma-link-button-padding',
|
|
19
20
|
linkButtonHeight: '--plasma-link-button-height',
|
|
20
21
|
linkButtonWidth: '--plasma-link-button-width',
|
|
@@ -65,13 +65,13 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
65
65
|
}
|
|
66
66
|
var StyledContent = _styledcomponents.default.div.withConfig({
|
|
67
67
|
displayName: "HorizontalIconTabItem.styles__StyledContent",
|
|
68
|
-
componentId: "sc-
|
|
68
|
+
componentId: "sc-31eb40a5-0"
|
|
69
69
|
})([
|
|
70
70
|
"display:inline-block;width:fit-content;"
|
|
71
71
|
]);
|
|
72
72
|
var ActionContent = _styledcomponents.default.div.withConfig({
|
|
73
73
|
displayName: "HorizontalIconTabItem.styles__ActionContent",
|
|
74
|
-
componentId: "sc-
|
|
74
|
+
componentId: "sc-31eb40a5-1"
|
|
75
75
|
})([
|
|
76
76
|
"display:flex;margin-left:var(",
|
|
77
77
|
");"
|
|
@@ -84,8 +84,8 @@ var base = (0, _styledcomponents.css)([
|
|
|
84
84
|
";"
|
|
85
85
|
], _tokens.tokens.itemContentGap, _tokens.tokens.itemCursorOverNotSelected, _tokens.tokens.itemCursor, (0, _mixins.addFocus)({
|
|
86
86
|
outlineSize: '0.063rem',
|
|
87
|
-
outlineOffset: '
|
|
87
|
+
outlineOffset: '0.063rem',
|
|
88
88
|
outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
|
|
89
|
-
outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
|
|
89
|
+
outlineRadius: 'var(--border-radius-m , calc(var(--plasma_private-outline-radius) + 0.063rem))',
|
|
90
90
|
customFocusRules: "\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n }\n }\n ")
|
|
91
91
|
}));
|
|
@@ -74,7 +74,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
74
74
|
}
|
|
75
75
|
var StyledContent = _styledcomponents.default.div.withConfig({
|
|
76
76
|
displayName: "HorizontalTabItem.styles__StyledContent",
|
|
77
|
-
componentId: "sc-
|
|
77
|
+
componentId: "sc-e31694f-0"
|
|
78
78
|
})([
|
|
79
79
|
"display:inline-block;width:fit-content;padding:0 var(",
|
|
80
80
|
",var(",
|
|
@@ -82,7 +82,7 @@ var StyledContent = _styledcomponents.default.div.withConfig({
|
|
|
82
82
|
], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
|
|
83
83
|
var TabItemValue = _styledcomponents.default.span.withConfig({
|
|
84
84
|
displayName: "HorizontalTabItem.styles__TabItemValue",
|
|
85
|
-
componentId: "sc-
|
|
85
|
+
componentId: "sc-e31694f-1"
|
|
86
86
|
})([
|
|
87
87
|
"color:var(",
|
|
88
88
|
");font-family:var(",
|
|
@@ -101,19 +101,19 @@ var TabItemValue = _styledcomponents.default.span.withConfig({
|
|
|
101
101
|
], _tokens.tokens.itemValueColor, _tokens.tokens.valueFontFamily, _tokens.tokens.fontFamily, _tokens.tokens.valueFontSize, _tokens.tokens.fontSize, _tokens.tokens.valueFontStyle, _tokens.tokens.fontStyle, _tokens.tokens.valueFontWeight, _tokens.tokens.fontWeight, _tokens.tokens.valueLetterSpacing, _tokens.tokens.letterSpacing, _tokens.tokens.valueLineHeight, _tokens.tokens.lineHeight);
|
|
102
102
|
var RightContent = _styledcomponents.default.div.withConfig({
|
|
103
103
|
displayName: "HorizontalTabItem.styles__RightContent",
|
|
104
|
-
componentId: "sc-
|
|
104
|
+
componentId: "sc-e31694f-2"
|
|
105
105
|
})([
|
|
106
106
|
"display:flex;color:inherit;&:hover{color:inherit;}"
|
|
107
107
|
]);
|
|
108
108
|
var LeftContent = _styledcomponents.default.div.withConfig({
|
|
109
109
|
displayName: "HorizontalTabItem.styles__LeftContent",
|
|
110
|
-
componentId: "sc-
|
|
110
|
+
componentId: "sc-e31694f-3"
|
|
111
111
|
})([
|
|
112
112
|
"display:flex;color:inherit;&:hover{color:inherit;}"
|
|
113
113
|
]);
|
|
114
114
|
var ActionContent = _styledcomponents.default.div.withConfig({
|
|
115
115
|
displayName: "HorizontalTabItem.styles__ActionContent",
|
|
116
|
-
componentId: "sc-
|
|
116
|
+
componentId: "sc-e31694f-4"
|
|
117
117
|
})([
|
|
118
118
|
"display:flex;margin-left:var(",
|
|
119
119
|
");"
|
|
@@ -131,8 +131,8 @@ var base = (0, _styledcomponents.css)([
|
|
|
131
131
|
"{overflow:hidden;text-overflow:ellipsis;}}"
|
|
132
132
|
], _tokens.tokens.itemContentGap, _tokens.tokens.itemPaddingClear, _tokens.tokens.itemPadding, _tokens.tokens.itemCursorOverNotSelected, _tokens.tokens.itemCursor, (0, _mixins.addFocus)({
|
|
133
133
|
outlineSize: '0.063rem',
|
|
134
|
-
outlineOffset: '
|
|
134
|
+
outlineOffset: '0.063rem',
|
|
135
135
|
outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
|
|
136
|
-
outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
|
|
136
|
+
outlineRadius: 'var(--border-radius-m , calc(var(--plasma_private-outline-radius) + 0.063rem))',
|
|
137
137
|
customFocusRules: "\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n }\n }\n ")
|
|
138
138
|
}), _tokens.classes.tabsTruncate, StyledContent, TabItemValue);
|
package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js
CHANGED
|
@@ -71,21 +71,21 @@ var base = (0, _styledcomponents.css)([
|
|
|
71
71
|
]);
|
|
72
72
|
var StyledContent = _styledcomponents.default.div.withConfig({
|
|
73
73
|
displayName: "HorizontalTabs.styles__StyledContent",
|
|
74
|
-
componentId: "sc-
|
|
74
|
+
componentId: "sc-e818e527-0"
|
|
75
75
|
})([
|
|
76
76
|
"display:inline-flex;flex-direction:row;align-items:center;"
|
|
77
77
|
]);
|
|
78
78
|
var StyledContentWrapper = _styledcomponents.default.div.withConfig({
|
|
79
79
|
displayName: "HorizontalTabs.styles__StyledContentWrapper",
|
|
80
|
-
componentId: "sc-
|
|
80
|
+
componentId: "sc-e818e527-1"
|
|
81
81
|
})([
|
|
82
|
-
"
|
|
82
|
+
"box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.",
|
|
83
83
|
"{overflow:scroll;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.",
|
|
84
84
|
"{overflow:visible;}"
|
|
85
85
|
], _tokens.classes.tabsClipScroll, _tokens.classes.tabsClipShowAll);
|
|
86
86
|
var StyledArrow = _styledcomponents.default.button.withConfig({
|
|
87
87
|
displayName: "HorizontalTabs.styles__StyledArrow",
|
|
88
|
-
componentId: "sc-
|
|
88
|
+
componentId: "sc-e818e527-2"
|
|
89
89
|
})([
|
|
90
90
|
"display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;",
|
|
91
91
|
";&[disabled]{cursor:not-allowed;}--plasma_private-outer-padding:",
|