@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.
Files changed (148) hide show
  1. package/cjs/components/LinkButton/LinkButton.css +8 -8
  2. package/cjs/components/LinkButton/LinkButton.styles.js +1 -1
  3. package/cjs/components/LinkButton/LinkButton.styles.js.map +1 -1
  4. package/cjs/components/LinkButton/{LinkButton.styles_1qokm54.css → LinkButton.styles_1q1p1l2.css} +1 -1
  5. package/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
  6. package/cjs/components/LinkButton/LinkButton.tokens.js.map +1 -1
  7. package/cjs/components/Table/Table.css +8 -8
  8. package/cjs/components/Table/ui/Cell/Cell.css +8 -8
  9. package/cjs/components/Table/ui/EditableCell/EditableCell.css +8 -8
  10. package/cjs/components/Table/ui/HeadCell/HeadCell.css +8 -8
  11. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
  12. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
  13. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
  14. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
  15. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_1yj92p8.css → HorizontalIconTabItem.styles_72iooa.css} +1 -1
  16. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
  17. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  18. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  19. package/{es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css → cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_fkdt6v.css} +1 -1
  20. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +5 -5
  21. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +1 -1
  22. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -1
  23. package/{es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_1un37ow.css → cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_vmnj1d.css} +1 -1
  24. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
  25. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -1
  26. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_1xhgbue.css +1 -0
  27. package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
  28. package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
  29. package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
  30. package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/{VerticalIconTabItem.styles_1vnlsyl.css → VerticalIconTabItem.styles_hm453l.css} +1 -1
  31. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
  32. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  33. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  34. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_11xtftz.css → VerticalTabItem.styles_1epgjdn.css} +1 -1
  35. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
  36. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
  37. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
  38. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1741mpr.css +4 -0
  39. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  40. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
  41. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
  42. package/cjs/index.css +36 -36
  43. package/emotion/cjs/components/LinkButton/LinkButton.styles.js +15 -15
  44. package/emotion/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
  45. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +7 -7
  46. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +13 -13
  47. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +7 -7
  48. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
  49. package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +7 -7
  50. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +13 -13
  51. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +8 -8
  52. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  53. package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  54. package/emotion/cjs/examples/components/LinkButton/LinkButton.config.js +13 -13
  55. package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
  56. package/emotion/es/components/LinkButton/LinkButton.styles.js +15 -15
  57. package/emotion/es/components/LinkButton/LinkButton.tokens.js +1 -0
  58. package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +7 -7
  59. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +13 -13
  60. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +7 -7
  61. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
  62. package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +7 -7
  63. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +13 -13
  64. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +8 -8
  65. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  66. package/emotion/es/examples/components/LinkButton/LinkButton.config.js +13 -13
  67. package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
  68. package/es/components/LinkButton/LinkButton.css +8 -8
  69. package/es/components/LinkButton/LinkButton.styles.js +1 -1
  70. package/es/components/LinkButton/LinkButton.styles.js.map +1 -1
  71. package/es/components/LinkButton/{LinkButton.styles_1qokm54.css → LinkButton.styles_1q1p1l2.css} +1 -1
  72. package/es/components/LinkButton/LinkButton.tokens.js +1 -0
  73. package/es/components/LinkButton/LinkButton.tokens.js.map +1 -1
  74. package/es/components/Table/Table.css +8 -8
  75. package/es/components/Table/ui/Cell/Cell.css +8 -8
  76. package/es/components/Table/ui/EditableCell/EditableCell.css +8 -8
  77. package/es/components/Table/ui/HeadCell/HeadCell.css +8 -8
  78. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
  79. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
  80. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
  81. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
  82. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_1yj92p8.css → HorizontalIconTabItem.styles_72iooa.css} +1 -1
  83. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
  84. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  85. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  86. package/{cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css → es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_fkdt6v.css} +1 -1
  87. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +5 -5
  88. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +1 -1
  89. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -1
  90. package/{cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_1un37ow.css → es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_vmnj1d.css} +1 -1
  91. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
  92. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -1
  93. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_1xhgbue.css +1 -0
  94. package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
  95. package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
  96. package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
  97. package/es/components/Tabs/ui/vertical/VerticalIconTabItem/{VerticalIconTabItem.styles_1vnlsyl.css → VerticalIconTabItem.styles_hm453l.css} +1 -1
  98. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
  99. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  100. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  101. package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_11xtftz.css → VerticalTabItem.styles_1epgjdn.css} +1 -1
  102. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
  103. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
  104. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
  105. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1741mpr.css +4 -0
  106. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  107. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
  108. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
  109. package/es/index.css +36 -36
  110. package/package.json +4 -4
  111. package/styled-components/cjs/components/LinkButton/LinkButton.styles.js +10 -9
  112. package/styled-components/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
  113. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +4 -4
  114. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +7 -7
  115. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +4 -4
  116. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
  117. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +4 -4
  118. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +7 -7
  119. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +5 -5
  120. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  121. package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
  122. package/styled-components/cjs/examples/components/LinkButton/LinkButton.config.js +18 -12
  123. package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +21 -25
  124. package/styled-components/es/components/LinkButton/LinkButton.styles.js +10 -9
  125. package/styled-components/es/components/LinkButton/LinkButton.tokens.js +1 -0
  126. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +4 -4
  127. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +7 -7
  128. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +4 -4
  129. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
  130. package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +4 -4
  131. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +7 -7
  132. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +5 -5
  133. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  134. package/styled-components/es/examples/components/LinkButton/LinkButton.config.js +18 -12
  135. package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +21 -25
  136. package/types/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
  137. package/types/components/LinkButton/LinkButton.tokens.d.ts +1 -0
  138. package/types/components/LinkButton/LinkButton.tokens.d.ts.map +1 -1
  139. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +1 -1
  140. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -1
  141. package/types/examples/components/LinkButton/LinkButton.config.d.ts.map +1 -1
  142. package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
  143. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_4ob3q5.css +0 -1
  144. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_16pdfpo.css +0 -4
  145. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +0 -1
  146. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_4ob3q5.css +0 -1
  147. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_16pdfpo.css +0 -4
  148. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +0 -1
