@salutejs/plasma-new-hope 0.339.0-canary.2297.18772323112.0 → 0.339.0-canary.2298.18772525373.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 (106) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.js +10 -0
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  3. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
  4. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
  5. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
  6. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_bv5xdd.css → HorizontalIconTabItem.styles_1yj92p8.css} +1 -1
  7. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
  8. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  9. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  10. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_hklgpq.css → HorizontalTabItem.styles_ohczvf.css} +1 -1
  11. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +4 -4
  12. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +1 -1
  13. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -1
  14. package/{es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_vmnj1d.css → cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_1un37ow.css} +1 -1
  15. package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
  16. package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
  17. package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
  18. package/{es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles_2xthe5.css → cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles_1vnlsyl.css} +1 -1
  19. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
  20. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  21. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  22. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_oqphem.css → VerticalTabItem.styles_11xtftz.css} +1 -1
  23. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
  24. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
  25. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
  26. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_16pdfpo.css +4 -0
  27. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  28. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
  29. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +1 -0
  30. package/cjs/index.css +27 -27
  31. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +11 -0
  32. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +6 -6
  33. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +12 -12
  34. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +7 -7
  35. package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +6 -6
  36. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +12 -12
  37. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +8 -8
  38. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  39. package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
  40. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +11 -0
  41. package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +6 -6
  42. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +12 -12
  43. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +7 -7
  44. package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +6 -6
  45. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +12 -12
  46. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +8 -8
  47. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  48. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  49. package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
  50. package/es/components/Combobox/ComboboxNew/Combobox.js +10 -0
  51. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  52. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
  53. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
  54. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
  55. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_bv5xdd.css → HorizontalIconTabItem.styles_1yj92p8.css} +1 -1
  56. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
  57. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  58. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  59. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_hklgpq.css → HorizontalTabItem.styles_ohczvf.css} +1 -1
  60. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +4 -4
  61. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +1 -1
  62. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -1
  63. package/{cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_vmnj1d.css → es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_1un37ow.css} +1 -1
  64. package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
  65. package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
  66. package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
  67. package/{cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles_2xthe5.css → es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles_1vnlsyl.css} +1 -1
  68. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
  69. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  70. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  71. package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_oqphem.css → VerticalTabItem.styles_11xtftz.css} +1 -1
  72. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
  73. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
  74. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
  75. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_16pdfpo.css +4 -0
  76. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  77. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
  78. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +1 -0
  79. package/es/index.css +27 -27
  80. package/package.json +4 -4
  81. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +11 -0
  82. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +3 -3
  83. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  84. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +4 -4
  85. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +3 -3
  86. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  87. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +5 -5
  88. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  89. package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -21
  90. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +11 -0
  91. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +3 -3
  92. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  93. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +4 -4
  94. package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +3 -3
  95. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  96. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +5 -5
  97. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  98. package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -21
  99. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  100. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +1 -1
  101. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -1
  102. package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
  103. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1741mpr.css +0 -4
  104. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
  105. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1741mpr.css +0 -4
  106. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
