@salutejs/plasma-new-hope 0.114.0-dev.0 → 0.114.1-canary.1333.10211221618.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (117) hide show
  1. package/cjs/components/Tabs/tokens.js +5 -2
  2. package/cjs/components/Tabs/tokens.js.map +1 -1
  3. package/cjs/components/Tabs/ui/TabItem/TabItem.css +1 -1
  4. package/cjs/components/Tabs/ui/TabItem/TabItem.js +8 -2
  5. package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
  6. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  7. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -1
  8. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  9. package/cjs/components/Tabs/ui/Tabs/Tabs.css +6 -6
  10. package/cjs/components/Tabs/ui/Tabs/Tabs.js +49 -7
  11. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  12. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +7 -7
  13. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
  14. package/{es/components/Tabs/ui/Tabs/Tabs.styles_1b8qt33.css → cjs/components/Tabs/ui/Tabs/Tabs.styles_106qhdc.css} +1 -1
  15. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  16. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -1
  17. package/{es/components/Tabs/ui/Tabs/variations/_stretch/base_176tz0n.css → cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css} +1 -1
  18. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +1 -1
  19. package/{es/components/Tabs/ui/Tabs/variations/_view/base_4xkt26.css → cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css} +1 -1
  20. package/cjs/index.css +7 -7
  21. package/emotion/cjs/components/Tabs/tokens.js +5 -2
  22. package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.js +8 -2
  23. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  24. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +49 -7
  25. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +4 -12
  26. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  27. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  28. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
  29. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +16 -17
  30. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +261 -196
  31. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
  32. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +16 -17
  33. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +261 -196
  34. package/emotion/es/components/Tabs/tokens.js +5 -2
  35. package/emotion/es/components/Tabs/ui/TabItem/TabItem.js +8 -2
  36. package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  37. package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +50 -8
  38. package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +5 -13
  39. package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  40. package/emotion/es/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  41. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
  42. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +16 -17
  43. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +261 -196
  44. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
  45. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +16 -17
  46. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +261 -196
  47. package/es/components/Tabs/tokens.js +5 -2
  48. package/es/components/Tabs/tokens.js.map +1 -1
  49. package/es/components/Tabs/ui/TabItem/TabItem.css +1 -1
  50. package/es/components/Tabs/ui/TabItem/TabItem.js +8 -2
  51. package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
  52. package/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  53. package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -1
  54. package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  55. package/es/components/Tabs/ui/Tabs/Tabs.css +6 -6
  56. package/es/components/Tabs/ui/Tabs/Tabs.js +50 -8
  57. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  58. package/es/components/Tabs/ui/Tabs/Tabs.styles.js +7 -7
  59. package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
  60. package/{cjs/components/Tabs/ui/Tabs/Tabs.styles_1b8qt33.css → es/components/Tabs/ui/Tabs/Tabs.styles_106qhdc.css} +1 -1
  61. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  62. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -1
  63. package/{cjs/components/Tabs/ui/Tabs/variations/_stretch/base_176tz0n.css → es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css} +1 -1
  64. package/es/components/Tabs/ui/Tabs/variations/_view/base.js +1 -1
  65. package/{cjs/components/Tabs/ui/Tabs/variations/_view/base_4xkt26.css → es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css} +1 -1
  66. package/es/index.css +7 -7
  67. package/package.json +2 -2
  68. package/styled-components/cjs/components/Tabs/tokens.js +5 -2
  69. package/styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js +8 -2
  70. package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  71. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +49 -7
  72. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +1 -1
  73. package/styled-components/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  74. package/styled-components/cjs/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  75. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +8 -8
  76. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +4 -5
  77. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +261 -196
  78. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +8 -8
  79. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +4 -5
  80. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +261 -196
  81. package/styled-components/es/components/Tabs/tokens.js +5 -2
  82. package/styled-components/es/components/Tabs/ui/TabItem/TabItem.js +8 -2
  83. package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  84. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +50 -8
  85. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.styles.js +2 -2
  86. package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  87. package/styled-components/es/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  88. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +8 -8
  89. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +4 -5
  90. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +261 -196
  91. package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.config.js +8 -8
  92. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.config.js +4 -5
  93. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +261 -196
  94. package/types/components/Tabs/tokens.d.ts +3 -0
  95. package/types/components/Tabs/tokens.d.ts.map +1 -1
  96. package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -1
  97. package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -1
  98. package/types/components/Tabs/ui/Tabs/Tabs.d.ts +4 -2
  99. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
  100. package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -1
  101. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts +12 -5
  102. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -1
  103. package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -1
  104. package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -1
  105. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts +0 -1
  106. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -1
  107. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +2 -1
  108. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
  109. package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -1
  110. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts +0 -1
  111. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -1
  112. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +2 -1
  113. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
  114. package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +2 -1
  115. package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -1
  116. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_q8xs21.css +0 -1
  117. package/es/components/Tabs/ui/TabItem/variations/_view/base_q8xs21.css +0 -1
package/cjs/index.css CHANGED
@@ -161,20 +161,20 @@
161
161
 
