@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
package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js
CHANGED
|
@@ -4,7 +4,7 @@ import { addFocus } from "../../../../../mixins";
|
|
|
4
4
|
import { classes, tokens } from "../../../tokens";
|
|
5
5
|
export var StyledContent = styled.div.withConfig({
|
|
6
6
|
displayName: "VerticalTabItem.styles__StyledContent",
|
|
7
|
-
componentId: "sc-
|
|
7
|
+
componentId: "sc-6dc77991-0"
|
|
8
8
|
})([
|
|
9
9
|
"display:inline-block;width:fit-content;padding:0 var(",
|
|
10
10
|
",var(",
|
|
@@ -12,7 +12,7 @@ export var StyledContent = styled.div.withConfig({
|
|
|
12
12
|
], tokens.itemContentPaddingClear, tokens.itemContentPadding);
|
|
13
13
|
export var TabItemValue = styled.span.withConfig({
|
|
14
14
|
displayName: "VerticalTabItem.styles__TabItemValue",
|
|
15
|
-
componentId: "sc-
|
|
15
|
+
componentId: "sc-6dc77991-1"
|
|
16
16
|
})([
|
|
17
17
|
"white-space:nowrap;color:var(",
|
|
18
18
|
");font-family:var(",
|
|
@@ -31,19 +31,19 @@ export var TabItemValue = styled.span.withConfig({
|
|
|
31
31
|
], tokens.itemValueColor, tokens.valueFontFamily, tokens.fontFamily, tokens.valueFontSize, tokens.fontSize, tokens.valueFontStyle, tokens.fontStyle, tokens.valueFontWeight, tokens.fontWeight, tokens.valueLetterSpacing, tokens.letterSpacing, tokens.valueLineHeight, tokens.lineHeight);
|
|
32
32
|
export var RightContent = styled.div.withConfig({
|
|
33
33
|
displayName: "VerticalTabItem.styles__RightContent",
|
|
34
|
-
componentId: "sc-
|
|
34
|
+
componentId: "sc-6dc77991-2"
|
|
35
35
|
})([
|
|
36
36
|
"display:flex;color:inherit;&:hover{color:inherit;}"
|
|
37
37
|
]);
|
|
38
38
|
export var LeftContent = styled.div.withConfig({
|
|
39
39
|
displayName: "VerticalTabItem.styles__LeftContent",
|
|
40
|
-
componentId: "sc-
|
|
40
|
+
componentId: "sc-6dc77991-3"
|
|
41
41
|
})([
|
|
42
42
|
"display:flex;color:inherit;&:hover{color:inherit;}"
|
|
43
43
|
]);
|
|
44
44
|
export var ActionContent = styled.div.withConfig({
|
|
45
45
|
displayName: "VerticalTabItem.styles__ActionContent",
|
|
46
|
-
componentId: "sc-
|
|
46
|
+
componentId: "sc-6dc77991-4"
|
|
47
47
|
})([
|
|
48
48
|
"display:flex;margin-left:var(",
|
|
49
49
|
");"
|
|
@@ -60,8 +60,8 @@ export var base = css([
|
|
|
60
60
|
"{overflow:hidden;text-overflow:ellipsis;}}"
|
|
61
61
|
], tokens.itemContentGap, tokens.itemPaddingOrientationVertical, tokens.itemCursorOverNotSelected, tokens.itemCursor, addFocus({
|
|
62
62
|
outlineSize: '0.063rem',
|
|
63
|
-
outlineOffset: '
|
|
63
|
+
outlineOffset: '0.063rem',
|
|
64
64
|
outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
|
|
65
|
-
outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
|
|
65
|
+
outlineRadius: 'var(--border-radius-m , calc(var(--plasma_private-outline-radius) + 0.063rem))',
|
|
66
66
|
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.outlineFocusColor, ");\n }\n }\n ")
|
|
67
67
|
}), classes.tabsTruncate, StyledContent, TabItemValue);
|
package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js
CHANGED
|
@@ -7,22 +7,22 @@ export var base = css([
|
|
|
7
7
|
]);
|
|
8
8
|
export var StyledContent = styled.div.withConfig({
|
|
9
9
|
displayName: "VerticalTabs.styles__StyledContent",
|
|
10
|
-
componentId: "sc-
|
|
10
|
+
componentId: "sc-785d61e-0"
|
|
11
11
|
})([
|
|
12
12
|
"display:inline-flex;flex-direction:column;align-items:flex-start;"
|
|
13
13
|
]);
|
|
14
14
|
export var StyledContentWrapper = styled.div.withConfig({
|
|
15
15
|
displayName: "VerticalTabs.styles__StyledContentWrapper",
|
|
16
|
-
componentId: "sc-
|
|
16
|
+
componentId: "sc-785d61e-1"
|
|
17
17
|
})([
|
|
18
|
-
"
|
|
18
|
+
"box-sizing:border-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.",
|
|
19
19
|
"{overflow:scroll;scrollbar-width:none;::-webkit-scrollbar{display:none;}",
|
|
20
20
|
"{margin-top:auto;}}&.",
|
|
21
21
|
"{overflow:visible;}"
|
|
22
22
|
], classes.tabsClipScroll, StyledContent, classes.tabsClipShowAll);
|
|
23
23
|
export var StyledArrow = styled.button.withConfig({
|
|
24
24
|
displayName: "VerticalTabs.styles__StyledArrow",
|
|
25
|
-
componentId: "sc-
|
|
25
|
+
componentId: "sc-785d61e-2"
|
|
26
26
|
})([
|
|
27
27
|
"display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;transform:rotate(90deg);",
|
|
28
28
|
";&[disabled]{cursor:not-allowed;}color:var(",
|
|
@@ -31,7 +31,7 @@ export var StyledArrow = styled.button.withConfig({
|
|
|
31
31
|
");}"
|
|
32
32
|
], addFocus({
|
|
33
33
|
outlineSize: '0.063rem',
|
|
34
|
-
outlineOffset: '
|
|
34
|
+
outlineOffset: '0.063rem',
|
|
35
35
|
outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
|
|
36
36
|
outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)'
|
|
37
37
|
}), tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive);
|
package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js
CHANGED
|
@@ -2,7 +2,7 @@ import { css } from "styled-components";
|
|
|
2
2
|
import { classes, tokens } from "../../../../../tokens";
|
|
3
3
|
export var base = css([
|
|
4
4
|
"background-color:var(",
|
|
5
|
-
");&::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0
|
|
5
|
+
");&::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(",
|
|
6
6
|
");width:var(",
|
|
7
7
|
");border-radius:var(",
|
|
8
8
|
");}&.",
|
|
@@ -15,8 +15,9 @@ export var config = {
|
|
|
15
15
|
":var(--surface-transparent-clear);",
|
|
16
16
|
":var(--text-primary-hover);",
|
|
17
17
|
":var(--text-primary-active);",
|
|
18
|
-
":var(--surface-accent);"
|
|
19
|
-
|
|
18
|
+
":var(--surface-accent);",
|
|
19
|
+
":var(--text-primary-hover);"
|
|
20
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
20
21
|
accent: css([
|
|
21
22
|
"",
|
|
22
23
|
":var(--text-accent);",
|
|
@@ -25,8 +26,9 @@ export var config = {
|
|
|
25
26
|
":var(---surface-transparent-clear);",
|
|
26
27
|
":var(--text-accent-hover);",
|
|
27
28
|
":var(--text-accent-active);",
|
|
28
|
-
":var(--surface-accent);"
|
|
29
|
-
|
|
29
|
+
":var(--surface-accent);",
|
|
30
|
+
":var(--text-accent-hover);"
|
|
31
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
30
32
|
secondary: css([
|
|
31
33
|
"",
|
|
32
34
|
":var(--text-secondary);",
|
|
@@ -35,8 +37,9 @@ export var config = {
|
|
|
35
37
|
":var(--surface-transparent-clear);",
|
|
36
38
|
":var(--text-secondary-hover);",
|
|
37
39
|
":var(--text-secondary-active);",
|
|
38
|
-
":var(--surface-accent);"
|
|
39
|
-
|
|
40
|
+
":var(--surface-accent);",
|
|
41
|
+
":var(--text-secondary-hover);"
|
|
42
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
40
43
|
positive: css([
|
|
41
44
|
"",
|
|
42
45
|
":var(--text-positive);",
|
|
@@ -45,8 +48,9 @@ export var config = {
|
|
|
45
48
|
":var(--surface-transparent-clear);",
|
|
46
49
|
":var(--text-positive-hover);",
|
|
47
50
|
":var(--text-positive-active);",
|
|
48
|
-
":var(--surface-accent);"
|
|
49
|
-
|
|
51
|
+
":var(--surface-accent);",
|
|
52
|
+
":var(--text-positive-hover);"
|
|
53
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
50
54
|
warning: css([
|
|
51
55
|
"",
|
|
52
56
|
":var(--text-warning);",
|
|
@@ -55,8 +59,9 @@ export var config = {
|
|
|
55
59
|
":var(--surface-transparent-clear);",
|
|
56
60
|
":var(--text-warning-hover);",
|
|
57
61
|
":var(--text-warning-active);",
|
|
58
|
-
":var(--surface-accent);"
|
|
59
|
-
|
|
62
|
+
":var(--surface-accent);",
|
|
63
|
+
":var(--text-warning-hover);"
|
|
64
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
60
65
|
negative: css([
|
|
61
66
|
"",
|
|
62
67
|
":var(--text-negative);",
|
|
@@ -65,8 +70,9 @@ export var config = {
|
|
|
65
70
|
":var(--surface-transparent-clear);",
|
|
66
71
|
":var(--text-negative-hover);",
|
|
67
72
|
":var(--text-negative-active);",
|
|
68
|
-
":var(--surface-accent);"
|
|
69
|
-
|
|
73
|
+
":var(--surface-accent);",
|
|
74
|
+
":var(--text-negative-hover);"
|
|
75
|
+
], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover)
|
|
70
76
|
},
|
|
71
77
|
size: {
|
|
72
78
|
xl: css([
|
package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js
CHANGED
|
@@ -2,7 +2,7 @@ import { css } from "styled-components";
|
|
|
2
2
|
import { tabsTokens } from "../../../../components/Tabs";
|
|
3
3
|
export var config = {
|
|
4
4
|
defaults: {
|
|
5
|
-
view: '
|
|
5
|
+
view: 'divider',
|
|
6
6
|
size: 'xs'
|
|
7
7
|
},
|
|
8
8
|
variations: {
|
|
@@ -24,14 +24,12 @@ export var config = {
|
|
|
24
24
|
":var(--text-secondary);",
|
|
25
25
|
":transparent;",
|
|
26
26
|
":background-color 0.3s ease-in-out;",
|
|
27
|
-
":0;",
|
|
28
|
-
":0;",
|
|
29
27
|
":var(--surface-accent);",
|
|
30
28
|
":0rem;",
|
|
31
29
|
":var(--text-primary);",
|
|
32
30
|
":var(--text-primary);",
|
|
33
31
|
":pointer;"
|
|
34
|
-
], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.
|
|
32
|
+
], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
|
|
35
33
|
secondary: css([
|
|
36
34
|
"",
|
|
37
35
|
":var(--text-primary);",
|
|
@@ -73,14 +71,12 @@ export var config = {
|
|
|
73
71
|
":var(--text-secondary);",
|
|
74
72
|
":transparent;",
|
|
75
73
|
":background-color 0.3s ease-in-out;",
|
|
76
|
-
":0;",
|
|
77
|
-
":0;",
|
|
78
74
|
":var(--surface-accent);",
|
|
79
75
|
":0.125rem;",
|
|
80
76
|
":var(--text-primary);",
|
|
81
77
|
":var(--text-primary);",
|
|
82
78
|
":pointer;"
|
|
83
|
-
], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.
|
|
79
|
+
], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
|
|
84
80
|
default: css([
|
|
85
81
|
"",
|
|
86
82
|
":var(--text-primary);",
|
|
@@ -112,9 +108,9 @@ export var config = {
|
|
|
112
108
|
":0.375rem;",
|
|
113
109
|
":auto;",
|
|
114
110
|
":2rem;",
|
|
115
|
-
":0 0.
|
|
111
|
+
":0 0.125rem;",
|
|
116
112
|
":0 0.375rem;",
|
|
117
|
-
":1.
|
|
113
|
+
":1.5rem;",
|
|
118
114
|
":0.25rem;",
|
|
119
115
|
":0.125rem;",
|
|
120
116
|
":var(--plasma-typo-body-xs-font-family);",
|
|
@@ -130,9 +126,9 @@ export var config = {
|
|
|
130
126
|
":0.5rem;",
|
|
131
127
|
":auto;",
|
|
132
128
|
":2.5rem;",
|
|
133
|
-
":0 0.
|
|
129
|
+
":0 0.125rem;",
|
|
134
130
|
":0 0.5rem;",
|
|
135
|
-
":1.
|
|
131
|
+
":1.5rem;",
|
|
136
132
|
":0.25rem;",
|
|
137
133
|
":0.125rem;",
|
|
138
134
|
":var(--plasma-typo-body-s-font-family);",
|
|
@@ -148,9 +144,9 @@ export var config = {
|
|
|
148
144
|
":0.625rem;",
|
|
149
145
|
":auto;",
|
|
150
146
|
":3rem;",
|
|
151
|
-
":0 0.
|
|
147
|
+
":0 0.125rem;",
|
|
152
148
|
":0 0.5rem;",
|
|
153
|
-
":1.
|
|
149
|
+
":1.5rem;",
|
|
154
150
|
":0.375rem;",
|
|
155
151
|
":0.125rem;",
|
|
156
152
|
":var(--plasma-typo-body-m-font-family);",
|
|
@@ -166,9 +162,9 @@ export var config = {
|
|
|
166
162
|
":0.75rem;",
|
|
167
163
|
":auto;",
|
|
168
164
|
":3.5rem;",
|
|
169
|
-
":0 0.
|
|
165
|
+
":0 0.125rem;",
|
|
170
166
|
":0 0.75rem;",
|
|
171
|
-
":1.
|
|
167
|
+
":1.5rem;",
|
|
172
168
|
":0.5rem;",
|
|
173
169
|
":0.125rem;",
|
|
174
170
|
":var(--plasma-typo-body-l-font-family);",
|
|
@@ -184,8 +180,8 @@ export var config = {
|
|
|
184
180
|
":0.375rem;",
|
|
185
181
|
":auto;",
|
|
186
182
|
":3rem;",
|
|
187
|
-
":
|
|
188
|
-
":1.
|
|
183
|
+
":0 0.125rem;",
|
|
184
|
+
":1.5rem;",
|
|
189
185
|
":0.625rem;",
|
|
190
186
|
":var(--plasma-typo-h5-font-family);",
|
|
191
187
|
":var(--plasma-typo-h5-font-size);",
|
|
@@ -200,8 +196,8 @@ export var config = {
|
|
|
200
196
|
":0.375rem;",
|
|
201
197
|
":auto;",
|
|
202
198
|
":3.25rem;",
|
|
203
|
-
":
|
|
204
|
-
":
|
|
199
|
+
":0 0.125rem;",
|
|
200
|
+
":1.75rem;",
|
|
205
201
|
":0.625rem;",
|
|
206
202
|
":var(--plasma-typo-h4-font-family);",
|
|
207
203
|
":var(--plasma-typo-h4-font-size);",
|
|
@@ -216,8 +212,8 @@ export var config = {
|
|
|
216
212
|
":0.5rem;",
|
|
217
213
|
":auto;",
|
|
218
214
|
":3.875rem;",
|
|
219
|
-
":
|
|
220
|
-
":
|
|
215
|
+
":0 0.125rem;",
|
|
216
|
+
":2rem;",
|
|
221
217
|
":0.75rem;",
|
|
222
218
|
":var(--plasma-typo-h3-font-family);",
|
|
223
219
|
":var(--plasma-typo-h3-font-size);",
|
|
@@ -232,8 +228,8 @@ export var config = {
|
|
|
232
228
|
":0.625rem;",
|
|
233
229
|
":auto;",
|
|
234
230
|
":4.5rem;",
|
|
235
|
-
":
|
|
236
|
-
":2.
|
|
231
|
+
":0 0.125rem;",
|
|
232
|
+
":2.25rem;",
|
|
237
233
|
":0.875rem;",
|
|
238
234
|
":var(--plasma-typo-h2-font-family);",
|
|
239
235
|
":var(--plasma-typo-h2-font-size);",
|
|
@@ -248,8 +244,8 @@ export var config = {
|
|
|
248
244
|
":0.75rem;",
|
|
249
245
|
":auto;",
|
|
250
246
|
":5.75rem;",
|
|
251
|
-
":
|
|
252
|
-
":3.
|
|
247
|
+
":0 0.125rem;",
|
|
248
|
+
":3.25rem;",
|
|
253
249
|
":1rem;",
|
|
254
250
|
":var(--plasma-typo-h1-font-family);",
|
|
255
251
|
":var(--plasma-typo-h1-font-size);",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAoBhB,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAInC,CAAC;AAEF,eAAO,MAAM,QAAQ;gBAA4B,OAAO;EAOvD,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"LinkButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAoBhB,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAInC,CAAC;AAEF,eAAO,MAAM,QAAQ;gBAA4B,OAAO;EAOvD,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,cAAc,uKAS1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAK7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAK9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"LinkButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalTabs.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAKhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"HorizontalTabs.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAKhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAsBhC,CAAC;AAEF,eAAO,MAAM,WAAW;kBAAiC,OAAO;eAAa,OAAO;EAmCnF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalTabs.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAMhB,CAAC;AAEF,eAAO,MAAM,aAAa;iBAA6B,OAAO;EAI7D,CAAC;AAEF,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"VerticalTabs.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAMhB,CAAC;AAEF,eAAO,MAAM,aAAa;iBAA6B,OAAO;EAI7D,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKA0BhC,CAAC;AAEF,eAAO,MAAM,WAAW,iLA6BvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/LinkButton/LinkButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"LinkButton.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/LinkButton/LinkButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CA6LlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"HorizontalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiSlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.bupjtit{background-color:var(--plasma-tabs-background-color);}.bupjtit::after{content:'';position:absolute;bottom:0.125rem;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);}.bupjtit.tabs-has-left-arrow::after{left:1.5rem;}.bupjtit.tabs-has-right-arrow::after{right:1.5rem;}.bupjtit.tabs-no-divider::after{height:0;}
|
|
@@ -1,4 +0,0 @@
|
|
|
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{padding:0.125rem 0.25rem;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.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;}.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 +0,0 @@
|
|
|
1
|
-
.bljnkat{background-color:var(--plasma-tabs-background-color);}.bljnkat::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0.25rem;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;}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.bupjtit{background-color:var(--plasma-tabs-background-color);}.bupjtit::after{content:'';position:absolute;bottom:0.125rem;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);}.bupjtit.tabs-has-left-arrow::after{left:1.5rem;}.bupjtit.tabs-has-right-arrow::after{right:1.5rem;}.bupjtit.tabs-no-divider::after{height:0;}
|
|
@@ -1,4 +0,0 @@
|
|
|
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{padding:0.125rem 0.25rem;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.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;}.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 +0,0 @@
|
|
|
1
|
-
.bljnkat{background-color:var(--plasma-tabs-background-color);}.bljnkat::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0.25rem;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;}
|