@@ -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: '0.063rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: '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;;;;"}
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.125rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: '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: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;}.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;}
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.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;}.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
- .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);}
3
+ .VerticalTabs_styles_16pdfpo_b2r261u__e4aa67f6{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_16pdfpo_s1tfgc53__e4aa67f6{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_16pdfpo_s16g9t9z__e4aa67f6{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;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6::-webkit-scrollbar{display:none;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6 .VerticalTabs_styles_16pdfpo_s1tfgc53__e4aa67f6{margin-top:auto;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipShowAll__e4aa67f6{overflow:visible;}
6
+ .VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6{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_16pdfpo_s81cx4__e4aa67f6::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;}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6.VerticalTabs_styles_16pdfpo_focusVisible__e4aa67f6:focus::before,.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6[disabled]{cursor:not-allowed;}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6: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
- .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;}
10
+ .base_efv11p_bljnkat__6e3b0324{background-color:var(--plasma-tabs-background-color);}.base_efv11p_bljnkat__6e3b0324::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);}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsHasTopArrow__6e3b0324::after{top:1.5rem;}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsHasBottomArrow__6e3b0324::after{bottom:1.5rem;}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsNoDivider__6e3b0324::after{width:0;}
11
11
 
12
12
  .base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}
@@ -1,4 +1,4 @@
1
- import './VerticalTabs.styles_1741mpr.css';
1
+ import './VerticalTabs.styles_16pdfpo.css';
2
2
  import { styled } from '@linaria/react';
3
3
 
4
4
  var base = "b2r261u";
@@ -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 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;;;;"}
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 /* allows correctly display outline focus on tabs item */\n padding: 0.125rem 0.25rem;\n\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.125rem',\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,CA6BzC,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{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,4 +1,4 @@
1
- import './base_rze03c.css';
1
+ import './base_efv11p.css';
2
2
  var base = "bljnkat";
3
3
 
4
4
  export { base };
@@ -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;\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;;;;"}
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.25rem;\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.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;}
package/es/index.css CHANGED
@@ -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
- .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);}
271
+ .HorizontalTabs_styles_1un37ow_b7gl603__e71db6b4{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_1un37ow_s191iwmt__e71db6b4{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_1un37ow_s158pfyo__e71db6b4{margin:-0.125rem;padding:0.25rem;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_1un37ow_s158pfyo__e71db6b4.HorizontalTabs_styles_1un37ow_tabsClipScroll__e71db6b4{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_1un37ow_s158pfyo__e71db6b4.HorizontalTabs_styles_1un37ow_tabsClipScroll__e71db6b4::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_1un37ow_s158pfyo__e71db6b4.HorizontalTabs_styles_1un37ow_tabsClipShowAll__e71db6b4{overflow:visible;}
274
+ .HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4{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_1un37ow_s1in38wj__e71db6b4::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_1un37ow_s1in38wj__e71db6b4.HorizontalTabs_styles_1un37ow_focusVisible__e71db6b4:focus::before,.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4: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
- .HorizontalTabItem_styles_hklgpq_skuum0w__d0d1e075{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_hklgpq_t1l5e9z0__d0d1e075{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_hklgpq_r1nh4m12__d0d1e075{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_hklgpq_r1nh4m12__d0d1e075:hover{color:inherit;}
287
- .HorizontalTabItem_styles_hklgpq_l13nweg3__d0d1e075{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_hklgpq_l13nweg3__d0d1e075:hover{color:inherit;}
288
- .HorizontalTabItem_styles_hklgpq_a1iip2sx__d0d1e075{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
289
- .HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075{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_hklgpq_bn8jkwb__d0d1e075:first-child{margin-left:0;}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075::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;}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075.HorizontalTabItem_styles_hklgpq_focusVisible__d0d1e075:focus::before,.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075[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_hklgpq_bn8jkwb__d0d1e075.HorizontalTabItem_styles_hklgpq_tabsTruncate__d0d1e075 .HorizontalTabItem_styles_hklgpq_skuum0w__d0d1e075{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075.HorizontalTabItem_styles_hklgpq_tabsTruncate__d0d1e075 .HorizontalTabItem_styles_hklgpq_t1l5e9z0__d0d1e075{overflow:hidden;text-overflow:ellipsis;}
284
+ .HorizontalTabItem_styles_ohczvf_skuum0w__c9e07416{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_ohczvf_t1l5e9z0__c9e07416{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_ohczvf_r1nh4m12__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ohczvf_r1nh4m12__c9e07416:hover{color:inherit;}
287
+ .HorizontalTabItem_styles_ohczvf_l13nweg3__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ohczvf_l13nweg3__c9e07416:hover{color:inherit;}
288
+ .HorizontalTabItem_styles_ohczvf_a1iip2sx__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
289
+ .HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416{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_ohczvf_bn8jkwb__c9e07416:first-child{margin-left:0;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416::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;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_focusVisible__c9e07416:focus::before,.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416[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_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_tabsTruncate__c9e07416 .HorizontalTabItem_styles_ohczvf_skuum0w__c9e07416{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_tabsTruncate__c9e07416 .HorizontalTabItem_styles_ohczvf_t1l5e9z0__c9e07416{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
- .HorizontalIconTabItem_styles_bv5xdd_scdozmr__591a2d7f{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
298
- .HorizontalIconTabItem_styles_bv5xdd_aov4yz3__591a2d7f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
299
- .HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f{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_bv5xdd_b18wsolm__591a2d7f:first-child{margin-left:0;}.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f::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;}.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f.HorizontalIconTabItem_styles_bv5xdd_focusVisible__591a2d7f:focus::before,.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
297
+ .HorizontalIconTabItem_styles_1yj92p8_scdozmr__fee8681e{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
298
+ .HorizontalIconTabItem_styles_1yj92p8_aov4yz3__fee8681e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
299
+ .HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e{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_1yj92p8_b18wsolm__fee8681e:first-child{margin-left:0;}.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e::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;}.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e.HorizontalIconTabItem_styles_1yj92p8_focusVisible__fee8681e:focus::before,.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e[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
- .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);}
301
+ .VerticalTabs_styles_16pdfpo_b2r261u__e4aa67f6{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_16pdfpo_s1tfgc53__e4aa67f6{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_16pdfpo_s16g9t9z__e4aa67f6{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;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6::-webkit-scrollbar{display:none;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6 .VerticalTabs_styles_16pdfpo_s1tfgc53__e4aa67f6{margin-top:auto;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipShowAll__e4aa67f6{overflow:visible;}
304
+ .VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6{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_16pdfpo_s81cx4__e4aa67f6::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;}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6.VerticalTabs_styles_16pdfpo_focusVisible__e4aa67f6:focus::before,.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6[disabled]{cursor:not-allowed;}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6: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
- .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;}
308
+ .base_efv11p_bljnkat__6e3b0324{background-color:var(--plasma-tabs-background-color);}.base_efv11p_bljnkat__6e3b0324::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);}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsHasTopArrow__6e3b0324::after{top:1.5rem;}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsHasBottomArrow__6e3b0324::after{bottom:1.5rem;}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsNoDivider__6e3b0324::after{width:0;}
309
309
 
310
310
  .base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}
311
311
 
312
- .VerticalTabItem_styles_oqphem_s1vnvg8i__bb0de95a{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_oqphem_t4s0t81__bb0de95a{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_oqphem_rur46hh__bb0de95a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_oqphem_rur46hh__bb0de95a:hover{color:inherit;}
315
- .VerticalTabItem_styles_oqphem_l1ms3p4x__bb0de95a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_oqphem_l1ms3p4x__bb0de95a:hover{color:inherit;}
316
- .VerticalTabItem_styles_oqphem_a1yz2xa4__bb0de95a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
317
- .VerticalTabItem_styles_oqphem_buauuob__bb0de95a{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_oqphem_buauuob__bb0de95a::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;}.VerticalTabItem_styles_oqphem_buauuob__bb0de95a.VerticalTabItem_styles_oqphem_focusVisible__bb0de95a:focus::before,.VerticalTabItem_styles_oqphem_buauuob__bb0de95a[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_oqphem_buauuob__bb0de95a.VerticalTabItem_styles_oqphem_tabsTruncate__bb0de95a .VerticalTabItem_styles_oqphem_s1vnvg8i__bb0de95a{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_oqphem_buauuob__bb0de95a.VerticalTabItem_styles_oqphem_tabsTruncate__bb0de95a .VerticalTabItem_styles_oqphem_t4s0t81__bb0de95a{overflow:hidden;text-overflow:ellipsis;}
312
+ .VerticalTabItem_styles_11xtftz_s1vnvg8i__37326585{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_11xtftz_t4s0t81__37326585{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_11xtftz_rur46hh__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_11xtftz_rur46hh__37326585:hover{color:inherit;}
315
+ .VerticalTabItem_styles_11xtftz_l1ms3p4x__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_11xtftz_l1ms3p4x__37326585:hover{color:inherit;}
316
+ .VerticalTabItem_styles_11xtftz_a1yz2xa4__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
317
+ .VerticalTabItem_styles_11xtftz_buauuob__37326585{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_11xtftz_buauuob__37326585::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;}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_focusVisible__37326585:focus::before,.VerticalTabItem_styles_11xtftz_buauuob__37326585[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_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_tabsTruncate__37326585 .VerticalTabItem_styles_11xtftz_s1vnvg8i__37326585{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_tabsTruncate__37326585 .VerticalTabItem_styles_11xtftz_t4s0t81__37326585{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
- .VerticalIconTabItem_styles_2xthe5_s1im4rc4__8db2249e{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
332
- .VerticalIconTabItem_styles_2xthe5_a1djmtev__8db2249e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
333
- .VerticalIconTabItem_styles_2xthe5_b140xa1o__8db2249e{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_2xthe5_b140xa1o__8db2249e::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;}.VerticalIconTabItem_styles_2xthe5_b140xa1o__8db2249e.VerticalIconTabItem_styles_2xthe5_focusVisible__8db2249e:focus::before,.VerticalIconTabItem_styles_2xthe5_b140xa1o__8db2249e[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
331
+ .VerticalIconTabItem_styles_1vnlsyl_s1im4rc4__58e33340{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
332
+ .VerticalIconTabItem_styles_1vnlsyl_a1djmtev__58e33340{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
333
+ .VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340{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_1vnlsyl_b140xa1o__58e33340::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;}.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340.VerticalIconTabItem_styles_1vnlsyl_focusVisible__58e33340:focus::before,.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340[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);}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.339.0-canary.2297.18772323112.0",
3
+ "version": "0.339.0-canary.2298.18772525373.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-canary.2297.18772323112.0",
82
+ "@salutejs/plasma-sb-utils": "0.209.0-canary.2298.18772525373.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-canary.2297.18772323112.0",
120
+ "@salutejs/plasma-core": "1.209.0-canary.2298.18772525373.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": "3b2674d4bc49b8245db2f736fb6537464cf6b496"
140
+ "gitHead": "a8825461361a9a6519fed9146814959399dde9ed"
141
141
  }
@@ -571,6 +571,17 @@ var comboboxRoot = function(Root) {
571
571
  internalValue,
572
572
  items
573
573
  ]);
574
+ // Эффект для исключительных случаев, когда нужно обновить значение textValue при изменении items,
575
+ // но только если значение textValue совпадает с value в item.
576
+ (0, _react.useLayoutEffect)(function() {
577
+ var _valueToItemMap_get;
578
+ if (!multiple && value && ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.value) === textValue) {
579
+ var _valueToItemMap_get1;
580
+ setTextValue(((_valueToItemMap_get1 = valueToItemMap.get(value)) === null || _valueToItemMap_get1 === void 0 ? void 0 : _valueToItemMap_get1.label) || value.toString());
581
+ }
582
+ }, [
583
+ items
584
+ ]);
574
585
  // При изменении value нужно возвращать значение в инпуте к исходному.
575
586
  (0, _hooks.useDidMountLayoutEffect)(function() {
576
587
  setTextValue((0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue));
@@ -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-e37d47fd-0"
68
+ componentId: "sc-d0381a92-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-e37d47fd-1"
74
+ componentId: "sc-d0381a92-1"
75
75
  })([
76
76
  "display:flex;margin-left:var(",
77
77
  ");"
@@ -84,7 +84,7 @@ 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: '0.063rem',
87
+ outlineOffset: '-0.125rem',
88
88
  outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
89
89
  outlineRadius: '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 ")
@@ -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-e4f78c87-0"
77
+ componentId: "sc-6029f576-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-e4f78c87-1"
85
+ componentId: "sc-6029f576-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-e4f78c87-2"
104
+ componentId: "sc-6029f576-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-e4f78c87-3"
110
+ componentId: "sc-6029f576-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-e4f78c87-4"
116
+ componentId: "sc-6029f576-4"
117
117
  })([
118
118
  "display:flex;margin-left:var(",
119
119
  ");"
@@ -131,7 +131,7 @@ 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: '0.063rem',
134
+ outlineOffset: '-0.125rem',
135
135
  outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
136
136
  outlineRadius: '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 ")
@@ -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-e818e527-0"
74
+ componentId: "sc-93ada113-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-e818e527-1"
80
+ componentId: "sc-93ada113-1"
81
81
  })([
82
- "box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.",
82
+ "margin:-0.125rem;padding:0.25rem;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-e818e527-2"
88
+ componentId: "sc-93ada113-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:",
@@ -65,13 +65,13 @@ function _interop_require_wildcard(obj, nodeInterop) {
65
65
  }
66
66
  var StyledContent = _styledcomponents.default.div.withConfig({
67
67
  displayName: "VerticalIconTabItem.styles__StyledContent",
68
- componentId: "sc-e7e3f81e-0"
68
+ componentId: "sc-4febd5c6-0"
69
69
  })([
70
70
  "display:inline-block;width:fit-content;"
71
71
  ]);
72
72
  var ActionContent = _styledcomponents.default.div.withConfig({
73
73
  displayName: "VerticalIconTabItem.styles__ActionContent",
74
- componentId: "sc-e7e3f81e-1"
74
+ componentId: "sc-4febd5c6-1"
75
75
  })([
76
76
  "display:flex;margin-left:var(",
77
77
  ");"
@@ -84,7 +84,7 @@ 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: '0.063rem',
87
+ outlineOffset: '-0.125rem',
88
88
  outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
89
89
  outlineRadius: '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 ")
@@ -74,7 +74,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
74
74
  }
75
75
  var StyledContent = _styledcomponents.default.div.withConfig({
76
76
  displayName: "VerticalTabItem.styles__StyledContent",
77
- componentId: "sc-4c636acb-0"
77
+ componentId: "sc-52a7e18d-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: "VerticalTabItem.styles__TabItemValue",
85
- componentId: "sc-4c636acb-1"
85
+ componentId: "sc-52a7e18d-1"
86
86
  })([
87
87
  "white-space:nowrap;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: "VerticalTabItem.styles__RightContent",
104
- componentId: "sc-4c636acb-2"
104
+ componentId: "sc-52a7e18d-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: "VerticalTabItem.styles__LeftContent",
110
- componentId: "sc-4c636acb-3"
110
+ componentId: "sc-52a7e18d-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: "VerticalTabItem.styles__ActionContent",
116
- componentId: "sc-4c636acb-4"
116
+ componentId: "sc-52a7e18d-4"
117
117
  })([
118
118
  "display:flex;margin-left:var(",
119
119
  ");"
@@ -130,7 +130,7 @@ var base = (0, _styledcomponents.css)([
130
130
  "{overflow:hidden;text-overflow:ellipsis;}}"
131
131
  ], _tokens.tokens.itemContentGap, _tokens.tokens.itemPaddingOrientationVertical, _tokens.tokens.itemCursorOverNotSelected, _tokens.tokens.itemCursor, (0, _mixins.addFocus)({
132
132
  outlineSize: '0.063rem',
133
- outlineOffset: '0.063rem',
133
+ outlineOffset: '-0.125rem',
134
134
  outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
135
135
  outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
136
136
  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 ")
@@ -71,22 +71,22 @@ var base = (0, _styledcomponents.css)([
71
71
  ]);
72
72
  var StyledContent = _styledcomponents.default.div.withConfig({
73
73
  displayName: "VerticalTabs.styles__StyledContent",
74
- componentId: "sc-785d61e-0"
74
+ componentId: "sc-47b291a4-0"
75
75
  })([
76
76
  "display:inline-flex;flex-direction:column;align-items:flex-start;"
77
77
  ]);
78
78
  var StyledContentWrapper = _styledcomponents.default.div.withConfig({
79
79
  displayName: "VerticalTabs.styles__StyledContentWrapper",
80
- componentId: "sc-785d61e-1"
80
+ componentId: "sc-47b291a4-1"
81
81
  })([
82
- "box-sizing:border-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.",
82
+ "padding:0.125rem 0.25rem;box-sizing:border-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
  "{margin-top:auto;}}&.",
85
85
  "{overflow:visible;}"
86
86
  ], _tokens.classes.tabsClipScroll, StyledContent, _tokens.classes.tabsClipShowAll);
87
87
  var StyledArrow = _styledcomponents.default.button.withConfig({
88
88
  displayName: "VerticalTabs.styles__StyledArrow",
89
- componentId: "sc-785d61e-2"
89
+ componentId: "sc-47b291a4-2"
90
90
  })([
91
91
  "display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;transform:rotate(90deg);",
92
92
  ";&[disabled]{cursor:not-allowed;}color:var(",
@@ -95,7 +95,7 @@ var StyledArrow = _styledcomponents.default.button.withConfig({
95
95
  ");}"
96
96
  ], (0, _mixins.addFocus)({
97
97
  outlineSize: '0.063rem',
98
- outlineOffset: '0.063rem',
98
+ outlineOffset: '-0.125rem',
99
99
  outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
100
100
  outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)'
101
101
  }), _tokens.tokens.arrowColor, _tokens.tokens.arrowColorHover, _tokens.tokens.arrowColorActive);
@@ -12,7 +12,7 @@ var _styledcomponents = require("styled-components");
12
12
  var _tokens = require("../../../../../tokens");
13
13
  var base = (0, _styledcomponents.css)([
14
14
  "background-color:var(",
15
- ");&::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(",
15
+ ");&::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0.25rem;background:var(",
16
16
  ");width:var(",
17
17
  ");border-radius:var(",
18
18
  ");}&.",