162
162
  .base_iw773q_b12fajph__34b9af5a{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
163
163
 
164
- .base_4xkt26_b1mh5p08__45365c21{background-color:var(--plasma-tabs-backgorund-color);}.base_4xkt26_b1mh5p08__45365c21::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(--plasma-tabs-divider-color);height:var(--plasma-tabs-divider-height);border-radius:var(--plasma-tabs-divider-border-radius);}.base_4xkt26_b1mh5p08__45365c21.base_4xkt26_tabsHasLeftArrow__45365c21::after{left:1.5rem;}.base_4xkt26_b1mh5p08__45365c21.base_4xkt26_tabsHasRightArrow__45365c21::after{right:1.5rem;}
164
+ .base_aij3sf_b1mh5p08__d6b8b2c3{background-color:var(--plasma-tabs-background-color);}.base_aij3sf_b1mh5p08__d6b8b2c3::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(--plasma-tabs-divider-color);height:var(--plasma-tabs-divider-height);border-radius:var(--plasma-tabs-divider-border-radius);}.base_aij3sf_b1mh5p08__d6b8b2c3.base_aij3sf_tabsHasLeftArrow__d6b8b2c3::after{left:1.5rem;}.base_aij3sf_b1mh5p08__d6b8b2c3.base_aij3sf_tabsHasRightArrow__d6b8b2c3::after{right:1.5rem;}
165
165
 
166
166
  .base_1i8tr9c_b1lwejhw__63d2542b{opacity:var(--plasma-tabs-disabled-opacity);}
167
167
 
168
168
  .base_1ujjl52_b1aa8x3y__dbe55f93.base_1ujjl52_tabsPilled__dbe55f93{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}
169
169
 
170
- .base_176tz0n_be36ynn__f15737ac.base_176tz0n_tabsStretched__f15737ac{width:100%;}.base_176tz0n_be36ynn__f15737ac.base_176tz0n_tabsStretched__f15737ac .base_176tz0n_sh5e38r__f15737ac,.base_176tz0n_be36ynn__f15737ac.base_176tz0n_tabsStretched__f15737ac .base_176tz0n_s8qwlso__f15737ac,.base_176tz0n_be36ynn__f15737ac.base_176tz0n_tabsStretched__f15737ac .base_176tz0n_s8qwlso__f15737ac > button{width:100%;}
170
+ .base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea{width:100%;}.base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea .base_1c7lnrm_sh5e38r__a2a07cea,.base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea .base_1c7lnrm_s8qwlso__a2a07cea,.base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea .base_1c7lnrm_s8qwlso__a2a07cea > button{width:100%;margin-left:0;}
171
171
 
172
- .Tabs_styles_1b8qt33_bu8v92r__719988cb{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;position:relative;}
173
- .Tabs_styles_1b8qt33_s8qwlso__719988cb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
174
- .Tabs_styles_1b8qt33_sh5e38r__719988cb{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;overflow:scroll;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.Tabs_styles_1b8qt33_sh5e38r__719988cb::-webkit-scrollbar{display:none;}
175
- .Tabs_styles_1b8qt33_s1ekwj92__719988cb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1ekwj92-0);padding-right:var(--s1ekwj92-1);padding-left:var(--s1ekwj92-2);}.Tabs_styles_1b8qt33_s1ekwj92__719988cb::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;}.Tabs_styles_1b8qt33_s1ekwj92__719988cb.Tabs_styles_1b8qt33_focusVisible__719988cb:focus::before,.Tabs_styles_1b8qt33_s1ekwj92__719988cb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.Tabs_styles_1b8qt33_s1ekwj92__719988cb[disabled]{cursor:not-allowed;}
172
+ .Tabs_styles_106qhdc_bu8v92r__cc94d4fb{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;position:relative;}
173
+ .Tabs_styles_106qhdc_s8qwlso__cc94d4fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
174
+ .Tabs_styles_106qhdc_sh5e38r__cc94d4fb{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Tabs_styles_106qhdc_sh5e38r__cc94d4fb.Tabs_styles_106qhdc_tabsClipScroll__cc94d4fb{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Tabs_styles_106qhdc_sh5e38r__cc94d4fb.Tabs_styles_106qhdc_tabsClipScroll__cc94d4fb::-webkit-scrollbar{display:none;}.Tabs_styles_106qhdc_sh5e38r__cc94d4fb.Tabs_styles_106qhdc_tabsClipShowAll__cc94d4fb{overflow:visible;}
175
+ .Tabs_styles_106qhdc_s1ekwj92__cc94d4fb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1ekwj92-0);padding-right:var(--s1ekwj92-1);padding-left:var(--s1ekwj92-2);}.Tabs_styles_106qhdc_s1ekwj92__cc94d4fb::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;}.Tabs_styles_106qhdc_s1ekwj92__cc94d4fb.Tabs_styles_106qhdc_focusVisible__cc94d4fb:focus::before,.Tabs_styles_106qhdc_s1ekwj92__cc94d4fb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.Tabs_styles_106qhdc_s1ekwj92__cc94d4fb[disabled]{cursor:not-allowed;}
176
176
 
