@salutejs/plasma-new-hope 0.321.1-canary.1943.14660548731.0 → 0.321.1-canary.1945.14661970912.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 (157) hide show
  1. package/cjs/components/Carousel/Carousel.css +4 -0
  2. package/cjs/components/Carousel/Carousel.js +80 -0
  3. package/cjs/components/Carousel/Carousel.js.map +1 -0
  4. package/cjs/components/Carousel/Carousel.styles.js +67 -0
  5. package/cjs/components/Carousel/Carousel.styles.js.map +1 -0
  6. package/cjs/components/Carousel/Carousel.styles_1lyqijv.css +4 -0
  7. package/cjs/components/Carousel/CarouselItem.js +53 -0
  8. package/cjs/components/Carousel/CarouselItem.js.map +1 -0
  9. package/cjs/components/Carousel/CarouselItem_cqjszm.css +1 -0
  10. package/cjs/components/Carousel/useCarousel.js +487 -0
  11. package/cjs/components/Carousel/useCarousel.js.map +1 -0
  12. package/cjs/components/Carousel/useDragScroll.js +62 -0
  13. package/cjs/components/Carousel/useDragScroll.js.map +1 -0
  14. package/cjs/components/Tabs/tokens.js +0 -1
  15. package/cjs/components/Tabs/tokens.js.map +1 -1
  16. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  17. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  18. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  19. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_1rvmyae.css → HorizontalTabItem.styles_1yi1gll.css} +1 -1
  20. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  21. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  22. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  23. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_y2x2qv.css → VerticalTabItem.styles_17vv6lq.css} +1 -1
  24. package/cjs/index.css +17 -10
  25. package/cjs/index.js +7 -0
  26. package/cjs/index.js.map +1 -1
  27. package/emotion/cjs/components/Carousel/Carousel.js +77 -0
  28. package/emotion/cjs/components/Carousel/Carousel.styles.js +49 -0
  29. package/emotion/cjs/components/Carousel/Carousel.types.js +5 -0
  30. package/emotion/cjs/components/Carousel/CarouselItem.js +38 -0
  31. package/emotion/cjs/components/Carousel/index.js +32 -0
  32. package/emotion/cjs/components/Carousel/useCarousel.js +478 -0
  33. package/emotion/cjs/components/Carousel/useDragScroll.js +65 -0
  34. package/emotion/cjs/components/Tabs/tokens.js +0 -1
  35. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  36. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  37. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +10 -0
  38. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +18 -0
  39. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +80 -0
  40. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  41. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  42. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +10 -0
  43. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.js +18 -0
  44. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +80 -0
  45. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  46. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  47. package/emotion/cjs/index.js +11 -0
  48. package/emotion/es/components/Carousel/Carousel.js +69 -0
  49. package/emotion/es/components/Carousel/Carousel.styles.js +42 -0
  50. package/emotion/es/components/Carousel/Carousel.types.js +1 -0
  51. package/emotion/es/components/Carousel/CarouselItem.js +31 -0
  52. package/emotion/es/components/Carousel/index.js +3 -0
  53. package/emotion/es/components/Carousel/useCarousel.js +468 -0
  54. package/emotion/es/components/Carousel/useDragScroll.js +59 -0
  55. package/emotion/es/components/Tabs/tokens.js +0 -1
  56. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  57. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  58. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +4 -0
  59. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.js +6 -0
  60. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +80 -0
  61. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  62. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  63. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.config.js +4 -0
  64. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.js +6 -0
  65. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +80 -0
  66. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  67. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  68. package/emotion/es/index.js +2 -1
  69. package/es/components/Carousel/Carousel.css +4 -0
  70. package/es/components/Carousel/Carousel.js +71 -0
  71. package/es/components/Carousel/Carousel.js.map +1 -0
  72. package/es/components/Carousel/Carousel.styles.js +60 -0
  73. package/es/components/Carousel/Carousel.styles.js.map +1 -0
  74. package/es/components/Carousel/Carousel.styles_1lyqijv.css +4 -0
  75. package/es/components/Carousel/CarouselItem.js +45 -0
  76. package/es/components/Carousel/CarouselItem.js.map +1 -0
  77. package/es/components/Carousel/CarouselItem_cqjszm.css +1 -0
  78. package/es/components/Carousel/useCarousel.js +472 -0
  79. package/es/components/Carousel/useCarousel.js.map +1 -0
  80. package/es/components/Carousel/useDragScroll.js +58 -0
  81. package/es/components/Carousel/useDragScroll.js.map +1 -0
  82. package/es/components/Tabs/tokens.js +0 -1
  83. package/es/components/Tabs/tokens.js.map +1 -1
  84. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  85. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  86. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  87. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_1rvmyae.css → HorizontalTabItem.styles_1yi1gll.css} +1 -1
  88. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  89. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  90. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  91. package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_y2x2qv.css → VerticalTabItem.styles_17vv6lq.css} +1 -1
  92. package/es/index.css +17 -10
  93. package/es/index.js +3 -0
  94. package/es/index.js.map +1 -1
  95. package/package.json +4 -4
  96. package/styled-components/cjs/components/Carousel/Carousel.js +77 -0
  97. package/styled-components/cjs/components/Carousel/Carousel.styles.js +38 -0
  98. package/styled-components/cjs/components/Carousel/Carousel.types.js +5 -0
  99. package/styled-components/cjs/components/Carousel/CarouselItem.js +37 -0
  100. package/styled-components/cjs/components/Carousel/index.js +32 -0
  101. package/styled-components/cjs/components/Carousel/useCarousel.js +478 -0
  102. package/styled-components/cjs/components/Carousel/useDragScroll.js +65 -0
  103. package/styled-components/cjs/components/Tabs/tokens.js +0 -1
  104. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  105. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  106. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +10 -0
  107. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +18 -0
  108. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +80 -0
  109. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  110. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  111. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +10 -0
  112. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.js +18 -0
  113. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +80 -0
  114. package/styled-components/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  115. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  116. package/styled-components/cjs/index.js +11 -0
  117. package/styled-components/es/components/Carousel/Carousel.js +69 -0
  118. package/styled-components/es/components/Carousel/Carousel.styles.js +30 -0
  119. package/styled-components/es/components/Carousel/Carousel.types.js +1 -0
  120. package/styled-components/es/components/Carousel/CarouselItem.js +30 -0
  121. package/styled-components/es/components/Carousel/index.js +3 -0
  122. package/styled-components/es/components/Carousel/useCarousel.js +468 -0
  123. package/styled-components/es/components/Carousel/useDragScroll.js +59 -0
  124. package/styled-components/es/components/Tabs/tokens.js +0 -1
  125. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  126. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  127. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +4 -0
  128. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.js +6 -0
  129. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +80 -0
  130. package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  131. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  132. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.config.js +4 -0
  133. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.js +6 -0
  134. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +80 -0
  135. package/styled-components/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  136. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  137. package/styled-components/es/index.js +2 -1
  138. package/types/components/Carousel/Carousel.d.ts +22 -0
  139. package/types/components/Carousel/Carousel.d.ts.map +1 -0
  140. package/types/components/Carousel/Carousel.styles.d.ts +16 -0
  141. package/types/components/Carousel/Carousel.styles.d.ts.map +1 -0
  142. package/types/components/Carousel/Carousel.types.d.ts +111 -0
  143. package/types/components/Carousel/Carousel.types.d.ts.map +1 -0
  144. package/types/components/Carousel/CarouselItem.d.ts +4 -0
  145. package/types/components/Carousel/CarouselItem.d.ts.map +1 -0
  146. package/types/components/Carousel/index.d.ts +5 -0
  147. package/types/components/Carousel/index.d.ts.map +1 -0
  148. package/types/components/Carousel/useCarousel.d.ts +63 -0
  149. package/types/components/Carousel/useCarousel.d.ts.map +1 -0
  150. package/types/components/Carousel/useDragScroll.d.ts +3 -0
  151. package/types/components/Carousel/useDragScroll.d.ts.map +1 -0
  152. package/types/components/Tabs/tokens.d.ts +0 -1
  153. package/types/components/Tabs/tokens.d.ts.map +1 -1
  154. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
  155. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
  156. package/types/index.d.ts +1 -0
  157. package/types/index.d.ts.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n selectedTabsItem: 'selected-tabs-item',\n tabsPilled: 'tabs-pilled',\n tabsGroupFilledBackground: 'tabs-group-filled-background',\n tabsStretch: 'tabs-stretched',\n tabsNoDivider: 'tabs-no-divider',\n tabItemDivider: 'tab-item-divider',\n tabItemAnimated: 'tab-item-animated',\n tabContent: 'tab-item-content',\n tabRightContent: 'tab-item-right-content',\n tabLeftContent: 'tab-item-left-content',\n tabsHasLeftArrow: 'tabs-has-left-arrow',\n tabsHasRightArrow: 'tabs-has-right-arrow',\n tabsHasTopArrow: 'tabs-has-top-arrow',\n tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n tabsClipScroll: 'tabs-clip-scroll',\n tabsClipShowAll: 'tabs-clip-show-all',\n tabsTruncate: 'tabs-truncate',\n};\n\nexport const tokens = {\n disabledOpacity: '--plasma-tabs-disabled-opacity',\n containerWidth: '--plasma-tabs-container-width',\n containerHeight: '--plasma-tabs-container-height',\n cursor: '--plasma-tabs-cursor',\n color: '--plasma-tabs-color',\n colorHover: '--plasma-tabs-color-hover',\n\n tabsDividerWidth: '--plasma-tabs-divider-width',\n tabsDividerHeight: '--plasma-tabs-divider-height',\n tabsDividerColor: '--plasma-tabs-divider-color',\n tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n outlineFocusColor: '--plasma-tabs-outline-focus-color',\n arrowColor: '--plasma-tabs-arrow-color',\n arrowColorHover: '--plasma-tabs-arrow-color-hover',\n arrowColorActive: '--plasma-tabs-arrow-color-active',\n tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n tabsBackgroundColor: '--plasma-tabs-background-color',\n tabsBorderRadius: '--plasma-tabs-border-radius',\n tabsWidth: '--plasma-tabs-width',\n tabsHeight: '--plasma-tabs-height',\n tabsPadding: '--plasma-tabs-padding',\n tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n itemBorderRadius: '--plasma-tab-item-border-radius',\n itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n itemWidth: '--plasma-tab-item-width',\n itemHeight: '--plasma-tab-item-height',\n itemPadding: '--plasma-tab-item-padding',\n itemPaddingClear: '--plasma-tab-item-padding-clear',\n itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n itemMarginLeft: '--plasma-tab-item-margin-left',\n itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n itemContentGap: '--plasma-tab-item-content-gap',\n\n itemContentPadding: '--plasma-tab-item-content-padding',\n itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n itemColor: '--plasma-tab-item-color',\n itemValueColor: '--plasma-tab-item-value-color',\n itemBackgroundColor: '--plasma-tab-item-background-color',\n itemColorHover: '--plasma-tab-item-color-hover',\n itemValueColorHover: '--plasma-tab-item-value-color-hover',\n itemColorActive: '--plasma-tab-item-color-active',\n itemValueColorActive: '--plasma-tab-item-value-color-active',\n itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n itemCursor: '--plasma-tab-item-cursor',\n\n itemSelectedColor: '--plasma-tab-item-selected-color',\n itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n fontFamily: '--plasma-tab-item-font-family',\n fontSize: '--plasma-tab-item-font-size',\n fontStyle: '--plasma-tab-item-font-style',\n fontWeight: '--plasma-tab-item-font-weight',\n letterSpacing: '--plasma-tab-item-letter-spacing',\n lineHeight: '--plasma-tab-item-lineheight',\n\n valueFontFamily: '--plasma-tab-item-value-font-family',\n valueFontSize: '--plasma-tab-item-value-font-size',\n valueFontStyle: '--plasma-tab-item-value-font-style',\n valueFontWeight: '--plasma-tab-item-value-font-weight',\n valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',\n valueLineHeight: '--plasma-tab-item-value-lineheight',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tabsTruncate","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemCursor","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight"],"mappings":"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"}
1
+ {"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n selectedTabsItem: 'selected-tabs-item',\n tabsPilled: 'tabs-pilled',\n tabsGroupFilledBackground: 'tabs-group-filled-background',\n tabsStretch: 'tabs-stretched',\n tabsNoDivider: 'tabs-no-divider',\n tabItemDivider: 'tab-item-divider',\n tabItemAnimated: 'tab-item-animated',\n tabContent: 'tab-item-content',\n tabRightContent: 'tab-item-right-content',\n tabLeftContent: 'tab-item-left-content',\n tabsHasLeftArrow: 'tabs-has-left-arrow',\n tabsHasRightArrow: 'tabs-has-right-arrow',\n tabsHasTopArrow: 'tabs-has-top-arrow',\n tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n tabsClipScroll: 'tabs-clip-scroll',\n tabsClipShowAll: 'tabs-clip-show-all',\n tabsTruncate: 'tabs-truncate',\n};\n\nexport const tokens = {\n disabledOpacity: '--plasma-tabs-disabled-opacity',\n containerWidth: '--plasma-tabs-container-width',\n containerHeight: '--plasma-tabs-container-height',\n cursor: '--plasma-tabs-cursor',\n color: '--plasma-tabs-color',\n colorHover: '--plasma-tabs-color-hover',\n\n tabsDividerWidth: '--plasma-tabs-divider-width',\n tabsDividerHeight: '--plasma-tabs-divider-height',\n tabsDividerColor: '--plasma-tabs-divider-color',\n tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n outlineFocusColor: '--plasma-tabs-outline-focus-color',\n arrowColor: '--plasma-tabs-arrow-color',\n arrowColorHover: '--plasma-tabs-arrow-color-hover',\n arrowColorActive: '--plasma-tabs-arrow-color-active',\n tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n tabsBackgroundColor: '--plasma-tabs-background-color',\n tabsBorderRadius: '--plasma-tabs-border-radius',\n tabsWidth: '--plasma-tabs-width',\n tabsHeight: '--plasma-tabs-height',\n tabsPadding: '--plasma-tabs-padding',\n tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n itemBorderRadius: '--plasma-tab-item-border-radius',\n itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n itemWidth: '--plasma-tab-item-width',\n itemHeight: '--plasma-tab-item-height',\n itemPadding: '--plasma-tab-item-padding',\n itemPaddingClear: '--plasma-tab-item-padding-clear',\n itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n itemMarginLeft: '--plasma-tab-item-margin-left',\n itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n itemContentGap: '--plasma-tab-item-content-gap',\n\n itemContentPadding: '--plasma-tab-item-content-padding',\n itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n itemColor: '--plasma-tab-item-color',\n itemValueColor: '--plasma-tab-item-value-color',\n itemBackgroundColor: '--plasma-tab-item-background-color',\n itemColorHover: '--plasma-tab-item-color-hover',\n itemValueColorHover: '--plasma-tab-item-value-color-hover',\n itemColorActive: '--plasma-tab-item-color-active',\n itemValueColorActive: '--plasma-tab-item-value-color-active',\n itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n\n itemSelectedColor: '--plasma-tab-item-selected-color',\n itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n fontFamily: '--plasma-tab-item-font-family',\n fontSize: '--plasma-tab-item-font-size',\n fontStyle: '--plasma-tab-item-font-style',\n fontWeight: '--plasma-tab-item-font-weight',\n letterSpacing: '--plasma-tab-item-letter-spacing',\n lineHeight: '--plasma-tab-item-lineheight',\n\n valueFontFamily: '--plasma-tab-item-value-font-family',\n valueFontSize: '--plasma-tab-item-value-font-size',\n valueFontStyle: '--plasma-tab-item-value-font-style',\n valueFontWeight: '--plasma-tab-item-value-font-weight',\n valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',\n valueLineHeight: '--plasma-tab-item-value-lineheight',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tabsTruncate","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight"],"mappings":"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"}
@@ -6,8 +6,8 @@
6
6
 
