@salutejs/plasma-new-hope 0.162.3-canary.1374.11254951530.0 → 0.163.0-canary.1466.11254522155.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (610) hide show
  1. package/cjs/components/Tabs/createTabsController.js.map +1 -1
  2. package/cjs/components/Tabs/tokens.js +4 -12
  3. package/cjs/components/Tabs/tokens.js.map +1 -1
  4. package/cjs/components/Tabs/ui/TabItem/TabItem.css +12 -0
  5. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +18 -22
  6. package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
  7. package/cjs/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -12
  8. package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
  9. package/cjs/components/Tabs/ui/TabItem/TabItem.styles_pj75hv.css +4 -0
  10. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled → TabItem/variations/_disabled}/base.js +2 -2
  11. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
  12. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
  13. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
  14. package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
  15. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
  16. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
  17. package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
  18. package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
  19. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_view}/base.js +2 -2
  20. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
  21. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  22. package/cjs/components/Tabs/ui/Tabs/Tabs.css +16 -0
  23. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +21 -21
  24. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
  25. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
  26. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
  27. package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
  28. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +9 -0
  29. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
  30. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
  31. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
  32. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
  33. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
  34. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → Tabs}/variations/_size/base.js +2 -2
  35. package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
  36. package/cjs/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
  37. package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_stretch}/base.js +2 -2
  38. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
  39. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
  40. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
  41. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
  42. package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
  43. package/cjs/index.css +17 -41
  44. package/cjs/index.js +6 -12
  45. package/cjs/index.js.map +1 -1
  46. package/emotion/cjs/components/Badge/Badge.template-doc.mdx +3 -1
  47. package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +21 -86
  48. package/emotion/cjs/components/Tabs/index.js +10 -36
  49. package/emotion/cjs/components/Tabs/tokens.js +4 -12
  50. package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +15 -19
  51. package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js +39 -0
  52. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js +9 -0
  53. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js +9 -0
  54. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js +9 -0
  55. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
  56. package/{styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → emotion/cjs/components/Tabs/ui/Tabs/Tabs.js} +17 -17
  57. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +55 -0
  58. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +9 -0
  59. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
  60. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_size/base.js +9 -0
  61. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +10 -0
  62. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
  63. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +14 -13
  64. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
  65. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +39 -0
  66. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
  67. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +41 -0
  68. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -14
  69. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
  70. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +3 -8
  71. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +14 -13
  72. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
  73. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +39 -0
  74. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
  75. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +41 -0
  76. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -14
  77. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
  78. package/emotion/cjs/examples/plasma_web/components/Tabs/TabsController.js +3 -8
  79. package/emotion/es/components/Badge/Badge.template-doc.mdx +3 -1
  80. package/emotion/es/components/Tabs/Tabs.template-doc.mdx +21 -86
  81. package/emotion/es/components/Tabs/index.js +2 -4
  82. package/emotion/es/components/Tabs/tokens.js +4 -12
  83. package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +11 -15
  84. package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +32 -0
  85. package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +3 -0
  86. package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +3 -0
  87. package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +3 -0
  88. package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
  89. package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +11 -11
  90. package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +48 -0
  91. package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +3 -0
  92. package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +3 -0
  93. package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +3 -0
  94. package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
  95. package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +3 -0
  96. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +14 -13
  97. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
  98. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +33 -0
  99. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
  100. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +35 -0
  101. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -14
  102. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
  103. package/emotion/es/examples/plasma_b2c/components/Tabs/TabsController.js +4 -9
  104. package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +14 -13
  105. package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
  106. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +33 -0
  107. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
  108. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +35 -0
  109. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +4 -14
  110. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
  111. package/emotion/es/examples/plasma_web/components/Tabs/TabsController.js +4 -9
  112. package/es/components/Tabs/createTabsController.js.map +1 -1
  113. package/es/components/Tabs/tokens.js +4 -12
  114. package/es/components/Tabs/tokens.js.map +1 -1
  115. package/es/components/Tabs/ui/TabItem/TabItem.css +12 -0
  116. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +14 -18
  117. package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
  118. package/es/components/Tabs/ui/TabItem/TabItem.styles.js +22 -0
  119. package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
  120. package/es/components/Tabs/ui/TabItem/TabItem.styles_pj75hv.css +4 -0
  121. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +5 -0
  122. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
  123. package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
  124. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
  125. package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
  126. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
  127. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
  128. package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
  129. package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
  130. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_view}/base.js +2 -2
  131. package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
  132. package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  133. package/es/components/Tabs/ui/Tabs/Tabs.css +16 -0
  134. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +15 -15
  135. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
  136. package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
  137. package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
  138. package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
  139. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +5 -0
  140. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
  141. package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
  142. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +5 -0
  143. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
  144. package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
  145. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_size}/base.js +2 -2
  146. package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
  147. package/es/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
  148. package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_size → Tabs/variations/_stretch}/base.js +2 -2
  149. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
  150. package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
  151. package/es/components/Tabs/ui/Tabs/variations/_view/base.js +5 -0
  152. package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
  153. package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
  154. package/es/index.css +17 -41
  155. package/es/index.js +2 -4
  156. package/es/index.js.map +1 -1
  157. package/package.json +2 -2
  158. package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +3 -1
  159. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +21 -86
  160. package/styled-components/cjs/components/Tabs/index.js +10 -36
  161. package/styled-components/cjs/components/Tabs/tokens.js +4 -12
  162. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +15 -19
  163. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +8 -11
  164. package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabItem → TabItem}/variations/_disabled/base.js +2 -2
  165. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +2 -2
  166. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
  167. package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
  168. package/{emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js} +17 -17
  169. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
  170. package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabs → Tabs}/variations/_disabled/base.js +1 -1
  171. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +2 -2
  172. package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabs → Tabs}/variations/_size/base.js +1 -1
  173. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.js +3 -3
  174. package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
  175. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +2 -1
  176. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
  177. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
  178. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
  179. package/styled-components/cjs/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_b2c/components/Tabs/Tabs.config.js} +1 -1
  180. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -14
  181. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
  182. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +3 -8
  183. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +2 -1
  184. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
  185. package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
  186. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
  187. package/styled-components/cjs/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_web/components/Tabs/Tabs.config.js} +1 -1
  188. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -14
  189. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
  190. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabsController.js +3 -8
  191. package/styled-components/es/components/Badge/Badge.template-doc.mdx +3 -1
  192. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +21 -86
  193. package/styled-components/es/components/Tabs/index.js +2 -4
  194. package/styled-components/es/components/Tabs/tokens.js +4 -12
  195. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +11 -15
  196. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +7 -10
  197. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.js +2 -2
  198. package/styled-components/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +3 -0
  199. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
  200. package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
  201. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +11 -11
  202. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
  203. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
  204. package/styled-components/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +3 -0
  205. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.js +1 -1
  206. package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
  207. package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
  208. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +2 -1
  209. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
  210. package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_b2c/components/Tabs/TabItem.config.js} +5 -5
  211. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
  212. package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_b2c/components/Tabs/Tabs.config.js} +1 -1
  213. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -14
  214. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +71 -428
  215. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabsController.js +4 -9
  216. package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +2 -1
  217. package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
  218. package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_web/components/Tabs/TabItem.config.js} +5 -5
  219. package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
  220. package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_web/components/Tabs/Tabs.config.js} +1 -1
  221. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +4 -14
  222. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +71 -428
  223. package/styled-components/es/examples/plasma_web/components/Tabs/TabsController.js +4 -9
  224. package/types/components/Tabs/createTabsController.d.ts +4 -5
  225. package/types/components/Tabs/createTabsController.d.ts.map +1 -1
  226. package/types/components/Tabs/index.d.ts +4 -6
  227. package/types/components/Tabs/index.d.ts.map +1 -1
  228. package/types/components/Tabs/tokens.d.ts +4 -12
  229. package/types/components/Tabs/tokens.d.ts.map +1 -1
  230. package/types/components/Tabs/ui/TabItem/TabItem.d.ts +29 -0
  231. package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -0
  232. package/types/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.d.ts → TabItem/TabItem.styles.d.ts} +1 -2
  233. package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +1 -0
  234. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +54 -0
  235. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -0
  236. package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +1 -0
  237. package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +1 -0
  238. package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +1 -0
  239. package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -0
  240. package/types/components/Tabs/ui/Tabs/Tabs.d.ts +34 -0
  241. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -0
  242. package/types/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts → Tabs/Tabs.styles.d.ts} +1 -1
  243. package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -0
  244. package/types/components/Tabs/{Tabs.types.d.ts → ui/Tabs/Tabs.types.d.ts} +9 -36
  245. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -0
  246. package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +1 -0
  247. package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +1 -0
  248. package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +1 -0
  249. package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -0
  250. package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +1 -0
  251. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +1 -0
  252. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
  253. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +1 -0
  254. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
  255. package/types/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts → plasma_b2c/components/Tabs/TabItem.config.d.ts} +1 -1
  256. package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -0
  257. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +3 -54
  258. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
  259. package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
  260. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -0
  261. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +3 -20
  262. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
  263. package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
  264. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +1 -0
  265. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
  266. package/types/examples/plasma_web/components/Badge/Badge.d.ts +1 -0
  267. package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
  268. package/types/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts → plasma_web/components/Tabs/TabItem.config.d.ts} +1 -1
  269. package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -0
  270. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +3 -54
  271. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
  272. package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
  273. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -0
  274. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +3 -20
  275. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
  276. package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
  277. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
  278. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
  279. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -35
  280. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
  281. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +0 -5
  282. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
  283. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
  284. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
  285. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
  286. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
  287. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
  288. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css +0 -1
  289. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
  290. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
  291. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
  292. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +0 -4
  293. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
  294. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
  295. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
  296. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
  297. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
  298. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
  299. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
  300. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -9
  301. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
  302. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
  303. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
  304. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
  305. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
  306. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -11
  307. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -126
  308. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
  309. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
  310. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
  311. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
  312. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
  313. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
  314. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
  315. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
  316. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +0 -1
  317. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -9
  318. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
  319. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_fueiq8.css +0 -1
  320. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
  321. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -220
  322. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
  323. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
  324. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
  325. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +0 -4
  326. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
  327. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
  328. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
  329. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
  330. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
  331. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
  332. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
  333. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
  334. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -51
  335. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
  336. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -9
  337. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -9
  338. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
  339. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -55
  340. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -9
  341. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -9
  342. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
  343. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -10
  344. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
  345. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -128
  346. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -51
  347. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
  348. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
  349. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  350. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
  351. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -226
  352. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -46
  353. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
  354. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
  355. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  356. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
  357. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
  358. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
  359. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  360. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  361. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
  362. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
  363. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  364. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  365. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -44
  366. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -3
  367. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -3
  368. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -3
  369. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
  370. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -48
  371. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -3
  372. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -3
  373. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -3
  374. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
  375. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -3
  376. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -119
  377. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -44
  378. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
  379. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -3
  380. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  381. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
  382. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -217
  383. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -39
  384. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
  385. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
  386. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  387. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
  388. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
  389. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
  390. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  391. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  392. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
  393. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
  394. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  395. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  396. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
  397. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
  398. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -27
  399. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
  400. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +0 -5
  401. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
  402. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
  403. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -5
  404. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
  405. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
  406. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
  407. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
  408. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_4zingj.css +0 -1
  409. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
  410. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
  411. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
  412. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +0 -4
  413. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
  414. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
  415. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
  416. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
  417. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -5
  418. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
  419. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
  420. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -5
  421. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
  422. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
  423. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -5
  424. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
  425. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
  426. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -11
  427. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -121
  428. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
  429. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -27
  430. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
  431. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
  432. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -5
  433. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
  434. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
  435. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -5
  436. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
  437. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +0 -1
  438. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -5
  439. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
  440. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_fueiq8.css +0 -1
  441. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
  442. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -215
  443. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
  444. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -22
  445. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
  446. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +0 -4
  447. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -5
  448. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
  449. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
  450. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -5
  451. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
  452. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -5
  453. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
  454. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
  455. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
  456. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
  457. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
  458. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
  459. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -9
  460. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
  461. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
  462. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
  463. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -128
  464. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -33
  465. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
  466. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
  467. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  468. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
  469. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
  470. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -226
  471. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
  472. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
  473. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  474. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
  475. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
  476. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  477. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  478. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
  479. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -28
  480. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
  481. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -3
  482. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
  483. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
  484. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
  485. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -3
  486. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
  487. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
  488. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -119
  489. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -25
  490. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
  491. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
  492. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -3
  493. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
  494. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
  495. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
  496. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -217
  497. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -21
  498. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
  499. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
  500. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
  501. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
  502. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
  503. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
  504. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  505. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  506. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
  507. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -22
  508. package/types/components/Tabs/TabItem.types.d.ts +0 -96
  509. package/types/components/Tabs/TabItem.types.d.ts.map +0 -1
  510. package/types/components/Tabs/Tabs.types.d.ts.map +0 -1
  511. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +0 -29
  512. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +0 -1
  513. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +0 -7
  514. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +0 -1
  515. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +0 -1
  516. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +0 -1
  517. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +0 -1
  518. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +0 -1
  519. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +0 -34
  520. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +0 -1
  521. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +0 -1
  522. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +0 -1
  523. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +0 -1
  524. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +0 -1
  525. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +0 -1
  526. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +0 -1
  527. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +0 -26
  528. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +0 -1
  529. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +0 -1
  530. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +0 -2
  531. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +0 -1
  532. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +0 -2
  533. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +0 -1
  534. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +0 -2
  535. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +0 -1
  536. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +0 -27
  537. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +0 -1
  538. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts +0 -8
  539. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +0 -1
  540. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts +0 -2
  541. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts.map +0 -1
  542. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts +0 -2
  543. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts.map +0 -1
  544. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts +0 -2
  545. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +0 -1
  546. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
  547. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
  548. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
  549. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
  550. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
  551. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
  552. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
  553. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
  554. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
  555. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
  556. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
  557. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
  558. /package/emotion/cjs/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
  559. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/tokens.json +0 -0
  560. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  561. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  562. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/tokens.json +0 -0
  563. /package/emotion/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
  564. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/tokens.json +0 -0
  565. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  566. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  567. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  568. /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/tokens.json +0 -0
  569. /package/emotion/es/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
  570. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
  571. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  572. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  573. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
  574. /package/emotion/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
  575. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
  576. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  577. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  578. /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  579. /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
  580. /package/styled-components/cjs/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
  581. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
  582. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  583. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  584. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
  585. /package/styled-components/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
  586. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
  587. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  588. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  589. /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  590. /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
  591. /package/styled-components/es/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
  592. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
  593. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
  594. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
  595. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
  596. /package/styled-components/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
  597. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
  598. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
  599. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
  600. /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
  601. /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
  602. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.d.ts +0 -0
  603. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.d.ts +0 -0
  604. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.d.ts +0 -0
  605. /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/base.d.ts +0 -0
  606. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.d.ts +0 -0
  607. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.d.ts +0 -0
  608. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.d.ts +0 -0
  609. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.d.ts +0 -0
  610. /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.d.ts +0 -0
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _tokens = /*#__PURE__*/require("../../../../../tokens");
9
- var _VerticalTabItem = /*#__PURE__*/require("../../VerticalTabItem.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}&:active{color:var(", ");", "{color:var(", ");}}&.", "{transition:var(", ");}&.", "{color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");&::after{background:var(", ");}}", "{color:var(", ");&:hover{color:var(", ");}}&::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(", ");width:var(", ");border-radius:0.063rem;}}"], _tokens.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.tokens.itemColorHover, _tokens.tokens.itemBackgroundColorHover, _VerticalTabItem.TabItemValue, _tokens.tokens.itemValueColorHover, _tokens.tokens.itemColorActive, _VerticalTabItem.TabItemValue, _tokens.tokens.itemValueColorActive, _tokens.classes.tabItemAnimated, _tokens.tokens.itemBackgroundTransition, _tokens.classes.selectedTabsItem, _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor, _tokens.tokens.itemSelectedColorHover, _tokens.tokens.itemSelectedBackgroundColorHover, _tokens.tokens.itemSelectedDividerColorHover, _VerticalTabItem.TabItemValue, _tokens.tokens.itemSelectedValueColorHover, _tokens.tokens.itemSelectedValueColorHover, _tokens.tokens.itemSelectedDividerColor, _tokens.tokens.itemSelectedDividerWidth);
@@ -1,8 +0,0 @@
1
- [
2
- "--plasma-tabs-underline-height",
3
- "--plasma-tabs-underline-color",
4
- "--plasma-tabs-font-weight",
5
- "--plasma-tabs-font-color",
6
- "--plasma-tabs-font-color-hover",
7
- "--plasma-tabs-cursor"
8
- ]
@@ -1,226 +0,0 @@
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.verticalTabsRoot = exports.verticalTabsConfig = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
10
- var _tokens = /*#__PURE__*/require("../../../tokens");
11
- var _utils = /*#__PURE__*/require("../../../../../utils");
12
- var _TabsContext = /*#__PURE__*/require("../../../TabsContext");
13
- var _Icon = /*#__PURE__*/require("../../../../_Icon");
14
- var _VerticalTabs = /*#__PURE__*/require("./VerticalTabs.styles");
15
- var _base = /*#__PURE__*/require("./variations/_size/base");
16
- var _base2 = /*#__PURE__*/require("./variations/_view/base");
17
- var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
18
- var _excluded = ["id", "disabled", "clip", "size", "view", "children", "index", "className", "orientation", "hasDivider"];
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
- 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
- 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); }
22
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
23
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
24
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
25
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
26
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
27
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
28
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
29
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
30
- var Keys = /*#__PURE__*/function (Keys) {
31
- Keys[Keys["end"] = 35] = "end";
32
- Keys[Keys["home"] = 36] = "home";
33
- Keys[Keys["up"] = 38] = "up";
34
- Keys[Keys["down"] = 40] = "down";
35
- return Keys;
36
- }(Keys || {}); // TODO: https://github.com/salute-developers/plasma/issues/1474
37
- var verticalTabsRoot = exports.verticalTabsRoot = function verticalTabsRoot(Root) {
38
- return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
39
- var id = props.id,
40
- _props$disabled = props.disabled,
41
- disabled = _props$disabled === void 0 ? false : _props$disabled,
42
- _props$clip = props.clip,
43
- clip = _props$clip === void 0 ? 'showAll' : _props$clip,
44
- size = props.size,
45
- view = props.view,
46
- children = props.children,
47
- index = props.index,
48
- className = props.className,
49
- orientation = props.orientation,
50
- _props$hasDivider = props.hasDivider,
51
- hasDivider = _props$hasDivider === void 0 ? true : _props$hasDivider,
52
- rest = _objectWithoutProperties(props, _excluded);
53
- var _useState = (0, _react.useState)(true),
54
- _useState2 = _slicedToArray(_useState, 2),
55
- firstItemVisible = _useState2[0],
56
- setFirstItemVisible = _useState2[1];
57
- var _useState3 = (0, _react.useState)(true),
58
- _useState4 = _slicedToArray(_useState3, 2),
59
- lastItemVisible = _useState4[0],
60
- setLastItemVisible = _useState4[1];
61
- var refs = (0, _react.useMemo)(function () {
62
- return new _TabsContext.TabItemRefs(index);
63
- }, []);
64
- var uniqId = (0, _plasmaCore.safeUseId)();
65
- var tabsId = id || uniqId;
66
- var noDividerClass = !hasDivider ? _tokens.classes.tabsNoDivider : undefined;
67
- var hasTopArrowClass = !firstItemVisible ? _tokens.classes.tabsHasTopArrow : undefined;
68
- var hasBottomArrowClass = !lastItemVisible ? _tokens.classes.tabsHasBottomArrow : undefined;
69
- var clipScrollClass = clip === 'scroll' ? _tokens.classes.tabsClipScroll : undefined;
70
- var clipShowAllClass = clip === 'showAll' ? _tokens.classes.tabsClipShowAll : undefined;
71
- var scrollRef = (0, _react.useRef)(null);
72
- var trackRef = (0, _react.useRef)(null);
73
- var upArrowRef = (0, _react.useRef)(null);
74
- var onPrev = (0, _react.useCallback)(function () {
75
- var _firstOverflowingTab$;
76
- if (disabled || !scrollRef.current) {
77
- return;
78
- }
79
- var scrollTop = Math.round(scrollRef.current.scrollTop);
80
- var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
81
- if (!item.current || item.current.offsetTop === undefined) {
82
- return;
83
- }
84
- var tabStartY = item.current.offsetTop;
85
- return tabStartY < scrollTop;
86
- });
87
- firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
88
- block: 'nearest',
89
- inline: 'nearest'
90
- });
91
- }, [disabled, scrollRef, refs]);
92
- var onNext = (0, _react.useCallback)(function () {
93
- var _lastOverflowingTab$c;
94
- if (disabled || !scrollRef.current) {
95
- return;
96
- }
97
- var scrollBottom = Math.round(scrollRef.current.scrollTop + scrollRef.current.clientHeight);
98
- var lastOverflowingTab = refs.items.find(function (item) {
99
- if (!item.current || item.current.offsetTop === undefined) {
100
- return;
101
- }
102
- var tabEndY = item.current.offsetTop + item.current.offsetHeight;
103
- return tabEndY > scrollBottom;
104
- });
105
- lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
106
- block: 'nearest',
107
- inline: 'nearest'
108
- });
109
- }, [disabled, scrollRef, refs]);
110
- var PreviousButton = /*#__PURE__*/_react["default"].createElement(_VerticalTabs.StyledArrow, {
111
- type: "button",
112
- "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0442\u0430\u0431",
113
- onClick: onPrev,
114
- tabIndex: disabled ? -1 : 0,
115
- disabled: disabled,
116
- ref: upArrowRef
117
- }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
118
- color: "var(".concat(_tokens.tokens.arrowColor, ")")
119
- }));
120
- var NextButton = /*#__PURE__*/_react["default"].createElement(_VerticalTabs.StyledArrow, {
121
- type: "button",
122
- "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
123
- onClick: onNext,
124
- tabIndex: disabled ? -1 : 0,
125
- disabled: disabled
126
- }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
127
- color: "var(".concat(_tokens.tokens.arrowColor, ")")
128
- }));
129
- var handleScroll = (0, _react.useCallback)(function (event) {
130
- event.stopPropagation();
131
- var maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;
132
- var scrollTop = Math.round(event.currentTarget.scrollTop);
133
- setFirstItemVisible(scrollTop <= 0);
134
- setLastItemVisible(scrollTop >= maxScrollTop);
135
- }, [setFirstItemVisible, setLastItemVisible]);
136
- var onKeyDown = (0, _react.useCallback)(function (event) {
137
- if (index === undefined) {
138
- return;
139
- }
140
- var minIndex = 0;
141
- var maxIndex = refs.items.length - 1;
142
- var nextIndex;
143
- switch (event.keyCode) {
144
- case Keys.end:
145
- nextIndex = maxIndex;
146
- break;
147
- case Keys.up:
148
- nextIndex = index > minIndex ? index - 1 : index;
149
- break;
150
- case Keys.down:
151
- nextIndex = index < maxIndex ? index + 1 : index;
152
- break;
153
- case Keys.home:
154
- nextIndex = minIndex;
155
- break;
156
- default:
157
- return;
158
- }
159
- if (nextIndex !== index) {
160
- var _refs$items$nextIndex, _refs$items$nextIndex2;
161
- event.preventDefault();
162
- (_refs$items$nextIndex = refs.items[nextIndex].current) === null || _refs$items$nextIndex === void 0 || _refs$items$nextIndex.focus();
163
- (_refs$items$nextIndex2 = refs.items[nextIndex].current) === null || _refs$items$nextIndex2 === void 0 || _refs$items$nextIndex2.scrollIntoView({
164
- block: 'nearest',
165
- inline: 'nearest',
166
- behavior: 'smooth'
167
- });
168
- }
169
- }, [index]);
170
- (0, _react.useEffect)(function () {
171
- var _scrollRef$current, _scrollRef$current2;
172
- setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollHeight) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientHeight));
173
- }, []);
174
-
175
- // Этот хук компенсирует появление верхней стрелки при прокрутке
176
- (0, _react.useEffect)(function () {
177
- if (firstItemVisible || !scrollRef.current || !upArrowRef.current) {
178
- return;
179
- }
180
- scrollRef.current.scrollTo({
181
- top: Math.round(scrollRef.current.scrollTop + upArrowRef.current.clientHeight)
182
- });
183
- }, [firstItemVisible, scrollRef, upArrowRef]);
184
- return /*#__PURE__*/_react["default"].createElement(_TabsContext.TabsContext.Provider, {
185
- value: refs
186
- }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
187
- view: view,
188
- role: "tablist",
189
- size: size,
190
- id: tabsId,
191
- ref: outerRef,
192
- disabled: disabled,
193
- className: (0, _utils.cx)(hasTopArrowClass, hasBottomArrowClass, noDividerClass, className),
194
- onKeyDown: onKeyDown,
195
- orientation: orientation
196
- }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_VerticalTabs.StyledContentWrapper, {
197
- className: (0, _utils.cx)(clipScrollClass, clipShowAllClass),
198
- ref: scrollRef,
199
- onScroll: handleScroll
200
- }, /*#__PURE__*/_react["default"].createElement(_VerticalTabs.StyledContent, {
201
- ref: trackRef
202
- }, children)), !lastItemVisible && NextButton));
203
- });
204
- };
205
- var verticalTabsConfig = exports.verticalTabsConfig = {
206
- name: 'VerticalTabs',
207
- tag: 'div',
208
- layout: verticalTabsRoot,
209
- base: _VerticalTabs.base,
210
- variations: {
211
- size: {
212
- css: _base.base
213
- },
214
- view: {
215
- css: _base2.base
216
- },
217
- disabled: {
218
- css: _base3.base,
219
- attrs: true
220
- }
221
- },
222
- defaults: {
223
- view: 'divider',
224
- size: 'xs'
225
- }
226
- };
@@ -1,29 +0,0 @@
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.StyledContentWrapper = exports.StyledContent = exports.StyledArrow = void 0;
8
- var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
- var _mixins = /*#__PURE__*/require("../../../../../mixins");
10
- var _tokens = /*#__PURE__*/require("../../../tokens");
11
- var _templateObject;
12
- 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); }
13
- 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; }
14
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n align-items: center;\n"])));
16
- var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
17
- componentId: "plasma-new-hope__sc-gz8fxn-0"
18
- })(["display:inline-flex;flex-direction:column;align-items:start;"]);
19
- var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
20
- componentId: "plasma-new-hope__sc-gz8fxn-1"
21
- })(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.", "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}", "{margin-top:auto;}}&.", "{overflow:visible;}"], _tokens.classes.tabsClipScroll, StyledContent, _tokens.classes.tabsClipShowAll);
22
- var StyledArrow = exports.StyledArrow = /*#__PURE__*/_styledComponents["default"].button.withConfig({
23
- componentId: "plasma-new-hope__sc-gz8fxn-2"
24
- })(["display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;transform:rotate(90deg);", ";&[disabled]{cursor:not-allowed;}"], /*#__PURE__*/(0, _mixins.addFocus)({
25
- outlineSize: '0.063rem',
26
- outlineOffset: '-0.125rem',
27
- outlineColor: /*#__PURE__*/"var(".concat(_tokens.tokens.outlineFocusColor, ")"),
28
- outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)'
29
- }));
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-tabs-disabled-opacity"]
4
- }
@@ -1 +0,0 @@
1
- ["--plasma-tabs-width", "--plasma-tabs-height", "--plasma-tabs-border-radius"]
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _tokens = /*#__PURE__*/require("../../../../../tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["background-color:var(", ");&::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(", ");width:var(", ");border-radius:var(", ");}&.", "{&::after{top:1.5rem;}}&.", "{&::after{bottom:1.5rem;}}&.", "{&::after{width:0;}}"], _tokens.tokens.tabsBackgroundColor, _tokens.tokens.tabsDividerColor, _tokens.tokens.tabsDividerWidth, _tokens.tokens.tabsDividerBorderRadius, _tokens.classes.tabsHasTopArrow, _tokens.classes.tabsHasBottomArrow, _tokens.classes.tabsNoDivider);
@@ -1 +0,0 @@
1
- ["--plasma-tabs-background-color", "--plasma-tabs-divider-height", "--plasma-tabs-divider-color"]
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'divider',
12
- size: 'xs'
13
- },
14
- variations: {
15
- view: {
16
- divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerWidth, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover)
17
- },
18
- size: {
19
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
20
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":auto;", ":2.5rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.5rem 1rem;", ":0.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
21
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":auto;", ":3rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.75rem 1.25rem;", ":1.125rem;", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
22
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":auto;", ":3.5rem;", ":0 0.875rem;", ":0 0.75rem;", ":1rem 1.5rem;", ":1.25rem;", ":0.5rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight)
23
- },
24
- disabled: {
25
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Tabs.tabsTokens.disabledOpacity)
26
- }
27
- }
28
- };
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'divider',
12
- size: 'xs'
13
- },
14
- variations: {
15
- view: {
16
- divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], _Tabs.tabsTokens.arrowColor, _Tabs.tabsTokens.tabsBackgroundColor, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.tabsDividerWidth, _Tabs.tabsTokens.tabsDividerHeight, _Tabs.tabsTokens.tabsDividerColor, _Tabs.tabsTokens.tabsDividerBorderRadius)
17
- },
18
- size: {
19
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":fit-content;", ":auto;", ":0rem;", ":0.125rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
20
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":fit-content;", ":auto;", ":0rem;", ":0.25rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
21
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.625rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
22
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.75rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding)
23
- },
24
- disabled: {
25
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Tabs.tabsTokens.disabledOpacity)
26
- }
27
- }
28
- };
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'divider',
12
- size: 'xs'
13
- },
14
- variations: {
15
- view: {
16
- divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerWidth, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover)
17
- },
18
- size: {
19
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
20
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":auto;", ":2.5rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.5rem 1rem;", ":0.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
21
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":auto;", ":3rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.75rem 1.25rem;", ":1.125rem;", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
22
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":auto;", ":3.5rem;", ":0 0.875rem;", ":0 0.75rem;", ":1rem 1.5rem;", ":1.25rem;", ":0.5rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight)
23
- },
24
- disabled: {
25
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Tabs.tabsTokens.disabledOpacity)
26
- }
27
- }
28
- };
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'divider',
12
- size: 'xs'
13
- },
14
- variations: {
15
- view: {
16
- divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], _Tabs.tabsTokens.arrowColor, _Tabs.tabsTokens.tabsBackgroundColor, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.tabsDividerWidth, _Tabs.tabsTokens.tabsDividerHeight, _Tabs.tabsTokens.tabsDividerColor, _Tabs.tabsTokens.tabsDividerBorderRadius)
17
- },
18
- size: {
19
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":fit-content;", ":auto;", ":0rem;", ":0.125rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
20
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":fit-content;", ":auto;", ":0rem;", ":0.25rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
21
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.625rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
22
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.75rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding)
23
- },
24
- disabled: {
25
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Tabs.tabsTokens.disabledOpacity)
26
- }
27
- }
28
- };
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-tab-disabled-opacity"]
4
- }
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../../../../tokens';
3
- export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], classes.tabsPilled, tokens.itemPilledBorderRadius, tokens.itemPilledBorderRadius, tokens.itemPaddingPilled);
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../../../../tokens';
3
- import { TabItemValue } from '../../HorizontalTabItem.styles';
4
- export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");margin-left:var(", ",var(", "));&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}&:active{color:var(", ");", "{color:var(", ");}}&.", "{transition:var(", ");}&.", "{color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");&::after{background:var(", ");}}", "{color:var(", ");&:hover{color:var(", ");}}&::after{content:'';position:absolute;bottom:0;left:0;right:0;background:var(", ");height:var(", ");border-radius:0.063rem;}}"], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemMarginLeftFilled, tokens.itemMarginLeft, tokens.itemColorHover, tokens.itemBackgroundColorHover, TabItemValue, tokens.itemValueColorHover, tokens.itemColorActive, TabItemValue, tokens.itemValueColorActive, classes.tabItemAnimated, tokens.itemBackgroundTransition, classes.selectedTabsItem, tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, tokens.itemSelectedColorHover, tokens.itemSelectedBackgroundColorHover, tokens.itemSelectedDividerColorHover, TabItemValue, tokens.itemSelectedValueColorHover, tokens.itemSelectedValueColorHover, tokens.itemSelectedDividerColor, tokens.itemSelectedDividerHeight);
@@ -1,8 +0,0 @@
1
- [
2
- "--plasma-tabs-underline-height",
3
- "--plasma-tabs-underline-color",
4
- "--plasma-tabs-font-weight",
5
- "--plasma-tabs-font-color",
6
- "--plasma-tabs-font-color-hover",
7
- "--plasma-tabs-cursor"
8
- ]
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-tabs-disabled-opacity"]
4
- }
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../../../../tokens';
3
- export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");}"], classes.tabsPilled, tokens.tabsPilledBorderRadius, tokens.tabsPilledBorderRadius);
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes } from '../../../../../tokens';
3
- import { StyledContent, StyledContentWrapper } from '../../HorizontalTabs.styles';
4
- export var base = /*#__PURE__*/css(["&.", "{width:100%;", ",", ",", " > button{width:100%;margin-left:0;}}"], classes.tabsStretch, StyledContentWrapper, StyledContent, StyledContent);
@@ -1 +0,0 @@
1
- ["--plasma-tabs-background-color", "--plasma-tabs-divider-height", "--plasma-tabs-divider-color"]
@@ -1,119 +0,0 @@
1
- var _excluded = ["size", "view", "selected", "disabled", "children", "value", "contentLeft", "contentRight", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
2
- 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); }
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';
6
- import { useForkRef } from '@salutejs/plasma-core';
7
- import { classes } from '../../../tokens';
8
- import { cx } from '../../../../../utils';
9
- import { TabsContext } from '../../../TabsContext';
10
- import { base, LeftContent, RightContent, StyledContent, TabItemValue } from './VerticalTabItem.styles';
11
- import { base as viewCSS } from './variations/_view/base';
12
- import { base as sizeCSS } from './variations/_size/base';
13
- import { base as disabledCSS } from './variations/_disabled/base';
14
- export var verticalTabItemRoot = function verticalTabItemRoot(Root) {
15
- return /*#__PURE__*/forwardRef(function (props, outerRef) {
16
- var size = props.size,
17
- view = props.view,
18
- selected = props.selected,
19
- _props$disabled = props.disabled,
20
- disabled = _props$disabled === void 0 ? false : _props$disabled,
21
- children = props.children,
22
- value = props.value,
23
- contentLeft = props.contentLeft,
24
- contentRight = props.contentRight,
25
- onIndexChange = props.onIndexChange,
26
- itemIndex = props.itemIndex,
27
- tabIndex = props.tabIndex,
28
- className = props.className,
29
- onClick = props.onClick,
30
- rest = _objectWithoutProperties(props, _excluded);
31
- var innerRef = useRef(null);
32
- var ref = useForkRef(outerRef, innerRef);
33
- var refs = useContext(TabsContext);
34
- var role = 'tab';
35
- var selectedClass = selected ? classes.selectedTabsItem : undefined;
36
- var hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;
37
- var navigationTabIndex = !disabled && (refs === null || refs === void 0 ? void 0 : refs.current) === itemIndex ? 0 : -1;
38
- useEffect(function () {
39
- if (!refs) {
40
- return;
41
- }
42
- refs.register(innerRef);
43
- return function () {
44
- return refs.unregister(innerRef);
45
- };
46
- }, [refs]);
47
- var onItemFocus = useCallback(function (event) {
48
- if (disabled) {
49
- return;
50
- }
51
- if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
52
- innerRef.current.scrollTo({
53
- top: innerRef.current.offsetTop,
54
- behavior: 'smooth'
55
- });
56
- return;
57
- }
58
- if (!refs) {
59
- return;
60
- }
61
- var focusIndex = refs.items.findIndex(function (itemRef) {
62
- return itemRef.current === event.target;
63
- });
64
- if (focusIndex === refs.current) {
65
- return;
66
- }
67
- onIndexChange === null || onIndexChange === void 0 || onIndexChange(focusIndex);
68
- refs.setCurrent(focusIndex);
69
- }, [refs, innerRef, onIndexChange, disabled]);
70
- var handleClick = function handleClick(event) {
71
- event.currentTarget.scrollIntoView({
72
- block: 'nearest',
73
- inline: 'nearest'
74
- });
75
- if (!onClick) {
76
- return;
77
- }
78
- onClick(event);
79
- };
80
- return /*#__PURE__*/React.createElement(Root, _extends({
81
- ref: ref,
82
- disabled: disabled,
83
- role: role,
84
- view: view,
85
- size: size,
86
- onFocus: onItemFocus,
87
- tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
88
- className: cx(selectedClass, className),
89
- onClick: handleClick
90
- }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(LeftContent, {
91
- className: classes.tabLeftContent
92
- }, contentLeft), /*#__PURE__*/React.createElement(StyledContent, {
93
- className: classes.tabContent
94
- }, children), !contentRight && value && /*#__PURE__*/React.createElement(TabItemValue, null, value), !value && contentRight && /*#__PURE__*/React.createElement(RightContent, {
95
- className: classes.tabRightContent
96
- }, contentRight)));
97
- });
98
- };
99
- export var verticalTabItemConfig = {
100
- name: 'VerticalTabItem',
101
- tag: 'button',
102
- layout: verticalTabItemRoot,
103
- base: base,
104
- variations: {
105
- size: {
106
- css: sizeCSS
107
- },
108
- view: {
109
- css: viewCSS
110
- },
111
- disabled: {
112
- css: disabledCSS,
113
- attrs: true
114
- }
115
- },
116
- defaults: {
117
- view: 'divider'
118
- }
119
- };