177
- .base_q8xs21_b5uyjxl__66eab5c4{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_q8xs21_b5uyjxl__66eab5c4:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_q8xs21_b5uyjxl__66eab5c4:hover .base_q8xs21_r265xop__66eab5c4{color:var(--plasma-tab-item-hover-additional-content-color);}.base_q8xs21_b5uyjxl__66eab5c4.base_q8xs21_tabItemAnimated__66eab5c4{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_q8xs21_b5uyjxl__66eab5c4.base_q8xs21_selectedTabsItem__66eab5c4{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_q8xs21_b5uyjxl__66eab5c4.base_q8xs21_selectedTabsItem__66eab5c4:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_q8xs21_b5uyjxl__66eab5c4.base_q8xs21_selectedTabsItem__66eab5c4:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_q8xs21_b5uyjxl__66eab5c4.base_q8xs21_selectedTabsItem__66eab5c4 .base_q8xs21_r265xop__66eab5c4{color:var(--plasma-tab-item-selected-additional-content-color);}.base_q8xs21_b5uyjxl__66eab5c4.base_q8xs21_selectedTabsItem__66eab5c4 .base_q8xs21_r265xop__66eab5c4:hover{color:var(--plasma-tab-item-selected-hover-additional-content-color);}.base_q8xs21_b5uyjxl__66eab5c4.base_q8xs21_selectedTabsItem__66eab5c4::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:1px;}
177
+ .base_7pcxtm_b5uyjxl__b67ab7ce{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_7pcxtm_b5uyjxl__b67ab7ce:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_7pcxtm_b5uyjxl__b67ab7ce:hover .base_7pcxtm_r265xop__b67ab7ce{color:var(--plasma-tab-item-hover-additional-content-color);}.base_7pcxtm_b5uyjxl__b67ab7ce:active{color:var(--plasma-tab-item-color-active);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_tabItemAnimated__b67ab7ce{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce .base_7pcxtm_r265xop__b67ab7ce{color:var(--plasma-tab-item-selected-additional-content-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce .base_7pcxtm_r265xop__b67ab7ce:hover{color:var(--plasma-tab-item-selected-hover-additional-content-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:1px;}
178
178
 
179
179
  .base_1d7e3fp_bvmpqz9__8fd7c45d{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}
180
180
 
package/emotion/cjs/components/Tabs/tokens.js CHANGED
@@ -15,7 +15,9 @@ var classes = exports.classes = {
15
15
  tabRightContent: 'tab-item-right-content',
16
16
  tabLeftContent: 'tab-item-left-content',
17
17
  tabsHasLeftArrow: 'tabs-has-left-arrow',
18
- tabsHasRightArrow: 'tabs-has-right-arrow'
18
+ tabsHasRightArrow: 'tabs-has-right-arrow',
19
+ tabsClipScroll: 'tabs-clip-scroll',
20
+ tabsClipShowAll: 'tabs-clip-show-all'
19
21
  };
20
22
  var tokens = exports.tokens = {
21
23
  disabledOpacity: '--plasma-tabs-disabled-opacity',
@@ -32,7 +34,7 @@ var tokens = exports.tokens = {
32
34
  outlineFocusColor: '--plasma-tabs-outline-focus-color',
33
35
  arrowColor: '--plasma-tabs-arrow-color',
34
36
  tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',
35
- tabsBackgroundColor: '--plasma-tabs-backgorund-color',
37
+ tabsBackgroundColor: '--plasma-tabs-background-color',
36
38
  tabsBorderRadius: '--plasma-tabs-border-radius',
37
39
  tabsWidth: '--plasma-tabs-width',
38
40
  tabsHeight: '--plasma-tabs-height',
@@ -56,6 +58,7 @@ var tokens = exports.tokens = {
56
58
  itemColor: '--plasma-tab-item-color',
57
59
  itemBackgroundColor: '--plasma-tab-item-background-color',
58
60
  itemColorHover: '--plasma-tab-item-color-hover',
61
+ itemColorActive: '--plasma-tab-item-color-active',
59
62
  itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',
60
63
  itemSelectedColor: '--plasma-tab-item-selected-color',
61
64
  itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',
package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.js CHANGED
@@ -15,7 +15,7 @@ var _base2 = /*#__PURE__*/require("./variations/_size/base");
15
15
  var _base3 = /*#__PURE__*/require("./variations/_pilled/base");
16
16
  var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
17
17
  var _TabItem = /*#__PURE__*/require("./TabItem.styles");
18
- var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className"];
18
+ var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
19
19
  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); }
20
20
  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; }
21
21
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -40,6 +40,7 @@ var tabItemRoot = exports.tabItemRoot = function tabItemRoot(Root) {
40
40
  itemIndex = props.itemIndex,
41
41
  tabIndex = props.tabIndex,
42
42
  className = props.className,
43
+ onClick = props.onClick,
43
44
  rest = _objectWithoutProperties(props, _excluded);
44
45
  var innerRef = (0, _react.useRef)(null);
45
46
  var ref = (0, _plasmaCore.useForkRef)(outerRef, innerRef);
@@ -81,6 +82,10 @@ var tabItemRoot = exports.tabItemRoot = function tabItemRoot(Root) {
81
82
  onIndexChange === null || onIndexChange === void 0 || onIndexChange(focusIndex);
82
83
  refs.setCurrent(focusIndex);
83
84
  }, [refs, innerRef, onIndexChange, disabled]);
85
+ var handleClick = (0, _react.useCallback)(function (event) {
86
+ event.currentTarget.scrollIntoView();
87
+ onClick && onClick(event);
88
+ }, [onClick]);
84
89
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
85
90
  ref: ref,
86
91
  disabled: disabled,
@@ -90,7 +95,8 @@ var tabItemRoot = exports.tabItemRoot = function tabItemRoot(Root) {
90
95
  size: size,
91
96
  onFocus: onItemFocus,
92
97
  tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
93
- className: (0, _utils.cx)(pilledClass, selectedClass, animatedClass, className)
98
+ className: (0, _utils.cx)(pilledClass, selectedClass, animatedClass, className),
99
+ onClick: handleClick
94
100
  }, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_TabItem.LeftContent, {
95
101
  className: _tokens.classes.tabLeftContent
96
102
  }, contentLeft), /*#__PURE__*/_react["default"].createElement(_TabItem.StyledContent, {
package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js CHANGED
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _react = /*#__PURE__*/require("@emotion/react");
8
8
  var _tokens = /*#__PURE__*/require("../../../../tokens");
9
9
  var _TabItem = /*#__PURE__*/require("../../TabItem.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _react.css)("color:var(", _tokens.tokens.itemColor, ");background-color:var(", _tokens.tokens.itemBackgroundColor, ");margin-left:var(", _tokens.tokens.itemMarginLeftFilled, ", var(", _tokens.tokens.itemMarginLeft, "));&:hover{color:var(", _tokens.tokens.itemColorHover, ");background-color:var(", _tokens.tokens.itemBackgroundColorHover, ");", _TabItem.RightContent, "{color:var(", _tokens.tokens.additionalContentHoverColor, ");}}&.", /*#__PURE__*/String(_tokens.classes.tabItemAnimated), "{transition:var(", _tokens.tokens.itemBackgroundTransition, ");}&.", /*#__PURE__*/String(_tokens.classes.selectedTabsItem), "{color:var(", _tokens.tokens.itemSelectedColor, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColor, ");&:hover{color:var(", _tokens.tokens.itemSelectedColorHover, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColorHover, ");&::after{background:var(", _tokens.tokens.itemSelectedDividerColorHover, ");}}", _TabItem.RightContent, "{color:var(", _tokens.tokens.additionalContentSelectedColor, ");&:hover{color:var(", _tokens.tokens.additionalContentSelectedHoverColor, ");}}&::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(", _tokens.tokens.itemSelectedDividerColor, ");height:var(", _tokens.tokens.itemSelectedDividerHeight, ");border-radius:1px;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYkl0ZW0vdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi90b2tlbnMnO1xuaW1wb3J0IHsgUmlnaHRDb250ZW50IH0gZnJvbSAnLi4vLi4vVGFiSXRlbS5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvcn0pO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZENvbG9yfSk7XG5cbiAgICBtYXJnaW4tbGVmdDogdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5MZWZ0RmlsbGVkfSwgdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5MZWZ0fSkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9ySG92ZXJ9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuXG4gICAgICAgICR7UmlnaHRDb250ZW50fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50SG92ZXJDb2xvcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke1N0cmluZyhjbGFzc2VzLnRhYkl0ZW1BbmltYXRlZCl9IHtcbiAgICAgICAgdHJhbnNpdGlvbjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kVHJhbnNpdGlvbn0pO1xuICAgIH1cblxuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy5zZWxlY3RlZFRhYnNJdGVtKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZENvbG9yfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRCYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQ29sb3JIb3Zlcn0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZEJhY2tncm91bmRDb2xvckhvdmVyfSk7XG5cbiAgICAgICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkRGl2aWRlckNvbG9ySG92ZXJ9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICR7UmlnaHRDb250ZW50fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50U2VsZWN0ZWRDb2xvcn0pO1xuXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50U2VsZWN0ZWRIb3ZlckNvbG9yfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIGJvdHRvbTogMHB4O1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZERpdmlkZXJDb2xvcn0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkRGl2aWRlckhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXB4O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
10
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("color:var(", _tokens.tokens.itemColor, ");background-color:var(", _tokens.tokens.itemBackgroundColor, ");margin-left:var(", _tokens.tokens.itemMarginLeftFilled, ", var(", _tokens.tokens.itemMarginLeft, "));&:hover{color:var(", _tokens.tokens.itemColorHover, ");background-color:var(", _tokens.tokens.itemBackgroundColorHover, ");", _TabItem.RightContent, "{color:var(", _tokens.tokens.additionalContentHoverColor, ");}}&:active{color:var(", _tokens.tokens.itemColorActive, ");}&.", /*#__PURE__*/String(_tokens.classes.tabItemAnimated), "{transition:var(", _tokens.tokens.itemBackgroundTransition, ");}&.", /*#__PURE__*/String(_tokens.classes.selectedTabsItem), "{color:var(", _tokens.tokens.itemSelectedColor, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColor, ");&:hover{color:var(", _tokens.tokens.itemSelectedColorHover, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColorHover, ");&::after{background:var(", _tokens.tokens.itemSelectedDividerColorHover, ");}}", _TabItem.RightContent, "{color:var(", _tokens.tokens.additionalContentSelectedColor, ");&:hover{color:var(", _tokens.tokens.additionalContentSelectedHoverColor, ");}}&::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(", _tokens.tokens.itemSelectedDividerColor, ");height:var(", _tokens.tokens.itemSelectedDividerHeight, ");border-radius:1px;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYkl0ZW0vdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi90b2tlbnMnO1xuaW1wb3J0IHsgUmlnaHRDb250ZW50IH0gZnJvbSAnLi4vLi4vVGFiSXRlbS5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvcn0pO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZENvbG9yfSk7XG5cbiAgICBtYXJnaW4tbGVmdDogdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5MZWZ0RmlsbGVkfSwgdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5MZWZ0fSkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9ySG92ZXJ9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuXG4gICAgICAgICR7UmlnaHRDb250ZW50fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50SG92ZXJDb2xvcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvckFjdGl2ZX0pO1xuICAgIH1cblxuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy50YWJJdGVtQW5pbWF0ZWQpfSB7XG4gICAgICAgIHRyYW5zaXRpb246IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZFRyYW5zaXRpb259KTtcbiAgICB9XG5cbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMuc2VsZWN0ZWRUYWJzSXRlbSl9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRDb2xvcn0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQmFja2dyb3VuZENvbG9yfSk7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZENvbG9ySG92ZXJ9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRCYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuXG4gICAgICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZERpdmlkZXJDb2xvckhvdmVyfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAke1JpZ2h0Q29udGVudH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5hZGRpdGlvbmFsQ29udGVudFNlbGVjdGVkQ29sb3J9KTtcblxuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5hZGRpdGlvbmFsQ29udGVudFNlbGVjdGVkSG92ZXJDb2xvcn0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICBib3R0b206IDBweDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWREaXZpZGVyQ29sb3J9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZERpdmlkZXJIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDFweDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js CHANGED
@@ -17,7 +17,7 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
17
17
  var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
18
18
  var _base5 = /*#__PURE__*/require("./variations/_stretch/base");
19
19
  var _Tabs = /*#__PURE__*/require("./Tabs.styles");
20
- var _excluded = ["id", "stretch", "disabled", "size", "view", "children", "pilled", "index", "className"];
20
+ var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "pilled", "index", "className"];
21
21
  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); }
22
22
  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; }
23
23
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -43,6 +43,8 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
43
43
  stretch = _props$stretch === void 0 ? false : _props$stretch,
44
44
  _props$disabled = props.disabled,
45
45
  disabled = _props$disabled === void 0 ? false : _props$disabled,
46
+ _props$clip = props.clip,
47
+ clip = _props$clip === void 0 ? 'scroll' : _props$clip,
46
48
  size = props.size,
47
49
  view = props.view,
48
50
  children = props.children,
@@ -69,14 +71,41 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
69
71
  var stretchClass = firstItemVisible && lastItemVisible && stretch ? _tokens.classes.tabsStretch : undefined;
70
72
  var hasLeftArrowClass = !firstItemVisible ? _tokens.classes.tabsHasLeftArrow : undefined;
71
73
  var hasRightArrowClass = !lastItemVisible ? _tokens.classes.tabsHasRightArrow : undefined;
74
+ var clipScrollClass = clip === 'scroll' ? _tokens.classes.tabsClipScroll : undefined;
75
+ var clipShowAllClass = clip === 'showAll' ? _tokens.classes.tabsClipShowAll : undefined;
72
76
  var scrollRef = (0, _react.useRef)(null);
73
77
  var trackRef = (0, _react.useRef)(null);
78
+ var leftArrowRef = (0, _react.useRef)(null);
74
79
  var onPrev = (0, _react.useCallback)(function () {
75
- !disabled && scrollRef.current && (0, _plasmaCore.animatedScrollToX)(scrollRef.current, scrollRef.current.scrollLeft - scrollRef.current.offsetWidth / 2);
76
- }, [disabled, scrollRef]);
80
+ var _firstOverflowingTab$;
81
+ if (disabled || !scrollRef.current) {
82
+ return;
83
+ }
84
+ var scrollLeft = Math.round(scrollRef.current.scrollLeft);
85
+ var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
86
+ if (!item.current || item.current.offsetLeft === undefined) {
87
+ return;
88
+ }
89
+ var tabStartX = item.current.offsetLeft;
90
+ return tabStartX < scrollLeft;
91
+ });
92
+ firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView();
93
+ }, [disabled, scrollRef, refs]);
77
94
  var onNext = (0, _react.useCallback)(function () {
78
- !disabled && scrollRef.current && (0, _plasmaCore.animatedScrollToX)(scrollRef.current, scrollRef.current.scrollLeft + scrollRef.current.offsetWidth / 2);
79
- }, [disabled, scrollRef]);
95
+ var _lastOverflowingTab$c;
96
+ if (disabled || !scrollRef.current) {
97
+ return;
98
+ }
99
+ var scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
100
+ var lastOverflowingTab = refs.items.find(function (item) {
101
+ if (!item.current || item.current.offsetLeft === undefined) {
102
+ return;
103
+ }
104
+ var tabEndX = item.current.offsetLeft + item.current.offsetWidth;
105
+ return tabEndX > scrollRight;
106
+ });
107
+ lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView();
108
+ }, [disabled, scrollRef, refs]);
80
109
  var PreviousButton = (0, _react.useMemo)(function () {
81
110
  return /*#__PURE__*/_react["default"].createElement(_Tabs.StyledArrow, {
82
111
  type: "button",
@@ -85,6 +114,7 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
85
114
  tabIndex: disabled ? -1 : 0,
86
115
  disabled: disabled,
87
116
  isFilled: isFilled,
117
+ ref: leftArrowRef,
88
118
  isLeftArrow: true
89
119
  }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
90
120
  color: "var(".concat(_tokens.tokens.arrowColor, ")")
@@ -105,8 +135,9 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
105
135
  var handleScroll = (0, _react.useCallback)(function (event) {
106
136
  event.stopPropagation();
107
137
  var maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;
108
- setFirstItemVisible(event.currentTarget.scrollLeft <= 0);
109
- setLastItemVisible(event.currentTarget.scrollLeft >= maxScrollLeft);
138
+ var scrollLeft = Math.round(event.currentTarget.scrollLeft);
139
+ setFirstItemVisible(scrollLeft <= 0);
140
+ setLastItemVisible(scrollLeft >= maxScrollLeft);
110
141
  }, [setFirstItemVisible, setLastItemVisible]);
111
142
  var onKeyDown = (0, _react.useCallback)(function (event) {
112
143
  if (index === undefined) {
@@ -146,6 +177,16 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
146
177
  var _scrollRef$current, _scrollRef$current2;
147
178
  setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollWidth) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientWidth));
148
179
  }, []);
180
+
181
+ // Этот хук компенсирует появление левой стрелки при прокрутке
182
+ (0, _react.useEffect)(function () {
183
+ if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {
184
+ return;
185
+ }
186
+ scrollRef.current.scrollTo({
187
+ left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
188
+ });
189
+ }, [firstItemVisible, scrollRef, leftArrowRef]);
149
190
  return /*#__PURE__*/_react["default"].createElement(_TabsContext.TabsContext.Provider, {
150
191
  value: refs
151
192
  }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
@@ -159,6 +200,7 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
159
200
  className: (0, _utils.cx)(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className),
160
201
  onKeyDown: onKeyDown
161
202
  }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_Tabs.StyledContentWrapper, {
203
+ className: (0, _utils.cx)(clipScrollClass, clipShowAllClass),
162
204
  ref: scrollRef,
163
205
  onScroll: handleScroll
164
206
  }, /*#__PURE__*/_react["default"].createElement(_Tabs.StyledContent, {
package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js CHANGED
@@ -16,7 +16,7 @@ var base = exports.base = process.env.NODE_ENV === "production" ? {
16
16
  } : {
17
17
  name: "1i3lhgf-plasma-new-hope__base",
18
18
  styles: "display:flex;align-items:center;position:relative;label:plasma-new-hope__base;",
19
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvVGFicy9UYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIC8qIGFsbG93cyBjb3JyZWN0bHkgZGlzcGxheSBvdXRsaW5lIGZvY3VzIG9uIHRhYnMgaXRlbSAqL1xuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMjVyZW07XG5cbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uPHsgaXNMZWZ0QXJyb3c/OiBib29sZWFuOyBpc0ZpbGxlZD86IGJvb2xlYW4gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nOiAkeyh7IGlzRmlsbGVkIH0pID0+IChpc0ZpbGxlZCA/IGB2YXIoJHt0b2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9KWAgOiAnJyl9O1xuXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBpc0xlZnRBcnJvdyB9KSA9PlxuICAgICAgICBpc0xlZnRBcnJvdyA/IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWAgOiAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknIDogYHZhcigke3Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ30pYH07XG5gO1xuIl19 */",
19
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvVGFicy9UYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIC8qIGFsbG93cyBjb3JyZWN0bHkgZGlzcGxheSBvdXRsaW5lIGZvY3VzIG9uIHRhYnMgaXRlbSAqL1xuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMjVyZW07XG5cbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnRhYnNDbGlwU2Nyb2xsfSB7XG4gICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwLjI1cmVtO1xuICAgICAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuXG4gICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudGFic0NsaXBTaG93QWxsfSB7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b248eyBpc0xlZnRBcnJvdz86IGJvb2xlYW47IGlzRmlsbGVkPzogYm9vbGVhbiB9PmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmc6ICR7KHsgaXNGaWxsZWQgfSkgPT4gKGlzRmlsbGVkID8gYHZhcigke3Rva2Vucy5hcnJvd091dGVyUGFkZGluZ30pYCA6ICcnKX07XG5cbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IGlzTGVmdEFycm93IH0pID0+XG4gICAgICAgIGlzTGVmdEFycm93ID8gYHZhcigke3Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ30pYCA6ICd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nKSd9O1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyBpc0xlZnRBcnJvdyB9KSA9PlxuICAgICAgICBpc0xlZnRBcnJvdyA/ICd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nKScgOiBgdmFyKCR7dG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfSlgfTtcbmA7XG4iXX0= */",
20
20
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
21
21
  };
22
22
  var StyledContent = exports.StyledContent = /*#__PURE__*/(0, _base["default"])("div", {
@@ -28,21 +28,13 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/(0, _base["default"])("
28
28
  } : {
29
29
  name: "3251ob",
30
30
  styles: "display:inline-flex;flex-direction:row;align-items:center",
31
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvVGFicy9UYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIC8qIGFsbG93cyBjb3JyZWN0bHkgZGlzcGxheSBvdXRsaW5lIGZvY3VzIG9uIHRhYnMgaXRlbSAqL1xuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMjVyZW07XG5cbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uPHsgaXNMZWZ0QXJyb3c/OiBib29sZWFuOyBpc0ZpbGxlZD86IGJvb2xlYW4gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nOiAkeyh7IGlzRmlsbGVkIH0pID0+IChpc0ZpbGxlZCA/IGB2YXIoJHt0b2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9KWAgOiAnJyl9O1xuXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBpc0xlZnRBcnJvdyB9KSA9PlxuICAgICAgICBpc0xlZnRBcnJvdyA/IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWAgOiAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknIDogYHZhcigke3Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ30pYH07XG5gO1xuIl19 */",
31
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvVGFicy9UYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIC8qIGFsbG93cyBjb3JyZWN0bHkgZGlzcGxheSBvdXRsaW5lIGZvY3VzIG9uIHRhYnMgaXRlbSAqL1xuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMjVyZW07XG5cbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnRhYnNDbGlwU2Nyb2xsfSB7XG4gICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwLjI1cmVtO1xuICAgICAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuXG4gICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudGFic0NsaXBTaG93QWxsfSB7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b248eyBpc0xlZnRBcnJvdz86IGJvb2xlYW47IGlzRmlsbGVkPzogYm9vbGVhbiB9PmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmc6ICR7KHsgaXNGaWxsZWQgfSkgPT4gKGlzRmlsbGVkID8gYHZhcigke3Rva2Vucy5hcnJvd091dGVyUGFkZGluZ30pYCA6ICcnKX07XG5cbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IGlzTGVmdEFycm93IH0pID0+XG4gICAgICAgIGlzTGVmdEFycm93ID8gYHZhcigke3Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ30pYCA6ICd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nKSd9O1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyBpc0xlZnRBcnJvdyB9KSA9PlxuICAgICAgICBpc0xlZnRBcnJvdyA/ICd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nKScgOiBgdmFyKCR7dG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfSlgfTtcbmA7XG4iXX0= */",
32
32
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
33
33
  });
34
34
  var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/(0, _base["default"])("div", {
35
35
  target: "ekgy0fz1",
36
36
  label: "plasma-new-hope__StyledContentWrapper"
37
- })(process.env.NODE_ENV === "production" ? {
38
- name: "hwn6wd",
39
- styles: "margin:-0.125rem;padding:0.25rem;box-sizing:content-box;overflow:scroll;position:relative;height:100%;width:100%;display:flex;align-items:center;scrollbar-width:none;::-webkit-scrollbar{display:none;}overscroll-behavior:contain"
40
- } : {
41
- name: "hwn6wd",
42
- styles: "margin:-0.125rem;padding:0.25rem;box-sizing:content-box;overflow:scroll;position:relative;height:100%;width:100%;display:flex;align-items:center;scrollbar-width:none;::-webkit-scrollbar{display:none;}overscroll-behavior:contain",
43
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYnMvVGFicy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiB0YWJzIGl0ZW0gKi9cbiAgICBtYXJnaW46IC0wLjEyNXJlbTtcbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbjx7IGlzTGVmdEFycm93PzogYm9vbGVhbjsgaXNGaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSAtIDAuMDYzcmVtKScsXG4gICAgfSl9O1xuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZzogJHsoeyBpc0ZpbGxlZCB9KSA9PiAoaXNGaWxsZWQgPyBgdmFyKCR7dG9rZW5zLmFycm93T3V0ZXJQYWRkaW5nfSlgIDogJycpfTtcblxuICAgIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyBgdmFyKCR7dG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfSlgIDogJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJ307XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IGlzTGVmdEFycm93IH0pID0+XG4gICAgICAgIGlzTGVmdEFycm93ID8gJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJyA6IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWB9O1xuYDtcbiJdfQ== */",
44
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
45
- });
37
+ })("margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;&.", _tokens.classes.tabsClipScroll, "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.", _tokens.classes.tabsClipShowAll, "{overflow:visible;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYnMvVGFicy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiB0YWJzIGl0ZW0gKi9cbiAgICBtYXJnaW46IC0wLjEyNXJlbTtcbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy50YWJzQ2xpcFNjcm9sbH0ge1xuICAgICAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgICAgICBzY3JvbGwtcGFkZGluZzogMC4yNXJlbTtcbiAgICAgICAgb3ZlcnNjcm9sbC1iZWhhdmlvcjogY29udGFpbjtcblxuICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnRhYnNDbGlwU2hvd0FsbH0ge1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uPHsgaXNMZWZ0QXJyb3c/OiBib29sZWFuOyBpc0ZpbGxlZD86IGJvb2xlYW4gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nOiAkeyh7IGlzRmlsbGVkIH0pID0+IChpc0ZpbGxlZCA/IGB2YXIoJHt0b2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9KWAgOiAnJyl9O1xuXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBpc0xlZnRBcnJvdyB9KSA9PlxuICAgICAgICBpc0xlZnRBcnJvdyA/IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWAgOiAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknIDogYHZhcigke3Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ30pYH07XG5gO1xuIl19 */"));
46
38
  var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _base["default"])("button", {
47
39
  target: "ekgy0fz0",
48
40
  label: "plasma-new-hope__StyledArrow"
@@ -60,4 +52,4 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _base["default"])("butt
60
52
  }, ";padding-left:", function (_ref3) {
61
53
  var isLeftArrow = _ref3.isLeftArrow;
62
54
  return isLeftArrow ? 'var(--plasma_private-outer-padding)' : "var(".concat(_tokens.tokens.arrowInnerPadding, ")");
63
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYnMvVGFicy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiB0YWJzIGl0ZW0gKi9cbiAgICBtYXJnaW46IC0wLjEyNXJlbTtcbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbjx7IGlzTGVmdEFycm93PzogYm9vbGVhbjsgaXNGaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSAtIDAuMDYzcmVtKScsXG4gICAgfSl9O1xuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZzogJHsoeyBpc0ZpbGxlZCB9KSA9PiAoaXNGaWxsZWQgPyBgdmFyKCR7dG9rZW5zLmFycm93T3V0ZXJQYWRkaW5nfSlgIDogJycpfTtcblxuICAgIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyBgdmFyKCR7dG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfSlgIDogJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJ307XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IGlzTGVmdEFycm93IH0pID0+XG4gICAgICAgIGlzTGVmdEFycm93ID8gJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJyA6IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWB9O1xuYDtcbiJdfQ== */"));
55
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYnMvVGFicy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiB0YWJzIGl0ZW0gKi9cbiAgICBtYXJnaW46IC0wLjEyNXJlbTtcbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy50YWJzQ2xpcFNjcm9sbH0ge1xuICAgICAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgICAgICBzY3JvbGwtcGFkZGluZzogMC4yNXJlbTtcbiAgICAgICAgb3ZlcnNjcm9sbC1iZWhhdmlvcjogY29udGFpbjtcblxuICAgICAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnRhYnNDbGlwU2hvd0FsbH0ge1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uPHsgaXNMZWZ0QXJyb3c/OiBib29sZWFuOyBpc0ZpbGxlZD86IGJvb2xlYW4gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nOiAkeyh7IGlzRmlsbGVkIH0pID0+IChpc0ZpbGxlZCA/IGB2YXIoJHt0b2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9KWAgOiAnJyl9O1xuXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBpc0xlZnRBcnJvdyB9KSA9PlxuICAgICAgICBpc0xlZnRBcnJvdyA/IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWAgOiAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknIDogYHZhcigke3Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ30pYH07XG5gO1xuIl19 */"));
package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js CHANGED
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _react = /*#__PURE__*/require("@emotion/react");
8
8
  var _tokens = /*#__PURE__*/require("../../../../tokens");
9
9
  var _Tabs = /*#__PURE__*/require("../../Tabs.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _tokens.classes.tabsStretch, "{width:100%;", _Tabs.StyledContentWrapper, ",", _Tabs.StyledContent, ",", _Tabs.StyledContent, ">button{width:100%;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL3ZhcmlhdGlvbnMvX3N0cmV0Y2gvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYnMvdmFyaWF0aW9ucy9fc3RyZXRjaC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vdG9rZW5zJztcbmltcG9ydCB7IFN0eWxlZENvbnRlbnQsIFN0eWxlZENvbnRlbnRXcmFwcGVyIH0gZnJvbSAnLi4vLi4vVGFicy5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy50YWJzU3RyZXRjaH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcblxuICAgICAgICAke1N0eWxlZENvbnRlbnRXcmFwcGVyfSwgJHtTdHlsZWRDb250ZW50fSwgJHtTdHlsZWRDb250ZW50fSA+IGJ1dHRvbiB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
10
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _tokens.classes.tabsStretch, "{width:100%;", _Tabs.StyledContentWrapper, ",", _Tabs.StyledContent, ",", _Tabs.StyledContent, ">button{width:100%;margin-left:0;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL3ZhcmlhdGlvbnMvX3N0cmV0Y2gvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYnMvdmFyaWF0aW9ucy9fc3RyZXRjaC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vdG9rZW5zJztcbmltcG9ydCB7IFN0eWxlZENvbnRlbnQsIFN0eWxlZENvbnRlbnRXcmFwcGVyIH0gZnJvbSAnLi4vLi4vVGFicy5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy50YWJzU3RyZXRjaH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcblxuICAgICAgICAke1N0eWxlZENvbnRlbnRXcmFwcGVyfSwgJHtTdHlsZWRDb250ZW50fSwgJHtTdHlsZWRDb250ZW50fSA+IGJ1dHRvbiB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/tokens.json CHANGED
@@ -1 +1 @@
1
- ["--plasma-tabs-backgorund-color", "--plasma-tabs-divider-height", "--plasma-tabs-divider-color"]
1
+ ["--plasma-tabs-background-color", "--plasma-tabs-divider-height", "--plasma-tabs-divider-color"]