7
7
  .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);}
8
8
 
9
- .HorizontalTabItem_styles_1rvmyae_skuum0w__96ce24a3{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));}
10
- .HorizontalTabItem_styles_1rvmyae_t1l5e9z0__96ce24a3{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));}
11
- .HorizontalTabItem_styles_1rvmyae_r1nh4m12__96ce24a3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1rvmyae_r1nh4m12__96ce24a3:hover{color:inherit;}
12
- .HorizontalTabItem_styles_1rvmyae_l13nweg3__96ce24a3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1rvmyae_l13nweg3__96ce24a3:hover{color:inherit;}
13
- .HorizontalTabItem_styles_1rvmyae_b1iip2sx__96ce24a3{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);white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_1rvmyae_b1iip2sx__96ce24a3:first-child{margin-left:0;}.HorizontalTabItem_styles_1rvmyae_b1iip2sx__96ce24a3::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_1rvmyae_b1iip2sx__96ce24a3.HorizontalTabItem_styles_1rvmyae_focusVisible__96ce24a3:focus::before,.HorizontalTabItem_styles_1rvmyae_b1iip2sx__96ce24a3[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_1rvmyae_b1iip2sx__96ce24a3.HorizontalTabItem_styles_1rvmyae_tabsTruncate__96ce24a3 .HorizontalTabItem_styles_1rvmyae_skuum0w__96ce24a3{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_1rvmyae_b1iip2sx__96ce24a3.HorizontalTabItem_styles_1rvmyae_tabsTruncate__96ce24a3 .HorizontalTabItem_styles_1rvmyae_t1l5e9z0__96ce24a3{overflow:hidden;text-overflow:ellipsis;}
9
+ .HorizontalTabItem_styles_1yi1gll_skuum0w__dcc7bfa0{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));}
10
+ .HorizontalTabItem_styles_1yi1gll_t1l5e9z0__dcc7bfa0{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));}
11
+ .HorizontalTabItem_styles_1yi1gll_r1nh4m12__dcc7bfa0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1yi1gll_r1nh4m12__dcc7bfa0:hover{color:inherit;}
12
+ .HorizontalTabItem_styles_1yi1gll_l13nweg3__dcc7bfa0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1yi1gll_l13nweg3__dcc7bfa0:hover{color:inherit;}
13
+ .HorizontalTabItem_styles_1yi1gll_b1iip2sx__dcc7bfa0{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;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;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:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_1yi1gll_b1iip2sx__dcc7bfa0:first-child{margin-left:0;}.HorizontalTabItem_styles_1yi1gll_b1iip2sx__dcc7bfa0::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_1yi1gll_b1iip2sx__dcc7bfa0.HorizontalTabItem_styles_1yi1gll_focusVisible__dcc7bfa0:focus::before,.HorizontalTabItem_styles_1yi1gll_b1iip2sx__dcc7bfa0[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_1yi1gll_b1iip2sx__dcc7bfa0.HorizontalTabItem_styles_1yi1gll_tabsTruncate__dcc7bfa0 .HorizontalTabItem_styles_1yi1gll_skuum0w__dcc7bfa0{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_1yi1gll_b1iip2sx__dcc7bfa0.HorizontalTabItem_styles_1yi1gll_tabsTruncate__dcc7bfa0 .HorizontalTabItem_styles_1yi1gll_t1l5e9z0__dcc7bfa0{overflow:hidden;text-overflow:ellipsis;}
@@ -1,4 +1,4 @@
1
- import './HorizontalTabItem.styles_1rvmyae.css';
1
+ import './HorizontalTabItem.styles_1yi1gll.css';
2
2
  import { styled } from '@linaria/react';
3
3
 
4
4
  var StyledContent = /*#__PURE__*/styled('div')({
@@ -1 +1 @@
1
- {"version":3,"file":"HorizontalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\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 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 base = css`\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(${tokens.itemContentGap});\n\n padding: var(${tokens.itemPaddingClear}, var(${tokens.itemPadding}));\n\n appearance: none;\n border: none;\n outline: none;\n cursor: var(${tokens.itemCursor});\n white-space: nowrap;\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: transparent;\n\n &:first-child {\n margin-left: 0;\n }\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","base"],"mappings":";;AAMO,IAAMA,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;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,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;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,IAAI,GAmDhB;;;;"}
1
+ {"version":3,"file":"HorizontalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\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 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 base = css`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n align-items: center;\n white-space: nowrap;\n\n gap: var(${tokens.itemContentGap});\n padding: var(${tokens.itemPaddingClear}, var(${tokens.itemPadding}));\n\n appearance: none;\n border: none;\n outline: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n\n &:first-child {\n margin-left: 0;\n }\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","base"],"mappings":";;AAMO,IAAMA,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;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,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;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,IAAI,GAkDhB;;;;"}
@@ -2,4 +2,4 @@
2
2
  .t1l5e9z0{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
3
3
  .r1nh4m12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.r1nh4m12:hover{color:inherit;}
4
4
  .l13nweg3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.l13nweg3:hover{color:inherit;}
5
- .b1iip2sx{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);white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.b1iip2sx:first-child{margin-left:0;}.b1iip2sx::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;}.b1iip2sx.focus-visible:focus::before,.b1iip2sx[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.b1iip2sx.tabs-truncate .skuum0w{overflow:hidden;text-overflow:ellipsis;}.b1iip2sx.tabs-truncate .t1l5e9z0{overflow:hidden;text-overflow:ellipsis;}
5
+ .b1iip2sx{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;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;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:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.b1iip2sx:first-child{margin-left:0;}.b1iip2sx::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;}.b1iip2sx.focus-visible:focus::before,.b1iip2sx[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.b1iip2sx.tabs-truncate .skuum0w{overflow:hidden;text-overflow:ellipsis;}.b1iip2sx.tabs-truncate .t1l5e9z0{overflow:hidden;text-overflow:ellipsis;}
@@ -1,8 +1,8 @@
1
- .VerticalTabItem_styles_y2x2qv_s1vnvg8i__79f95ced{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
2
- .VerticalTabItem_styles_y2x2qv_t4s0t81__79f95ced{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
3
- .VerticalTabItem_styles_y2x2qv_rur46hh__79f95ced{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_y2x2qv_rur46hh__79f95ced:hover{color:inherit;}
4
- .VerticalTabItem_styles_y2x2qv_l1ms3p4x__79f95ced{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_y2x2qv_l1ms3p4x__79f95ced:hover{color:inherit;}
5
- .VerticalTabItem_styles_y2x2qv_b1yz2xa4__79f95ced{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);white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_y2x2qv_b1yz2xa4__79f95ced::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_y2x2qv_b1yz2xa4__79f95ced.VerticalTabItem_styles_y2x2qv_focusVisible__79f95ced:focus::before,.VerticalTabItem_styles_y2x2qv_b1yz2xa4__79f95ced[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_y2x2qv_b1yz2xa4__79f95ced.VerticalTabItem_styles_y2x2qv_tabsTruncate__79f95ced .VerticalTabItem_styles_y2x2qv_s1vnvg8i__79f95ced{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_y2x2qv_b1yz2xa4__79f95ced.VerticalTabItem_styles_y2x2qv_tabsTruncate__79f95ced .VerticalTabItem_styles_y2x2qv_t4s0t81__79f95ced{overflow:hidden;text-overflow:ellipsis;}
1
+ .VerticalTabItem_styles_17vv6lq_s1vnvg8i__4094188b{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
2
+ .VerticalTabItem_styles_17vv6lq_t4s0t81__4094188b{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
3
+ .VerticalTabItem_styles_17vv6lq_rur46hh__4094188b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_17vv6lq_rur46hh__4094188b:hover{color:inherit;}
4
+ .VerticalTabItem_styles_17vv6lq_l1ms3p4x__4094188b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_17vv6lq_l1ms3p4x__4094188b:hover{color:inherit;}
5
+ .VerticalTabItem_styles_17vv6lq_b1yz2xa4__4094188b{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;box-sizing:border-box;white-space:nowrap;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:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_17vv6lq_b1yz2xa4__4094188b::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_17vv6lq_b1yz2xa4__4094188b.VerticalTabItem_styles_17vv6lq_focusVisible__4094188b:focus::before,.VerticalTabItem_styles_17vv6lq_b1yz2xa4__4094188b[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_17vv6lq_b1yz2xa4__4094188b.VerticalTabItem_styles_17vv6lq_tabsTruncate__4094188b .VerticalTabItem_styles_17vv6lq_s1vnvg8i__4094188b{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_17vv6lq_b1yz2xa4__4094188b.VerticalTabItem_styles_17vv6lq_tabsTruncate__4094188b .VerticalTabItem_styles_17vv6lq_t4s0t81__4094188b{overflow:hidden;text-overflow:ellipsis;}
6
6
 
7
7
  .base_12fk3xi_byyhn69__7e2c76ac{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_12fk3xi_byyhn69__7e2c76ac:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_12fk3xi_byyhn69__7e2c76ac:hover .base_12fk3xi_t4s0t81__7e2c76ac{color:var(--plasma-tab-item-value-color-hover);}.base_12fk3xi_byyhn69__7e2c76ac:active{color:var(--plasma-tab-item-color-active);}.base_12fk3xi_byyhn69__7e2c76ac:active .base_12fk3xi_t4s0t81__7e2c76ac{color:var(--plasma-tab-item-value-color-active);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_tabItemAnimated__7e2c76ac{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac .base_12fk3xi_t4s0t81__7e2c76ac{color:var(--plasma-tab-item-selected-value-color-hover);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac .base_12fk3xi_t4s0t81__7e2c76ac:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac::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;}
8
8
 
@@ -1,4 +1,4 @@
1
- import './VerticalTabItem.styles_y2x2qv.css';
1
+ import './VerticalTabItem.styles_17vv6lq.css';
2
2
  import { styled } from '@linaria/react';
3
3
 
4
4
  var StyledContent = /*#__PURE__*/styled('div')({
@@ -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 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.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","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,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 base = css`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n box-sizing: border-box;\n white-space: nowrap;\n\n gap: var(${tokens.itemContentGap});\n padding: var(${tokens.itemPaddingOrientationVertical});\n\n appearance: none;\n border: none;\n outline: none;\n cursor: pointer;\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","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,IAAI,GA6ChB;;;;"}
@@ -2,4 +2,4 @@
2
2
  .t4s0t81{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
3
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
- .b1yz2xa4{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);white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.b1yz2xa4::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;}.b1yz2xa4.focus-visible:focus::before,.b1yz2xa4[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.b1yz2xa4.tabs-truncate .s1vnvg8i{overflow:hidden;text-overflow:ellipsis;}.b1yz2xa4.tabs-truncate .t4s0t81{overflow:hidden;text-overflow:ellipsis;}
5
+ .b1yz2xa4{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;box-sizing:border-box;white-space:nowrap;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:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.b1yz2xa4::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;}.b1yz2xa4.focus-visible:focus::before,.b1yz2xa4[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.b1yz2xa4.tabs-truncate .s1vnvg8i{overflow:hidden;text-overflow:ellipsis;}.b1yz2xa4.tabs-truncate .t4s0t81{overflow:hidden;text-overflow:ellipsis;}
package/es/index.css CHANGED
@@ -269,11 +269,11 @@
269
269
 
270
270
  .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);}
271
271
 
272
- .HorizontalTabItem_styles_1rvmyae_skuum0w__96ce24a3{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));}
273
- .HorizontalTabItem_styles_1rvmyae_t1l5e9z0__96ce24a3{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));}
274
- .HorizontalTabItem_styles_1rvmyae_r1nh4m12__96ce24a3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1rvmyae_r1nh4m12__96ce24a3:hover{color:inherit;}
275
- .HorizontalTabItem_styles_1rvmyae_l13nweg3__96ce24a3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1rvmyae_l13nweg3__96ce24a3:hover{color:inherit;}
276
- .HorizontalTabItem_styles_1rvmyae_b1iip2sx__96ce24a3{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);white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_1rvmyae_b1iip2sx__96ce24a3:first-child{margin-left:0;}.HorizontalTabItem_styles_1rvmyae_b1iip2sx__96ce24a3::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_1rvmyae_b1iip2sx__96ce24a3.HorizontalTabItem_styles_1rvmyae_focusVisible__96ce24a3:focus::before,.HorizontalTabItem_styles_1rvmyae_b1iip2sx__96ce24a3[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_1rvmyae_b1iip2sx__96ce24a3.HorizontalTabItem_styles_1rvmyae_tabsTruncate__96ce24a3 .HorizontalTabItem_styles_1rvmyae_skuum0w__96ce24a3{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_1rvmyae_b1iip2sx__96ce24a3.HorizontalTabItem_styles_1rvmyae_tabsTruncate__96ce24a3 .HorizontalTabItem_styles_1rvmyae_t1l5e9z0__96ce24a3{overflow:hidden;text-overflow:ellipsis;}
272
+ .HorizontalTabItem_styles_1yi1gll_skuum0w__dcc7bfa0{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));}
273
+ .HorizontalTabItem_styles_1yi1gll_t1l5e9z0__dcc7bfa0{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));}
274
+ .HorizontalTabItem_styles_1yi1gll_r1nh4m12__dcc7bfa0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1yi1gll_r1nh4m12__dcc7bfa0:hover{color:inherit;}
275
+ .HorizontalTabItem_styles_1yi1gll_l13nweg3__dcc7bfa0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1yi1gll_l13nweg3__dcc7bfa0:hover{color:inherit;}
276
+ .HorizontalTabItem_styles_1yi1gll_b1iip2sx__dcc7bfa0{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;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;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:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_1yi1gll_b1iip2sx__dcc7bfa0:first-child{margin-left:0;}.HorizontalTabItem_styles_1yi1gll_b1iip2sx__dcc7bfa0::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_1yi1gll_b1iip2sx__dcc7bfa0.HorizontalTabItem_styles_1yi1gll_focusVisible__dcc7bfa0:focus::before,.HorizontalTabItem_styles_1yi1gll_b1iip2sx__dcc7bfa0[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_1yi1gll_b1iip2sx__dcc7bfa0.HorizontalTabItem_styles_1yi1gll_tabsTruncate__dcc7bfa0 .HorizontalTabItem_styles_1yi1gll_skuum0w__dcc7bfa0{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_1yi1gll_b1iip2sx__dcc7bfa0.HorizontalTabItem_styles_1yi1gll_tabsTruncate__dcc7bfa0 .HorizontalTabItem_styles_1yi1gll_t1l5e9z0__dcc7bfa0{overflow:hidden;text-overflow:ellipsis;}
277
277
 
278
278
  .VerticalTabs_styles_1egpt45_b2r261u__2941d0b4{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;}
279
279
  .VerticalTabs_styles_1egpt45_s1tfgc53__2941d0b4{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:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
@@ -286,11 +286,11 @@
286
286
 
287
287
  .base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}
288
288
 
289
- .VerticalTabItem_styles_y2x2qv_s1vnvg8i__79f95ced{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));}
290
- .VerticalTabItem_styles_y2x2qv_t4s0t81__79f95ced{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));}
291
- .VerticalTabItem_styles_y2x2qv_rur46hh__79f95ced{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_y2x2qv_rur46hh__79f95ced:hover{color:inherit;}
292
- .VerticalTabItem_styles_y2x2qv_l1ms3p4x__79f95ced{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_y2x2qv_l1ms3p4x__79f95ced:hover{color:inherit;}
293
- .VerticalTabItem_styles_y2x2qv_b1yz2xa4__79f95ced{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);white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_y2x2qv_b1yz2xa4__79f95ced::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_y2x2qv_b1yz2xa4__79f95ced.VerticalTabItem_styles_y2x2qv_focusVisible__79f95ced:focus::before,.VerticalTabItem_styles_y2x2qv_b1yz2xa4__79f95ced[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_y2x2qv_b1yz2xa4__79f95ced.VerticalTabItem_styles_y2x2qv_tabsTruncate__79f95ced .VerticalTabItem_styles_y2x2qv_s1vnvg8i__79f95ced{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_y2x2qv_b1yz2xa4__79f95ced.VerticalTabItem_styles_y2x2qv_tabsTruncate__79f95ced .VerticalTabItem_styles_y2x2qv_t4s0t81__79f95ced{overflow:hidden;text-overflow:ellipsis;}
289
+ .VerticalTabItem_styles_17vv6lq_s1vnvg8i__4094188b{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));}
290
+ .VerticalTabItem_styles_17vv6lq_t4s0t81__4094188b{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));}
291
+ .VerticalTabItem_styles_17vv6lq_rur46hh__4094188b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_17vv6lq_rur46hh__4094188b:hover{color:inherit;}
292
+ .VerticalTabItem_styles_17vv6lq_l1ms3p4x__4094188b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_17vv6lq_l1ms3p4x__4094188b:hover{color:inherit;}
293
+ .VerticalTabItem_styles_17vv6lq_b1yz2xa4__4094188b{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;box-sizing:border-box;white-space:nowrap;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:pointer;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_17vv6lq_b1yz2xa4__4094188b::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_17vv6lq_b1yz2xa4__4094188b.VerticalTabItem_styles_17vv6lq_focusVisible__4094188b:focus::before,.VerticalTabItem_styles_17vv6lq_b1yz2xa4__4094188b[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_17vv6lq_b1yz2xa4__4094188b.VerticalTabItem_styles_17vv6lq_tabsTruncate__4094188b .VerticalTabItem_styles_17vv6lq_s1vnvg8i__4094188b{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_17vv6lq_b1yz2xa4__4094188b.VerticalTabItem_styles_17vv6lq_tabsTruncate__4094188b .VerticalTabItem_styles_17vv6lq_t4s0t81__4094188b{overflow:hidden;text-overflow:ellipsis;}
294
294
 
295
295
  .base_12fk3xi_byyhn69__7e2c76ac{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_12fk3xi_byyhn69__7e2c76ac:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_12fk3xi_byyhn69__7e2c76ac:hover .base_12fk3xi_t4s0t81__7e2c76ac{color:var(--plasma-tab-item-value-color-hover);}.base_12fk3xi_byyhn69__7e2c76ac:active{color:var(--plasma-tab-item-color-active);}.base_12fk3xi_byyhn69__7e2c76ac:active .base_12fk3xi_t4s0t81__7e2c76ac{color:var(--plasma-tab-item-value-color-active);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_tabItemAnimated__7e2c76ac{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac .base_12fk3xi_t4s0t81__7e2c76ac{color:var(--plasma-tab-item-selected-value-color-hover);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac .base_12fk3xi_t4s0t81__7e2c76ac:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_12fk3xi_byyhn69__7e2c76ac.base_12fk3xi_selectedTabsItem__7e2c76ac::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;}
296
296
 
@@ -962,3 +962,10 @@
962
962
  .ToastNew_styles_4c92hd_tvfkfgf__2b80d961{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--plasma-toast-background);color:var(--tvfkfgf-0);padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);width:var(--tvfkfgf-1);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-line-height);}
963
963
  .ToastNew_styles_4c92hd_cbp8rlf__2b80d961{height:var(--plasma-toast-close-icon-button-size);margin:var(--plasma-toast-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.ToastNew_styles_4c92hd_cbp8rlf__2b80d961:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
964
964
  .ToastNew_styles_4c92hd_s1hkhzn7__2b80d961{margin:var(--plasma-toast-content-left-margin);color:var(--plasma-toast-content-left-color);line-height:0;}
965
+
966
+
967
+ .Carousel_styles_1lyqijv_cmeqer1__74917e06{overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);}
968
+ .Carousel_styles_1lyqijv_c14h2fl__74917e06{position:relative;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:var(--c14h2fl-0);-moz-scroll-snap-type:var(--c14h2fl-0);-ms-scroll-snap-type:var(--c14h2fl-0);scroll-snap-type:var(--c14h2fl-0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Carousel_styles_1lyqijv_c14h2fl__74917e06::-webkit-scrollbar{display:none;}.Carousel_styles_1lyqijv_cmeqer1__74917e06 .Carousel_styles_1lyqijv_c14h2fl__74917e06{-webkit-scroll-padding:0 var(--plasma-grid-margin);-moz-scroll-padding:0 var(--plasma-grid-margin);-ms-scroll-padding:0 var(--plasma-grid-margin);scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}
969
+ .Carousel_styles_1lyqijv_c1c6iuz8__74917e06{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;padding-left:var(--c1c6iuz8-0);padding-right:var(--c1c6iuz8-1);}.Carousel_styles_1lyqijv_cmeqer1__74917e06 .Carousel_styles_1lyqijv_c1c6iuz8__74917e06{padding-right:var(--c1c6iuz8-2);}
970
+
971
+ .CarouselItem_cqjszm_s13at6mi__7ff91d05{-webkit-scroll-snap-align:var(--s13at6mi-0);-moz-scroll-snap-align:var(--s13at6mi-0);-ms-scroll-snap-align:var(--s13at6mi-0);scroll-snap-align:var(--s13at6mi-0);-webkit-scroll-snap-stop:var(--s13at6mi-1);-moz-scroll-snap-stop:var(--s13at6mi-1);-ms-scroll-snap-stop:var(--s13at6mi-1);scroll-snap-stop:var(--s13at6mi-1);}
package/es/index.js CHANGED
@@ -229,4 +229,7 @@ export { tokens as linkButtonTokens } from './components/LinkButton/LinkButton.t
229
229
  export { composeNumberFormat } from './components/NumberFormat/NumberFormat.js';
230
230
  export { showToast, toastContainerConfig, toastContainerRoot } from './components/Toast/ToastNew/ToastNew.js';
231
231
  export { tokens as toastNewTokens } from './components/Toast/ToastNew/ToastNew.tokens.js';
232
+ export { carouselConfig, carouselRoot } from './components/Carousel/Carousel.js';
233
+ export { CarouselGridWrapper } from './components/Carousel/Carousel.styles.js';
234
+ export { CarouselItem } from './components/Carousel/CarouselItem.js';
232
235
  //# sourceMappingURL=index.js.map
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.321.1-canary.1943.14660548731.0",
3
+ "version": "0.321.1-canary.1945.14661970912.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -80,8 +80,8 @@
80
80
  "@rollup/plugin-babel": "^6.0.4",
81
81
  "@rollup/plugin-commonjs": "^25.0.4",
82
82
  "@rollup/plugin-node-resolve": "^15.1.0",
83
- "@salutejs/plasma-sb-utils": "0.196.1-canary.1943.14660548731.0",
84
- "@salutejs/plasma-themes": "0.32.1-canary.1943.14660548731.0",
83
+ "@salutejs/plasma-sb-utils": "0.196.1-canary.1945.14661970912.0",
84
+ "@salutejs/plasma-themes": "0.32.1-canary.1945.14661970912.0",
85
85
  "@storybook/addon-docs": "8.6.12",
86
86
  "@storybook/addon-essentials": "8.6.12",
87
87
  "@storybook/manager-api": "8.6.12",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "94755d67a4872230941f14bf2cbb47053fafc18c"
140
+ "gitHead": "444c1222e3c88009f18a4fe0bfb447bbe5e2ebe0"
141
141
  }
@@ -0,0 +1,77 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.carouselRoot = exports.carouselConfig = void 0;
8
+ var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
9
+ var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
10
+ var _Carousel = /*#__PURE__*/require("./Carousel.styles");
11
+ var _useCarousel2 = /*#__PURE__*/require("./useCarousel");
12
+ var _useDragScroll = /*#__PURE__*/require("./useDragScroll");
13
+ var _excluded = ["index", "scrollSnapType", "scrollAlign", "detectActive", "detectThreshold", "scaleCallback", "scaleResetCallback", "onIndexChange", "paddingStart", "paddingEnd", "children", "ariaLive", "isDragScrollDisabled"];
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
16
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
17
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
18
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
19
+ /**
20
+ * Компонент для создания списков с прокруткой.
21
+ */
22
+ var carouselRoot = exports.carouselRoot = function carouselRoot(Root) {
23
+ return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
24
+ var _ref$index = _ref.index,
25
+ index = _ref$index === void 0 ? 0 : _ref$index,
26
+ _ref$scrollSnapType = _ref.scrollSnapType,
27
+ scrollSnapType = _ref$scrollSnapType === void 0 ? 'mandatory' : _ref$scrollSnapType,
28
+ scrollAlign = _ref.scrollAlign,
29
+ detectActive = _ref.detectActive,
30
+ detectThreshold = _ref.detectThreshold,
31
+ scaleCallback = _ref.scaleCallback,
32
+ scaleResetCallback = _ref.scaleResetCallback,
33
+ onIndexChange = _ref.onIndexChange,
34
+ paddingStart = _ref.paddingStart,
35
+ paddingEnd = _ref.paddingEnd,
36
+ children = _ref.children,
37
+ _ref$ariaLive = _ref.ariaLive,
38
+ ariaLive = _ref$ariaLive === void 0 ? 'off' : _ref$ariaLive,
39
+ _ref$isDragScrollDisa = _ref.isDragScrollDisabled,
40
+ isDragScrollDisabled = _ref$isDragScrollDisa === void 0 ? false : _ref$isDragScrollDisa,
41
+ rest = _objectWithoutProperties(_ref, _excluded);
42
+ var axis = 'x';
43
+ var _useCarousel = (0, _useCarousel2.useCarousel)({
44
+ index: index,
45
+ axis: axis,
46
+ scrollAlign: scrollAlign,
47
+ detectActive: detectActive,
48
+ detectThreshold: detectThreshold,
49
+ scaleCallback: scaleCallback,
50
+ scaleResetCallback: scaleResetCallback,
51
+ onIndexChange: onIndexChange
52
+ }),
53
+ scrollRef = _useCarousel.scrollRef,
54
+ trackRef = _useCarousel.trackRef;
55
+ var handleRef = (0, _plasmaCore.useForkRef)(scrollRef, ref);
56
+ (0, _useDragScroll.useDragScroll)(scrollRef, isDragScrollDisabled);
57
+ return /*#__PURE__*/_react["default"].createElement(Root, {
58
+ index: index
59
+ }, /*#__PURE__*/_react["default"].createElement(_Carousel.CarouselWrapper, _extends({
60
+ ref: handleRef,
61
+ scrollSnapType: scrollSnapType
62
+ }, rest), /*#__PURE__*/_react["default"].createElement(_Carousel.CarouselTrack, {
63
+ ref: trackRef,
64
+ paddingStart: paddingStart,
65
+ paddingEnd: paddingEnd,
66
+ "aria-live": ariaLive
67
+ }, children)));
68
+ });
69
+ };
70
+ var carouselConfig = exports.carouselConfig = {
71
+ name: 'Carousel',
72
+ tag: 'div',
73
+ layout: carouselRoot,
74
+ base: _Carousel.base,
75
+ variations: {},
76
+ defaults: {}
77
+ };
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.base = exports.CarouselWrapper = exports.CarouselTrack = exports.CarouselGridWrapper = void 0;
8
+ var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
9
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
10
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
11
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
12
+
13
+ /**
14
+ * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
15
+ * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
16
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
17
+ */
18
+ var CarouselGridWrapper = exports.CarouselGridWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
19
+ componentId: "plasma-new-hope__sc-9g0yg0-0"
20
+ })(["overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);"]);
21
+ var CarouselWrapper = exports.CarouselWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
22
+ componentId: "plasma-new-hope__sc-9g0yg0-1"
23
+ })(["position:relative;margin:0;padding:0;list-style:none;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:", ";", " &{scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);"], function (_ref) {
24
+ var scrollSnapType = _ref.scrollSnapType;
25
+ return "x ".concat(scrollSnapType);
26
+ }, CarouselGridWrapper);
27
+ var CarouselTrack = exports.CarouselTrack = /*#__PURE__*/_styledComponents["default"].div.withConfig({
28
+ componentId: "plasma-new-hope__sc-9g0yg0-2"
29
+ })(["display:inline-flex;flex-direction:row;padding-left:", ";padding-right:", ";", " &{padding-right:", ";}"], function (_ref2) {
30
+ var paddingStart = _ref2.paddingStart;
31
+ return paddingStart || 0;
32
+ }, function (_ref3) {
33
+ var paddingEnd = _ref3.paddingEnd;
34
+ return paddingEnd || 0;
35
+ }, CarouselGridWrapper, function (_ref4) {
36
+ var paddingEnd = _ref4.paddingEnd;
37
+ return paddingEnd || 'var(--plasma-grid-margin)';
38
+ });
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CarouselItem = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
8
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
9
+ var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
10
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
12
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
13
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
14
+ var StyledItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
15
+ componentId: "plasma-new-hope__sc-1h5d6du-0"
16
+ })(["scroll-snap-align:", ";scroll-snap-stop:", ";"], function (_ref) {
17
+ var scrollSnapAlign = _ref.scrollSnapAlign;
18
+ return scrollSnapAlign || 'none';
19
+ }, function (_ref2) {
20
+ var scrollSnapAlign = _ref2.scrollSnapAlign,
21
+ scrollSnapStop = _ref2.scrollSnapStop;
22
+ return scrollSnapAlign ? scrollSnapStop : 'normal';
23
+ });
24
+ var CarouselItem = exports.CarouselItem = function CarouselItem(_ref3) {
25
+ var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
26
+ scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
27
+ _ref3$scrollSnapStop = _ref3.scrollSnapStop,
28
+ scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
29
+ children = _ref3.children,
30
+ rest = _objectWithoutProperties(_ref3, _excluded);
31
+ return /*#__PURE__*/_react["default"].createElement(StyledItem, _extends({
32
+ scrollSnapAlign: scrollSnapAlign,
33
+ scrollSnapStop: scrollSnapStop,
34
+ role: "group",
35
+ "aria-roledescription": "slide"
36
+ }, rest), children);
37
+ };
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "CarouselGridWrapper", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Carousel2.CarouselGridWrapper;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "CarouselItem", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _CarouselItem.CarouselItem;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "carouselConfig", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _Carousel.carouselConfig;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "carouselRoot", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _Carousel.carouselRoot;
28
+ }
29
+ });
30
+ var _Carousel = /*#__PURE__*/require("./Carousel");
31
+ var _Carousel2 = /*#__PURE__*/require("./Carousel.styles");
32
+ var _CarouselItem = /*#__PURE__*/require("./CarouselItem");