@@ -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-52a7e18d-0"
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-52a7e18d-1"
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-52a7e18d-2"
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-52a7e18d-3"
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-52a7e18d-4"
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: '-0.125rem',
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);
@@ -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-47b291a4-0"
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-47b291a4-1"
16
+ componentId: "sc-785d61e-1"
17
17
  })([
18
- "padding:0.125rem 0.25rem;box-sizing:border-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.",
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-47b291a4-2"
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: '-0.125rem',
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);
@@ -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.25rem;background:var(",
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
- ], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor),
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
- ], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor),
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
- ], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor),
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
- ], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor),
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
- ], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor),
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
- ], linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor)
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([
@@ -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: 'default',
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.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
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.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
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.5rem;",
111
+ ":0 0.125rem;",
116
112
  ":0 0.375rem;",
117
- ":1.75rem;",
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.625rem;",
129
+ ":0 0.125rem;",
134
130
  ":0 0.5rem;",
135
- ":1.75rem;",
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.625rem;",
147
+ ":0 0.125rem;",
152
148
  ":0 0.5rem;",
153
- ":1.75rem;",
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.875rem;",
165
+ ":0 0.125rem;",
170
166
  ":0 0.75rem;",
171
- ":1.75rem;",
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
- ":0rem;",
188
- ":1.75rem;",
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
- ":0rem;",
204
- ":2rem;",
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
- ":0rem;",
220
- ":2.25rem;",
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
- ":0rem;",
236
- ":2.5rem;",
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
- ":0rem;",
252
- ":3.5rem;",
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,uKAK1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAK7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAK9B,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"}
@@ -5,6 +5,7 @@ export declare const tokens: {
5
5
  linkButtonBackgroundColor: string;
6
6
  linkButtonColorHover: string;
7
7
  linkButtonColorActive: string;
8
+ linkButtonTextColorHover: string;
8
9
  linkButtonPadding: string;
9
10
  linkButtonHeight: string;
10
11
  linkButtonWidth: string;
@@ -1 +1 @@
1
- {"version":3,"file":"LinkButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA8BlB,CAAC"}
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,qKA0BhC,CAAC;AAEF,eAAO,MAAM,WAAW;kBAAiC,OAAO;eAAa,OAAO;EAmCnF,CAAC"}
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,qKA6BhC,CAAC;AAEF,eAAO,MAAM,WAAW,iLA6BvB,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;CAuLlB,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuSlB,CAAC"}
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;}