@salutejs/plasma-new-hope 0.157.0-canary.1464.11120816324.0 → 0.157.1-canary.1374.11123970444.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (1026) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +19 -18
  2. package/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
  3. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  4. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  5. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  6. package/cjs/components/Autocomplete/ui/TextField/TextField.styles_1csckkd.css +1 -0
  7. package/cjs/components/Combobox/ComboboxNew/Combobox.css +19 -18
  8. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  9. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  10. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +19 -18
  11. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +19 -18
  12. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  13. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  14. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_ei26tn.css +1 -0
  15. package/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
  16. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  17. package/cjs/components/DatePicker/RangeDate/RangeDate.css +28 -27
  18. package/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -49
  19. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  20. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  21. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  22. package/cjs/components/DatePicker/RangeDate/RangeDate.styles_19to6bu.css +5 -0
  23. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +24 -23
  24. package/cjs/components/DatePicker/SingleDate/SingleDate.css +24 -23
  25. package/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -16
  26. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  27. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  28. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  29. package/cjs/components/DatePicker/SingleDate/SingleDate.styles_1rrq00l.css +5 -0
  30. package/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
  31. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  32. package/cjs/components/Range/Range.css +22 -21
  33. package/cjs/components/Range/Range.styles.js +1 -1
  34. package/cjs/components/Range/Range.styles.js.map +1 -1
  35. package/cjs/components/Range/Range.styles_1qtrrma.css +8 -0
  36. package/cjs/components/Range/Range.tokens.js +1 -0
  37. package/cjs/components/Range/Range.tokens.js.map +1 -1
  38. package/cjs/components/Slider/Slider.css +22 -21
  39. package/cjs/components/Slider/Slider.js +6 -19
  40. package/cjs/components/Slider/Slider.js.map +1 -1
  41. package/cjs/components/Slider/components/Double/Double.css +19 -18
  42. package/cjs/components/Slider/components/Double/Double.js +3 -23
  43. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  44. package/cjs/components/Slider/components/Single/Single.css +0 -17
  45. package/cjs/components/Slider/components/Single/Single.js +8 -30
  46. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  47. package/cjs/components/Tabs/createTabsController.js +1 -1
  48. package/cjs/components/Tabs/createTabsController.js.map +1 -1
  49. package/cjs/components/Tabs/tokens.js +12 -4
  50. package/cjs/components/Tabs/tokens.js.map +1 -1
  51. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
  52. package/cjs/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +22 -18
  53. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
  54. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +35 -0
  55. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
  56. package/cjs/components/Tabs/ui/{TabItem/TabItem.styles_pj75hv.css → horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css} +5 -4
  57. package/cjs/components/Tabs/ui/{Tabs/variations/_size → horizontal/HorizontalTabItem/variations/_disabled}/base.js +2 -2
  58. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -0
  59. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +1 -0
  60. package/cjs/components/Tabs/ui/{TabItem/variations/_disabled → horizontal/HorizontalTabItem/variations/_pilled}/base.js +2 -2
  61. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -0
  62. package/cjs/components/Tabs/ui/{TabItem/variations/_pilled/base_l36za5.css → horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css} +1 -1
  63. package/cjs/components/Tabs/ui/{TabItem/variations/_pilled → horizontal/HorizontalTabItem/variations/_size}/base.js +2 -2
  64. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -0
  65. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +1 -0
  66. package/cjs/components/Tabs/ui/{TabItem/variations/_size → horizontal/HorizontalTabItem/variations/_view}/base.js +2 -2
  67. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -0
  68. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_5iqr04.css +1 -0
  69. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +16 -0
  70. package/cjs/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +19 -19
  71. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
  72. package/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
  73. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
  74. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
  75. package/cjs/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
  76. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
  77. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
  78. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
  79. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
  80. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
  81. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
  82. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
  83. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
  84. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +9 -0
  85. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
  86. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
  87. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
  88. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
  89. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
  90. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
  91. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +127 -0
  92. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -0
  93. package/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → vertical/VerticalTabItem/VerticalTabItem.styles.js} +12 -6
  94. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -0
  95. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1fzrmvg.css +5 -0
  96. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
  97. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -0
  98. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +1 -0
  99. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
  100. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -0
  101. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +1 -0
  102. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +9 -0
  103. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -0
  104. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1iq8opt.css +1 -0
  105. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +12 -0
  106. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +220 -0
  107. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -0
  108. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +29 -0
  109. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -0
  110. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +4 -0
  111. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
  112. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +1 -0
  113. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +1 -0
  114. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
  115. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +1 -0
  116. package/cjs/components/Tabs/ui/{Tabs/variations/_size/base_iw773q.css → vertical/VerticalTabs/variations/_size/base_1sekozo.css} +1 -1
  117. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
  118. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -0
  119. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
  120. package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +10 -0
  121. package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js.map +1 -0
  122. package/cjs/components/TextArea/TextArea.js +2 -3
  123. package/cjs/components/TextArea/TextArea.js.map +1 -1
  124. package/cjs/components/TextField/TextField.js +24 -9
  125. package/cjs/components/TextField/TextField.js.map +1 -1
  126. package/cjs/components/TextField/TextField.styles.js +15 -13
  127. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  128. package/{es/components/TextField/TextField.styles_b1zmrz.css → cjs/components/TextField/TextField.styles_1d2ryq.css} +2 -3
  129. package/cjs/components/TextField/TextField.tokens.js +14 -1
  130. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  131. package/cjs/components/TextField/variations/_clear/base.js +9 -0
  132. package/cjs/components/TextField/variations/_clear/base.js.map +1 -0
  133. package/cjs/components/TextField/variations/_clear/base_rit6gc.css +1 -0
  134. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  135. package/cjs/components/TextField/variations/_disabled/base.js.map +1 -1
  136. package/cjs/components/TextField/variations/_disabled/base_2tv0nz.css +1 -0
  137. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  138. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  139. package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css +1 -0
  140. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  141. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  142. package/cjs/components/TextField/variations/_read-only/base_1n7tghz.css +1 -0
  143. package/cjs/components/TextField/variations/_view/base.js +1 -1
  144. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  145. package/cjs/components/TextField/variations/_view/{base_1ph5cr0.css → base_1noe46b.css} +1 -1
  146. package/cjs/index.css +69 -44
  147. package/cjs/index.js +14 -9
  148. package/cjs/index.js.map +1 -1
  149. package/cjs/utils/index.js.map +1 -1
  150. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
  151. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  152. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  153. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  154. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
  155. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -49
  156. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +5 -5
  157. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -16
  158. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  159. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
  160. package/emotion/cjs/components/Range/Range.styles.js +8 -8
  161. package/emotion/cjs/components/Range/Range.tokens.js +1 -0
  162. package/emotion/cjs/components/Slider/Slider.js +6 -15
  163. package/emotion/cjs/components/Slider/components/Double/Double.js +11 -31
  164. package/emotion/cjs/components/Slider/components/Single/Single.js +8 -30
  165. package/emotion/cjs/components/Slider/components/index.js +0 -11
  166. package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
  167. package/emotion/cjs/components/Tabs/createTabsController.js +2 -1
  168. package/emotion/cjs/components/Tabs/index.js +43 -10
  169. package/emotion/cjs/components/Tabs/tokens.js +12 -4
  170. package/{styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js → emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +19 -15
  171. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +51 -0
  172. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +9 -0
  173. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +9 -0
  174. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +9 -0
  175. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +10 -0
  176. package/emotion/cjs/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +15 -15
  177. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +55 -0
  178. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +9 -0
  179. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
  180. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
  181. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +10 -0
  182. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
  183. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +129 -0
  184. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +51 -0
  185. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
  186. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
  187. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  188. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +10 -0
  189. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +226 -0
  190. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +46 -0
  191. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
  192. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
  193. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  194. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
  195. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +8 -0
  196. package/emotion/cjs/components/TextArea/TextArea.js +3 -3
  197. package/emotion/cjs/components/TextField/TextField.js +25 -10
  198. package/emotion/cjs/components/TextField/TextField.styles.js +36 -44
  199. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +50 -17
  200. package/emotion/cjs/components/TextField/TextField.tokens.js +14 -1
  201. package/emotion/cjs/components/TextField/variations/_clear/base.js +10 -0
  202. package/emotion/cjs/components/TextField/variations/_clear/tokens.json +10 -0
  203. package/emotion/cjs/components/TextField/variations/_disabled/base.js +1 -1
  204. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  205. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  206. package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  207. package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
  208. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  209. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  210. package/emotion/cjs/examples/plasma_b2c/components/Range/Range.config.js +7 -7
  211. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
  212. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +16 -3
  213. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +277 -31
  214. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
  215. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
  216. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  217. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  218. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +15 -12
  219. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
  220. package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
  221. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  222. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  223. package/emotion/cjs/examples/plasma_web/components/Range/Range.config.js +7 -7
  224. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
  225. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +16 -3
  226. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +279 -31
  227. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
  228. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
  229. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  230. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  231. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +15 -12
  232. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +8 -0
  233. package/emotion/cjs/utils/index.js +0 -15
  234. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  235. package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  236. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  237. package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  238. package/emotion/es/components/DatePicker/DatePicker.tokens.js +1 -0
  239. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +4 -49
  240. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -5
  241. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +3 -16
  242. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  243. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +1 -34
  244. package/emotion/es/components/Range/Range.styles.js +8 -8
  245. package/emotion/es/components/Range/Range.tokens.js +1 -0
  246. package/emotion/es/components/Slider/Slider.js +6 -16
  247. package/emotion/es/components/Slider/components/Double/Double.js +3 -23
  248. package/emotion/es/components/Slider/components/Single/Single.js +8 -30
  249. package/emotion/es/components/Slider/components/index.js +0 -1
  250. package/emotion/es/components/Tabs/Tabs.template-doc.mdx +86 -21
  251. package/emotion/es/components/Tabs/createTabsController.js +2 -1
  252. package/emotion/es/components/Tabs/index.js +5 -2
  253. package/emotion/es/components/Tabs/tokens.js +12 -4
  254. package/{styled-components/es/components/Tabs/ui/TabItem/TabItem.js → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +15 -11
  255. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +44 -0
  256. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +3 -0
  257. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -0
  258. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +3 -0
  259. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +4 -0
  260. package/emotion/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +9 -9
  261. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +48 -0
  262. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +3 -0
  263. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
  264. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +3 -0
  265. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
  266. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +3 -0
  267. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +120 -0
  268. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +44 -0
  269. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +3 -0
  270. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +3 -0
  271. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  272. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -0
  273. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +217 -0
  274. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +39 -0
  275. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +3 -0
  276. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -0
  277. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  278. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +3 -0
  279. package/emotion/es/components/Tabs/ui/vertical/VerticalTabsContext.js +2 -0
  280. package/emotion/es/components/TextArea/TextArea.js +4 -4
  281. package/emotion/es/components/TextField/TextField.js +19 -4
  282. package/emotion/es/components/TextField/TextField.styles.js +35 -43
  283. package/emotion/es/components/TextField/TextField.template-doc.mdx +50 -17
  284. package/emotion/es/components/TextField/TextField.tokens.js +14 -1
  285. package/emotion/es/components/TextField/variations/_clear/base.js +4 -0
  286. package/emotion/es/components/TextField/variations/_clear/tokens.json +10 -0
  287. package/emotion/es/components/TextField/variations/_disabled/base.js +1 -1
  288. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  289. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  290. package/emotion/es/components/TextField/variations/_view/base.js +1 -1
  291. package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
  292. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  293. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  294. package/emotion/es/examples/plasma_b2c/components/Range/Range.config.js +7 -7
  295. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
  296. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +16 -4
  297. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +277 -31
  298. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -0
  299. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +35 -0
  300. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  301. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  302. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +15 -12
  303. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
  304. package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
  305. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  306. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  307. package/emotion/es/examples/plasma_web/components/Range/Range.config.js +7 -7
  308. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
  309. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +16 -4
  310. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +279 -31
  311. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -0
  312. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +35 -0
  313. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  314. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  315. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +15 -12
  316. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +8 -0
  317. package/emotion/es/utils/index.js +0 -1
  318. package/es/components/Autocomplete/Autocomplete.css +19 -18
  319. package/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  320. package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  321. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  322. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  323. package/es/components/Autocomplete/ui/TextField/TextField.styles_1csckkd.css +1 -0
  324. package/es/components/Combobox/ComboboxNew/Combobox.css +19 -18
  325. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  326. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  327. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +19 -18
  328. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +19 -18
  329. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  330. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
  331. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_ei26tn.css +1 -0
  332. package/es/components/DatePicker/DatePicker.tokens.js +1 -0
  333. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  334. package/es/components/DatePicker/RangeDate/RangeDate.css +28 -27
  335. package/es/components/DatePicker/RangeDate/RangeDate.js +4 -49
  336. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  337. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  338. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  339. package/es/components/DatePicker/RangeDate/RangeDate.styles_19to6bu.css +5 -0
  340. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +24 -23
  341. package/es/components/DatePicker/SingleDate/SingleDate.css +24 -23
  342. package/es/components/DatePicker/SingleDate/SingleDate.js +3 -16
  343. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  344. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  345. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  346. package/es/components/DatePicker/SingleDate/SingleDate.styles_1rrq00l.css +5 -0
  347. package/es/components/DatePicker/hooks/useDatePicker.js +1 -34
  348. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  349. package/es/components/Range/Range.css +22 -21
  350. package/es/components/Range/Range.styles.js +1 -1
  351. package/es/components/Range/Range.styles.js.map +1 -1
  352. package/es/components/Range/Range.styles_1qtrrma.css +8 -0
  353. package/es/components/Range/Range.tokens.js +1 -0
  354. package/es/components/Range/Range.tokens.js.map +1 -1
  355. package/es/components/Slider/Slider.css +22 -21
  356. package/es/components/Slider/Slider.js +7 -20
  357. package/es/components/Slider/Slider.js.map +1 -1
  358. package/es/components/Slider/components/Double/Double.css +19 -18
  359. package/es/components/Slider/components/Double/Double.js +3 -23
  360. package/es/components/Slider/components/Double/Double.js.map +1 -1
  361. package/es/components/Slider/components/Single/Single.css +0 -17
  362. package/es/components/Slider/components/Single/Single.js +8 -30
  363. package/es/components/Slider/components/Single/Single.js.map +1 -1
  364. package/es/components/Tabs/createTabsController.js +1 -1
  365. package/es/components/Tabs/createTabsController.js.map +1 -1
  366. package/es/components/Tabs/tokens.js +12 -4
  367. package/es/components/Tabs/tokens.js.map +1 -1
  368. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
  369. package/es/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +18 -14
  370. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
  371. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +27 -0
  372. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
  373. package/es/components/Tabs/ui/{TabItem/TabItem.styles_pj75hv.css → horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css} +5 -4
  374. package/es/components/Tabs/ui/{Tabs/variations/_size → horizontal/HorizontalTabItem/variations/_disabled}/base.js +2 -2
  375. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -0
  376. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +1 -0
  377. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +5 -0
  378. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -0
  379. package/es/components/Tabs/ui/{TabItem/variations/_pilled/base_l36za5.css → horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css} +1 -1
  380. package/es/components/Tabs/ui/{TabItem/variations/_pilled → horizontal/HorizontalTabItem/variations/_size}/base.js +2 -2
  381. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -0
  382. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +1 -0
  383. package/es/components/Tabs/ui/{TabItem/variations/_size → horizontal/HorizontalTabItem/variations/_view}/base.js +2 -2
  384. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -0
  385. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_5iqr04.css +1 -0
  386. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +16 -0
  387. package/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +13 -13
  388. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
  389. package/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
  390. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
  391. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
  392. package/es/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
  393. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
  394. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
  395. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +5 -0
  396. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
  397. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
  398. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +5 -0
  399. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
  400. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
  401. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +5 -0
  402. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
  403. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
  404. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +5 -0
  405. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
  406. package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
  407. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
  408. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +122 -0
  409. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -0
  410. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +27 -0
  411. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -0
  412. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1fzrmvg.css +5 -0
  413. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +5 -0
  414. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -0
  415. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +1 -0
  416. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +5 -0
  417. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -0
  418. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +1 -0
  419. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +5 -0
  420. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -0
  421. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1iq8opt.css +1 -0
  422. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +12 -0
  423. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +215 -0
  424. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -0
  425. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +22 -0
  426. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -0
  427. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +4 -0
  428. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +5 -0
  429. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +1 -0
  430. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +1 -0
  431. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +5 -0
  432. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +1 -0
  433. package/es/components/Tabs/ui/{Tabs/variations/_size/base_iw773q.css → vertical/VerticalTabs/variations/_size/base_1sekozo.css} +1 -1
  434. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +5 -0
  435. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -0
  436. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
  437. package/es/components/Tabs/ui/vertical/VerticalTabsContext.js +6 -0
  438. package/es/components/Tabs/ui/vertical/VerticalTabsContext.js.map +1 -0
  439. package/es/components/TextArea/TextArea.js +2 -3
  440. package/es/components/TextArea/TextArea.js.map +1 -1
  441. package/es/components/TextField/TextField.js +24 -9
  442. package/es/components/TextField/TextField.js.map +1 -1
  443. package/es/components/TextField/TextField.styles.js +16 -13
  444. package/es/components/TextField/TextField.styles.js.map +1 -1
  445. package/{cjs/components/TextField/TextField.styles_b1zmrz.css → es/components/TextField/TextField.styles_1d2ryq.css} +2 -3
  446. package/es/components/TextField/TextField.tokens.js +14 -1
  447. package/es/components/TextField/TextField.tokens.js.map +1 -1
  448. package/es/components/TextField/variations/_clear/base.js +5 -0
  449. package/es/components/TextField/variations/_clear/base.js.map +1 -0
  450. package/es/components/TextField/variations/_clear/base_rit6gc.css +1 -0
  451. package/es/components/TextField/variations/_disabled/base.js +1 -1
  452. package/es/components/TextField/variations/_disabled/base.js.map +1 -1
  453. package/es/components/TextField/variations/_disabled/base_2tv0nz.css +1 -0
  454. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  455. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  456. package/es/components/TextField/variations/_label-placement/base_1ghihns.css +1 -0
  457. package/es/components/TextField/variations/_read-only/base.js +1 -1
  458. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  459. package/es/components/TextField/variations/_read-only/base_1n7tghz.css +1 -0
  460. package/es/components/TextField/variations/_view/base.js +1 -1
  461. package/es/components/TextField/variations/_view/base.js.map +1 -1
  462. package/es/components/TextField/variations/_view/{base_1ph5cr0.css → base_1noe46b.css} +1 -1
  463. package/es/index.css +69 -44
  464. package/es/index.js +5 -3
  465. package/es/index.js.map +1 -1
  466. package/es/utils/index.js.map +1 -1
  467. package/package.json +2 -2
  468. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +1 -0
  469. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  470. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  471. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  472. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
  473. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -49
  474. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  475. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -16
  476. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  477. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
  478. package/styled-components/cjs/components/Range/Range.styles.js +1 -1
  479. package/styled-components/cjs/components/Range/Range.tokens.js +1 -0
  480. package/styled-components/cjs/components/Slider/Slider.js +6 -15
  481. package/styled-components/cjs/components/Slider/components/Double/Double.js +11 -31
  482. package/styled-components/cjs/components/Slider/components/Single/Single.js +8 -30
  483. package/styled-components/cjs/components/Slider/components/index.js +0 -11
  484. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
  485. package/styled-components/cjs/components/Tabs/createTabsController.js +2 -1
  486. package/styled-components/cjs/components/Tabs/index.js +43 -10
  487. package/styled-components/cjs/components/Tabs/tokens.js +12 -4
  488. package/{emotion/cjs/components/Tabs/ui/TabItem/TabItem.js → styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +19 -15
  489. package/styled-components/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js} +10 -7
  490. package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.js +2 -2
  491. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +4 -0
  492. package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/base.js +2 -2
  493. package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.js +1 -1
  494. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +10 -0
  495. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +8 -0
  496. package/styled-components/cjs/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +15 -15
  497. package/styled-components/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
  498. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
  499. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
  500. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/base.js +2 -2
  501. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
  502. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/base.js +3 -3
  503. package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
  504. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
  505. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +129 -0
  506. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +33 -0
  507. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
  508. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +4 -0
  509. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
  510. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  511. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +10 -0
  512. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +8 -0
  513. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +226 -0
  514. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +29 -0
  515. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
  516. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +4 -0
  517. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
  518. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  519. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
  520. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +1 -0
  521. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +8 -0
  522. package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
  523. package/styled-components/cjs/components/TextField/TextField.js +24 -9
  524. package/styled-components/cjs/components/TextField/TextField.styles.js +9 -8
  525. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +50 -17
  526. package/styled-components/cjs/components/TextField/TextField.tokens.js +14 -1
  527. package/styled-components/cjs/components/TextField/variations/_clear/base.js +10 -0
  528. package/styled-components/cjs/components/TextField/variations/_clear/tokens.json +10 -0
  529. package/styled-components/cjs/components/TextField/variations/_disabled/base.js +1 -1
  530. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  531. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  532. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  533. package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +3 -3
  534. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  535. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
  536. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +1 -1
  537. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
  538. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +16 -3
  539. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +277 -31
  540. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +5 -5
  541. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +1 -1
  542. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  543. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  544. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +12 -9
  545. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
  546. package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +4 -4
  547. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  548. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
  549. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +1 -1
  550. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
  551. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +16 -3
  552. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +279 -31
  553. package/styled-components/cjs/examples/plasma_web/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +5 -5
  554. package/styled-components/cjs/examples/plasma_web/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +1 -1
  555. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
  556. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +28 -0
  557. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -9
  558. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +8 -0
  559. package/styled-components/cjs/utils/index.js +0 -15
  560. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +1 -0
  561. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  562. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
  563. package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
  564. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +1 -0
  565. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +4 -49
  566. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  567. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +3 -16
  568. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  569. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +1 -34
  570. package/styled-components/es/components/Range/Range.styles.js +1 -1
  571. package/styled-components/es/components/Range/Range.tokens.js +1 -0
  572. package/styled-components/es/components/Slider/Slider.js +6 -16
  573. package/styled-components/es/components/Slider/components/Double/Double.js +3 -23
  574. package/styled-components/es/components/Slider/components/Single/Single.js +8 -30
  575. package/styled-components/es/components/Slider/components/index.js +0 -1
  576. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +86 -21
  577. package/styled-components/es/components/Tabs/createTabsController.js +2 -1
  578. package/styled-components/es/components/Tabs/index.js +5 -2
  579. package/styled-components/es/components/Tabs/tokens.js +12 -4
  580. package/{emotion/es/components/Tabs/ui/TabItem/TabItem.js → styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +15 -11
  581. package/styled-components/es/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js} +9 -6
  582. package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.js +2 -2
  583. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +4 -0
  584. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -0
  585. package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.js +1 -1
  586. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +4 -0
  587. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +8 -0
  588. package/styled-components/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +9 -9
  589. package/styled-components/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
  590. package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
  591. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
  592. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
  593. package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
  594. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
  595. package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
  596. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
  597. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +120 -0
  598. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +25 -0
  599. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +3 -0
  600. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +4 -0
  601. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +3 -0
  602. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
  603. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -0
  604. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +8 -0
  605. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +217 -0
  606. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +21 -0
  607. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +3 -0
  608. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +4 -0
  609. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -0
  610. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
  611. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +3 -0
  612. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +1 -0
  613. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabsContext.js +2 -0
  614. package/styled-components/es/components/TextArea/TextArea.js +3 -3
  615. package/styled-components/es/components/TextField/TextField.js +18 -3
  616. package/styled-components/es/components/TextField/TextField.styles.js +8 -7
  617. package/styled-components/es/components/TextField/TextField.template-doc.mdx +50 -17
  618. package/styled-components/es/components/TextField/TextField.tokens.js +14 -1
  619. package/styled-components/es/components/TextField/variations/_clear/base.js +4 -0
  620. package/styled-components/es/components/TextField/variations/_clear/tokens.json +10 -0
  621. package/styled-components/es/components/TextField/variations/_disabled/base.js +1 -1
  622. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  623. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  624. package/styled-components/es/components/TextField/variations/_view/base.js +1 -1
  625. package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +3 -3
  626. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  627. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
  628. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +1 -1
  629. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
  630. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +16 -4
  631. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +277 -31
  632. package/styled-components/es/examples/{plasma_web/components/Tabs/TabItem.config.js → plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js} +5 -5
  633. package/styled-components/es/examples/{plasma_web/components/Tabs/Tabs.config.js → plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
  634. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  635. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  636. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +12 -9
  637. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -1
  638. package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +4 -4
  639. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  640. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
  641. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +1 -1
  642. package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
  643. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +16 -4
  644. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +279 -31
  645. package/styled-components/es/examples/{plasma_b2c/components/Tabs/TabItem.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js} +5 -5
  646. package/styled-components/es/examples/{plasma_b2c/components/Tabs/Tabs.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
  647. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
  648. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +22 -0
  649. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +12 -9
  650. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +8 -0
  651. package/styled-components/es/utils/index.js +0 -1
  652. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +1 -0
  653. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
  654. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +120 -0
  655. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  656. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
  657. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  658. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +120 -0
  659. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  660. package/types/components/DatePicker/DatePicker.tokens.d.ts +1 -0
  661. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  662. package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -7
  663. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  664. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -14
  665. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  666. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  667. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -10
  668. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
  669. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  670. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +120 -0
  671. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  672. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +0 -10
  673. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  674. package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
  675. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
  676. package/types/components/Range/Range.styles.d.ts +120 -0
  677. package/types/components/Range/Range.styles.d.ts.map +1 -1
  678. package/types/components/Range/Range.tokens.d.ts +1 -0
  679. package/types/components/Range/Range.tokens.d.ts.map +1 -1
  680. package/types/components/Slider/Slider.d.ts.map +1 -1
  681. package/types/components/Slider/Slider.types.d.ts +2 -2
  682. package/types/components/Slider/Slider.types.d.ts.map +1 -1
  683. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  684. package/types/components/Slider/components/Double/Double.styles.d.ts +120 -0
  685. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  686. package/types/components/Slider/components/Double/Double.types.d.ts +0 -2
  687. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  688. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  689. package/types/components/Slider/components/Single/Single.types.d.ts +5 -35
  690. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  691. package/types/components/Slider/components/index.d.ts +0 -2
  692. package/types/components/Slider/components/index.d.ts.map +1 -1
  693. package/types/components/Tabs/TabItem.types.d.ts +96 -0
  694. package/types/components/Tabs/TabItem.types.d.ts.map +1 -0
  695. package/types/components/Tabs/{ui/Tabs/Tabs.types.d.ts → Tabs.types.d.ts} +42 -11
  696. package/types/components/Tabs/Tabs.types.d.ts.map +1 -0
  697. package/types/components/Tabs/createTabsController.d.ts +4 -3
  698. package/types/components/Tabs/createTabsController.d.ts.map +1 -1
  699. package/types/components/Tabs/index.d.ts +7 -4
  700. package/types/components/Tabs/index.d.ts.map +1 -1
  701. package/types/components/Tabs/tokens.d.ts +12 -4
  702. package/types/components/Tabs/tokens.d.ts.map +1 -1
  703. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +29 -0
  704. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -0
  705. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +7 -0
  706. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -0
  707. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +1 -0
  708. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +1 -0
  709. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +1 -0
  710. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +1 -0
  711. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +34 -0
  712. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -0
  713. package/types/components/Tabs/ui/{Tabs/Tabs.styles.d.ts → horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts} +1 -1
  714. package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +1 -0
  715. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +1 -0
  716. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +1 -0
  717. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +1 -0
  718. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +1 -0
  719. package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +1 -0
  720. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +26 -0
  721. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -0
  722. package/types/components/Tabs/ui/{TabItem/TabItem.styles.d.ts → vertical/VerticalTabItem/VerticalTabItem.styles.d.ts} +2 -1
  723. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -0
  724. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +2 -0
  725. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +1 -0
  726. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +2 -0
  727. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +1 -0
  728. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +2 -0
  729. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +1 -0
  730. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +27 -0
  731. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -0
  732. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts +8 -0
  733. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -0
  734. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts +2 -0
  735. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts.map +1 -0
  736. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts +2 -0
  737. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts.map +1 -0
  738. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts +2 -0
  739. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +1 -0
  740. package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts +3 -0
  741. package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts.map +1 -0
  742. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  743. package/types/components/TextField/TextField.d.ts +4 -0
  744. package/types/components/TextField/TextField.d.ts.map +1 -1
  745. package/types/components/TextField/TextField.styles.d.ts +5 -5
  746. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  747. package/types/components/TextField/TextField.tokens.d.ts +13 -0
  748. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  749. package/types/components/TextField/TextField.types.d.ts +20 -1
  750. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  751. package/types/components/TextField/variations/_clear/base.d.ts +2 -0
  752. package/types/components/TextField/variations/_clear/base.d.ts.map +1 -0
  753. package/types/components/TextField/variations/_disabled/base.d.ts.map +1 -1
  754. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  755. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  756. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  757. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +1 -1
  758. package/types/examples/plasma_b2c/components/Combobox/Combobox.config.d.ts.map +1 -1
  759. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  760. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -7
  761. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  762. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +236 -0
  763. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  764. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -1
  765. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +1 -47
  766. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  767. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +2 -25
  768. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
  769. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +2 -27
  770. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
  771. package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
  772. package/types/examples/plasma_b2c/components/Tabs/{TabItem.config.d.ts → horizontal/HorizontalTabItem.config.d.ts} +1 -1
  773. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -0
  774. package/types/examples/{plasma_web/components/Tabs/Tabs.config.d.ts → plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts} +1 -1
  775. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -0
  776. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +21 -0
  777. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -0
  778. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +21 -0
  779. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -0
  780. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +3 -0
  781. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  782. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +123 -0
  783. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  784. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +1 -1
  785. package/types/examples/plasma_web/components/Combobox/Combobox.config.d.ts.map +1 -1
  786. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  787. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -7
  788. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  789. package/types/examples/plasma_web/components/Mask/Mask.d.ts +236 -0
  790. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  791. package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -1
  792. package/types/examples/plasma_web/components/Slider/Slider.d.ts +1 -47
  793. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  794. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +2 -25
  795. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
  796. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +2 -27
  797. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
  798. package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
  799. package/types/examples/plasma_web/components/Tabs/{TabItem.config.d.ts → horizontal/HorizontalTabItem.config.d.ts} +1 -1
  800. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -0
  801. package/types/examples/{plasma_b2c/components/Tabs/Tabs.config.d.ts → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts} +1 -1
  802. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -0
  803. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +21 -0
  804. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -0
  805. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +21 -0
  806. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -0
  807. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +3 -0
  808. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  809. package/types/examples/plasma_web/components/TextField/TextField.d.ts +123 -0
  810. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  811. package/types/utils/index.d.ts +0 -1
  812. package/types/utils/index.d.ts.map +1 -1
  813. package/cjs/components/Autocomplete/ui/TextField/TextField.styles_11nkcwo.css +0 -1
  814. package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_1y5ups3.css +0 -1
  815. package/cjs/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +0 -5
  816. package/cjs/components/DatePicker/SingleDate/SingleDate.styles_1ekc7aj.css +0 -5
  817. package/cjs/components/Range/Range.styles_dmydia.css +0 -8
  818. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -100
  819. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
  820. package/cjs/components/Tabs/ui/TabItem/TabItem.css +0 -12
  821. package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +0 -1
  822. package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +0 -1
  823. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +0 -1
  824. package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +0 -1
  825. package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +0 -1
  826. package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +0 -1
  827. package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +0 -1
  828. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +0 -1
  829. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
  830. package/cjs/components/Tabs/ui/Tabs/Tabs.css +0 -16
  831. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +0 -1
  832. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +0 -1
  833. package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +0 -4
  834. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -9
  835. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +0 -1
  836. package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +0 -1
  837. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -9
  838. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +0 -1
  839. package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +0 -1
  840. package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +0 -1
  841. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -9
  842. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +0 -1
  843. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +0 -1
  844. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +0 -9
  845. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +0 -1
  846. package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +0 -1
  847. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  848. package/cjs/components/TextField/variations/_label-placement/base_6k17xp.css +0 -1
  849. package/cjs/components/TextField/variations/_read-only/base_8onybn.css +0 -1
  850. package/cjs/utils/setRefList.js +0 -29
  851. package/cjs/utils/setRefList.js.map +0 -1
  852. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
  853. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
  854. package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js +0 -39
  855. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -9
  856. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -9
  857. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js +0 -9
  858. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +0 -10
  859. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +0 -55
  860. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -9
  861. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -9
  862. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_size/base.js +0 -9
  863. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -10
  864. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +0 -9
  865. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +0 -39
  866. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +0 -41
  867. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +0 -39
  868. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +0 -41
  869. package/emotion/cjs/types/FormType.js +0 -5
  870. package/emotion/cjs/utils/setRefList.js +0 -28
  871. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
  872. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
  873. package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +0 -32
  874. package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -3
  875. package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -3
  876. package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +0 -3
  877. package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +0 -4
  878. package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +0 -48
  879. package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -3
  880. package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -3
  881. package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +0 -3
  882. package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -4
  883. package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +0 -3
  884. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +0 -33
  885. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +0 -35
  886. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +0 -33
  887. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +0 -35
  888. package/emotion/es/types/FormType.js +0 -1
  889. package/emotion/es/utils/setRefList.js +0 -21
  890. package/es/components/Autocomplete/ui/TextField/TextField.styles_11nkcwo.css +0 -1
  891. package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_1y5ups3.css +0 -1
  892. package/es/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +0 -5
  893. package/es/components/DatePicker/SingleDate/SingleDate.styles_1ekc7aj.css +0 -5
  894. package/es/components/Range/Range.styles_dmydia.css +0 -8
  895. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -96
  896. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
  897. package/es/components/Tabs/ui/TabItem/TabItem.css +0 -12
  898. package/es/components/Tabs/ui/TabItem/TabItem.js.map +0 -1
  899. package/es/components/Tabs/ui/TabItem/TabItem.styles.js +0 -22
  900. package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +0 -1
  901. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -5
  902. package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +0 -1
  903. package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +0 -1
  904. package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +0 -1
  905. package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +0 -1
  906. package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +0 -1
  907. package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +0 -1
  908. package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
  909. package/es/components/Tabs/ui/Tabs/Tabs.css +0 -16
  910. package/es/components/Tabs/ui/Tabs/Tabs.js.map +0 -1
  911. package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +0 -1
  912. package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +0 -4
  913. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -5
  914. package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +0 -1
  915. package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +0 -1
  916. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -5
  917. package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +0 -1
  918. package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +0 -1
  919. package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +0 -1
  920. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -5
  921. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +0 -1
  922. package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +0 -1
  923. package/es/components/Tabs/ui/Tabs/variations/_view/base.js +0 -5
  924. package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +0 -1
  925. package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +0 -1
  926. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  927. package/es/components/TextField/variations/_label-placement/base_6k17xp.css +0 -1
  928. package/es/components/TextField/variations/_read-only/base_8onybn.css +0 -1
  929. package/es/utils/setRefList.js +0 -24
  930. package/es/utils/setRefList.js.map +0 -1
  931. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
  932. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
  933. package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +0 -10
  934. package/styled-components/cjs/types/FormType.js +0 -5
  935. package/styled-components/cjs/utils/setRefList.js +0 -28
  936. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
  937. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
  938. package/styled-components/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -3
  939. package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +0 -4
  940. package/styled-components/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -3
  941. package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -4
  942. package/styled-components/es/types/FormType.js +0 -1
  943. package/styled-components/es/utils/setRefList.js +0 -21
  944. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +0 -4
  945. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +0 -1
  946. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +0 -40
  947. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +0 -1
  948. package/types/components/Tabs/ui/TabItem/TabItem.d.ts +0 -29
  949. package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +0 -1
  950. package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +0 -1
  951. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +0 -54
  952. package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +0 -1
  953. package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +0 -1
  954. package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +0 -1
  955. package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +0 -1
  956. package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +0 -1
  957. package/types/components/Tabs/ui/Tabs/Tabs.d.ts +0 -34
  958. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +0 -1
  959. package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +0 -1
  960. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +0 -1
  961. package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +0 -1
  962. package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +0 -1
  963. package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +0 -1
  964. package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +0 -1
  965. package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +0 -1
  966. package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +0 -1
  967. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +0 -1
  968. package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +0 -1
  969. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +0 -1
  970. package/types/types/FormType.d.ts +0 -13
  971. package/types/types/FormType.d.ts.map +0 -1
  972. package/types/utils/setRefList.d.ts +0 -6
  973. package/types/utils/setRefList.d.ts.map +0 -1
  974. /package/emotion/cjs/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  975. /package/emotion/cjs/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  976. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/tokens.json +0 -0
  977. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  978. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  979. /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_view/tokens.json +0 -0
  980. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/tokens.json +0 -0
  981. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  982. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  983. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  984. /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/tokens.json +0 -0
  985. /package/emotion/{es/components/Tabs/ui/TabItem → cjs/components/Tabs/ui/vertical/VerticalTabItem}/variations/_disabled/tokens.json +0 -0
  986. /package/emotion/{es/components/Tabs/ui/TabItem → cjs/components/Tabs/ui/vertical/VerticalTabItem}/variations/_view/tokens.json +0 -0
  987. /package/emotion/{es/components/Tabs/ui/Tabs → cjs/components/Tabs/ui/vertical/VerticalTabs}/variations/_disabled/tokens.json +0 -0
  988. /package/emotion/{es/components/Tabs/ui/Tabs → cjs/components/Tabs/ui/vertical/VerticalTabs}/variations/_view/tokens.json +0 -0
  989. /package/emotion/es/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  990. /package/emotion/es/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  991. /package/{styled-components/cjs/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem}/variations/_disabled/tokens.json +0 -0
  992. /package/emotion/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  993. /package/emotion/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  994. /package/{styled-components/cjs/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem}/variations/_view/tokens.json +0 -0
  995. /package/{styled-components/cjs/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs}/variations/_disabled/tokens.json +0 -0
  996. /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  997. /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  998. /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  999. /package/{styled-components/cjs/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs}/variations/_view/tokens.json +0 -0
  1000. /package/{styled-components/es/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/vertical/VerticalTabItem}/variations/_disabled/tokens.json +0 -0
  1001. /package/{styled-components/es/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/vertical/VerticalTabItem}/variations/_view/tokens.json +0 -0
  1002. /package/{styled-components/es/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/vertical/VerticalTabs}/variations/_disabled/tokens.json +0 -0
  1003. /package/{styled-components/es/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/vertical/VerticalTabs}/variations/_view/tokens.json +0 -0
  1004. /package/styled-components/cjs/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  1005. /package/styled-components/cjs/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  1006. /package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  1007. /package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  1008. /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  1009. /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  1010. /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  1011. /package/styled-components/es/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
  1012. /package/styled-components/es/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
  1013. /package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
  1014. /package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
  1015. /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
  1016. /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
  1017. /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
  1018. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.d.ts +0 -0
  1019. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/base.d.ts +0 -0
  1020. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.d.ts +0 -0
  1021. /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_view/base.d.ts +0 -0
  1022. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.d.ts +0 -0
  1023. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/base.d.ts +0 -0
  1024. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.d.ts +0 -0
  1025. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/base.d.ts +0 -0
  1026. /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.d.ts +0 -0
@@ -0,0 +1,22 @@
1
+ import './VerticalTabs.styles_1fr5ovg.css';
2
+ import { styled } from '@linaria/react';
3
+
4
+ var base = "b2r261u";
5
+ var StyledContent = /*#__PURE__*/styled('div')({
6
+ name: "StyledContent",
7
+ "class": "s1tfgc53",
8
+ propsAsIs: false
9
+ });
10
+ var StyledContentWrapper = /*#__PURE__*/styled('div')({
11
+ name: "StyledContentWrapper",
12
+ "class": "s16g9t9z",
13
+ propsAsIs: false
14
+ });
15
+ var StyledArrow = /*#__PURE__*/styled('button')({
16
+ name: "StyledArrow",
17
+ "class": "s81cx4",
18
+ propsAsIs: false
19
+ });
20
+
21
+ export { StyledArrow, StyledContent, StyledContentWrapper, base };
22
+ //# sourceMappingURL=VerticalTabs.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VerticalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n align-items: center;\n`;\n\nexport const StyledContent = styled.div<{ hasDivider?: boolean }>`\n display: inline-flex;\n flex-direction: column;\n align-items: start;\n`;\n\nexport const StyledContentWrapper = styled.div`\n /* allows correctly display outline focus on tabs item */\n margin: -0.125rem;\n padding: 0.25rem;\n\n box-sizing: content-box;\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n\n z-index: 1;\n\n &.${classes.tabsClipScroll} {\n overflow: scroll;\n scroll-padding: 0.25rem;\n overscroll-behavior: contain;\n\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n\n ${StyledContent} {\n margin-top: auto;\n }\n }\n\n &.${classes.tabsClipShowAll} {\n overflow: visible;\n }\n`;\n\nexport const StyledArrow = styled.button`\n display: flex;\n cursor: pointer;\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n transform: rotate(90deg);\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n })};\n\n &[disabled] {\n cursor: not-allowed;\n }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","StyledArrow"],"mappings":";;AAMO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCzC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBhC;;;;"}
@@ -0,0 +1,4 @@
1
+ .b2r261u{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
2
+ .s1tfgc53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
3
+ .s16g9t9z{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.s16g9t9z.tabs-clip-scroll{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.s16g9t9z.tabs-clip-scroll::-webkit-scrollbar{display:none;}.s16g9t9z.tabs-clip-scroll .s1tfgc53{margin-top:auto;}.s16g9t9z.tabs-clip-show-all{overflow:visible;}
4
+ .s81cx4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;}.s81cx4::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s81cx4.focus-visible:focus::before,.s81cx4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.s81cx4[disabled]{cursor:not-allowed;}
@@ -0,0 +1,5 @@
1
+ import './base_do8935.css';
2
+ var base = "b1vdpmya";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n opacity: var(${tokens.disabledOpacity});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1vdpmya{opacity:var(--plasma-tabs-disabled-opacity);}
@@ -0,0 +1,5 @@
1
+ import './base_1sekozo.css';
2
+ var base = "b1t51iwr";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n width: var(${tokens.tabsWidth});\n height: var(${tokens.tabsHeight});\n\n --plasma_private-outline-radius: var(${tokens.tabsBorderRadius});\n border-radius: var(${tokens.tabsBorderRadius});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAMhB;;;;"}
@@ -1 +1 @@
1
- .b12fajph{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
1
+ .b1t51iwr{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
@@ -0,0 +1,5 @@
1
+ import './base_rze03c.css';
2
+ var base = "bljnkat";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n background-color: var(${tokens.tabsBackgroundColor});\n\n &::after {\n content: '';\n position: absolute;\n top: 0.125rem;\n bottom: 0.125rem;\n left: 0;\n background: var(${tokens.tabsDividerColor});\n width: var(${tokens.tabsDividerWidth});\n border-radius: var(${tokens.tabsDividerBorderRadius});\n }\n\n &.${classes.tabsHasTopArrow} {\n &::after {\n top: 1.5rem;\n }\n }\n\n &.${classes.tabsHasBottomArrow} {\n &::after {\n bottom: 1.5rem;\n }\n }\n\n &.${classes.tabsNoDivider} {\n &::after {\n width: 0;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GA+BhB;;;;"}
@@ -0,0 +1 @@
1
+ .bljnkat{background-color:var(--plasma-tabs-background-color);}.bljnkat::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.bljnkat.tabs-has-top-arrow::after{top:1.5rem;}.bljnkat.tabs-has-bottom-arrow::after{bottom:1.5rem;}.bljnkat.tabs-no-divider::after{width:0;}
@@ -0,0 +1,6 @@
1
+ import { createContext } from 'react';
2
+
3
+ var VerticalTabsContext = /*#__PURE__*/createContext(null);
4
+
5
+ export { VerticalTabsContext };
6
+ //# sourceMappingURL=VerticalTabsContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VerticalTabsContext.js","sources":["../../../../../src/components/Tabs/ui/vertical/VerticalTabsContext.ts"],"sourcesContent":["import { createContext, ReactNode } from 'react';\n\nexport const VerticalTabsContext = createContext<ReactNode | null>(null);\n"],"names":["VerticalTabsContext","createContext"],"mappings":";;IAEaA,mBAAmB,gBAAGC,aAAa,CAAmB,IAAI;;;;"}
@@ -9,7 +9,6 @@ import { classes } from './TextArea.tokens.js';
9
9
  import { base as base$2 } from './variations/_view/base.js';
10
10
  import { base as base$1 } from './variations/_size/base.js';
11
11
  import { base as base$3 } from './variations/_disabled/base.js';
12
- import { mergeRefs } from '../../utils/setRefList.js';
13
12
 
14
13
  var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
15
14
  var innerPlaceholderUp = classes.innerPlaceholderUp,
@@ -101,7 +100,7 @@ var textAreaRoot = function textAreaRoot(Root) {
101
100
  _useState6 = _slicedToArray(_useState5, 2),
102
101
  uncontrolledValue = _useState6[0],
103
102
  setUncontrolledValue = _useState6[1];
104
- var outerRef = /*#__PURE__*/createRef();
103
+ var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/createRef();
105
104
  var innerOptional = required ? false : optional;
106
105
  var hasHelper = Boolean(leftHelper || rightHelper || helperText);
107
106
  var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
@@ -173,7 +172,7 @@ var textAreaRoot = function textAreaRoot(Root) {
173
172
  hasContentRight: Boolean(contentRight),
174
173
  hasHelper: hasHelper,
175
174
  applyCustomWidth: applyCustomWidth,
176
- ref: mergeRefs(outerRef, innerRef),
175
+ ref: outerRef,
177
176
  disabled: disabled,
178
177
  height: autoResize ? minAuto : height,
179
178
  width: width,
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback } from 'react';\nimport { css } from '@linaria/core';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx, mergeRefs } from '../../utils';\nimport type { RootProps } from '../../engines/types';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n StyledContent,\n StyledHelpers,\n StyledLeftHelper,\n StyledRightHelper,\n StyledLabel,\n StyledPlaceholder,\n StyledTextArea,\n StyledTextAreaWrapper,\n StyledContainer,\n StyledIndicator,\n StyledOptionalText,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { TextAreaProps } from './TextArea.types';\n\nconst {\n innerPlaceholderUp,\n focusedOuterPlaceholderColor,\n hidePlaceHolder,\n styledContainer,\n styledTextArea,\n styledTextAreaWrapper,\n styledPlaceholder,\n styledHelpers,\n} = classes;\n\nconst optionalText = 'optional';\n\nconst base = css`\n ${applyDynamicLabel};\n\n position: relative;\n box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n '': 'primary',\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n const { readOnly, label, labelPlacement, autoResize, rows, value, size } = props;\n\n // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n const withFocusedOuterUpPlaceholder =\n !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n const withInnerPlaceholderUp =\n labelPlacement === 'inner' &&\n label &&\n !autoResize &&\n !rows &&\n size !== 'xs' &&\n ((!readOnly && (value || focused)) || (readOnly && value))\n ? innerPlaceholderUp\n : undefined;\n\n // Добавить класс отвечающий за скрытие плейсхолдера\n const withHidePlaceholder =\n (value && !label) ||\n (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && (rows || autoResize)) ||\n (labelPlacement === 'outer' && value) ||\n (labelPlacement === 'inner' && size === 'xs' && value)\n ? hidePlaceHolder\n : undefined;\n\n return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) =>\n forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n const {\n helperText,\n status,\n resize,\n rightHelper,\n leftHelper,\n contentRight,\n autoResize = false,\n minAuto = 0,\n maxAuto,\n label,\n labelPlacement = 'inner',\n placeholder,\n defaultValue,\n height,\n width,\n value,\n disabled,\n required = false,\n requiredPlacement = 'right',\n optional = false,\n size,\n view,\n id,\n style,\n className,\n readOnly,\n rows,\n cols,\n onChange,\n ...rest\n } = props;\n\n const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n const [focused, setFocused] = useState(false);\n const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n const outerRef = createRef<HTMLTextAreaElement>();\n\n const innerOptional = required ? false : optional;\n const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n const hasOuterLabel = Boolean(label && labelPlacement === 'outer');\n const hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');\n const hasPlaceholderOptional = innerOptional && !hasOuterLabel;\n\n const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n const textareaHelperId = id ? `${id}-helper` : undefined;\n const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n const placeholderLabel = hasInnerLabel ? label : placeholder;\n\n const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n\n useResizeObserver(outerRef, (currentElement) => {\n const { width: inlineWidth } = currentElement.style;\n\n if (inlineWidth || cols) {\n const { width: elementWidth } = currentElement.getBoundingClientRect();\n setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n }\n });\n\n useAutoResize(autoResize, outerRef, value, minAuto, maxAuto);\n\n const onFocusHandler = useCallback(() => {\n setFocused(true);\n }, []);\n\n const onBlurHandler = useCallback(() => {\n setFocused(false);\n }, []);\n\n const onChangeHandler = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n if (value === undefined) {\n setUncontrolledValue(event?.target.value);\n }\n onChange?.(event);\n },\n [value, onChange],\n );\n\n const dynamicLabelClasses = getDynamicLabelClasses(\n {\n size,\n readOnly,\n label,\n labelPlacement,\n value: value || uncontrolledValue || defaultValue,\n ...(rows ? { rows } : { autoResize }),\n },\n focused,\n );\n\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={overriddenView}\n size={size}\n disabled={disabled}\n readOnly={readOnly}\n style={{ width: helperWidth, ...style }}\n className={className}\n >\n {hasOuterLabel && (\n <StyledLabel>\n {required && (\n <StyledIndicator className={cx(classes.outerLabelPlacement, requiredPlacementClass)} />\n )}\n {label}\n {optionalTextNode}\n </StyledLabel>\n )}\n <StyledContainer\n className={cx(styledContainer, ...dynamicLabelClasses)}\n width={helperWidth}\n onFocus={onFocusHandler}\n onBlur={onBlurHandler}\n >\n {required && !hasOuterLabel && (\n <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n )}\n {contentRight && <StyledContent>{contentRight}</StyledContent>}\n <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n <StyledTextArea\n className={styledTextArea}\n id={id}\n hasContentRight={Boolean(contentRight)}\n hasHelper={hasHelper}\n applyCustomWidth={applyCustomWidth}\n ref={mergeRefs(outerRef, innerRef)}\n disabled={disabled}\n height={autoResize ? minAuto : height}\n width={width}\n placeholder={placeholderLabel}\n aria-describedby={textareaHelperId}\n value={value}\n readOnly={readOnly}\n rows={rows}\n cols={cols}\n resize={resize}\n defaultValue={defaultValue}\n onChange={onChangeHandler}\n {...rest}\n />\n </StyledTextAreaWrapper>\n {hasHelper && (\n <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n {(leftHelper || helperText) && (\n <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n )}\n {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n </StyledHelpers>\n )}\n {placeholderLabel && (\n <StyledPlaceholder\n hasContentRight={Boolean(contentRight)}\n className={styledPlaceholder}\n htmlFor={id}\n >\n {placeholderLabel}\n {!hasOuterLabel && optionalTextNode}\n </StyledPlaceholder>\n )}\n </StyledContainer>\n </Root>\n );\n });\n\nexport const textAreaConfig = {\n name: 'TextArea',\n tag: 'div',\n layout: textAreaRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'primary',\n },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","optionalText","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","autoResize","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$optional","optional","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","innerOptional","hasHelper","Boolean","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","requiredPlacementClass","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","dynamicLabelClasses","_objectSpread","optionalTextNode","React","createElement","StyledOptionalText","StyledLabel","StyledIndicator","cx","outerLabelPlacement","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","mergeRefs","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback } from 'react';\nimport { css } from '@linaria/core';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx } from '../../utils';\nimport type { RootProps } from '../../engines/types';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n StyledContent,\n StyledHelpers,\n StyledLeftHelper,\n StyledRightHelper,\n StyledLabel,\n StyledPlaceholder,\n StyledTextArea,\n StyledTextAreaWrapper,\n StyledContainer,\n StyledIndicator,\n StyledOptionalText,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { TextAreaProps } from './TextArea.types';\n\nconst {\n innerPlaceholderUp,\n focusedOuterPlaceholderColor,\n hidePlaceHolder,\n styledContainer,\n styledTextArea,\n styledTextAreaWrapper,\n styledPlaceholder,\n styledHelpers,\n} = classes;\n\nconst optionalText = 'optional';\n\nconst base = css`\n ${applyDynamicLabel};\n\n position: relative;\n box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n '': 'primary',\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n const { readOnly, label, labelPlacement, autoResize, rows, value, size } = props;\n\n // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n const withFocusedOuterUpPlaceholder =\n !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n const withInnerPlaceholderUp =\n labelPlacement === 'inner' &&\n label &&\n !autoResize &&\n !rows &&\n size !== 'xs' &&\n ((!readOnly && (value || focused)) || (readOnly && value))\n ? innerPlaceholderUp\n : undefined;\n\n // Добавить класс отвечающий за скрытие плейсхолдера\n const withHidePlaceholder =\n (value && !label) ||\n (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && (rows || autoResize)) ||\n (labelPlacement === 'outer' && value) ||\n (labelPlacement === 'inner' && size === 'xs' && value)\n ? hidePlaceHolder\n : undefined;\n\n return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) =>\n forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n const {\n helperText,\n status,\n resize,\n rightHelper,\n leftHelper,\n contentRight,\n autoResize = false,\n minAuto = 0,\n maxAuto,\n label,\n labelPlacement = 'inner',\n placeholder,\n defaultValue,\n height,\n width,\n value,\n disabled,\n required = false,\n requiredPlacement = 'right',\n optional = false,\n size,\n view,\n id,\n style,\n className,\n readOnly,\n rows,\n cols,\n onChange,\n ...rest\n } = props;\n\n const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n const [focused, setFocused] = useState(false);\n const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n const outerRef = innerRef && 'current' in innerRef ? innerRef : createRef<HTMLTextAreaElement>();\n\n const innerOptional = required ? false : optional;\n const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n const hasOuterLabel = Boolean(label && labelPlacement === 'outer');\n const hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');\n const hasPlaceholderOptional = innerOptional && !hasOuterLabel;\n\n const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n const textareaHelperId = id ? `${id}-helper` : undefined;\n const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n const placeholderLabel = hasInnerLabel ? label : placeholder;\n\n const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n\n useResizeObserver(outerRef, (currentElement) => {\n const { width: inlineWidth } = currentElement.style;\n\n if (inlineWidth || cols) {\n const { width: elementWidth } = currentElement.getBoundingClientRect();\n setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n }\n });\n\n useAutoResize(autoResize, outerRef, value, minAuto, maxAuto);\n\n const onFocusHandler = useCallback(() => {\n setFocused(true);\n }, []);\n\n const onBlurHandler = useCallback(() => {\n setFocused(false);\n }, []);\n\n const onChangeHandler = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n if (value === undefined) {\n setUncontrolledValue(event?.target.value);\n }\n\n onChange?.(event);\n },\n [value, onChange],\n );\n\n const dynamicLabelClasses = getDynamicLabelClasses(\n {\n size,\n readOnly,\n label,\n labelPlacement,\n value: value || uncontrolledValue || defaultValue,\n ...(rows ? { rows } : { autoResize }),\n },\n focused,\n );\n\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={overriddenView}\n size={size}\n disabled={disabled}\n readOnly={readOnly}\n style={{ width: helperWidth, ...style }}\n className={className}\n >\n {hasOuterLabel && (\n <StyledLabel>\n {required && (\n <StyledIndicator className={cx(classes.outerLabelPlacement, requiredPlacementClass)} />\n )}\n {label}\n {optionalTextNode}\n </StyledLabel>\n )}\n <StyledContainer\n className={cx(styledContainer, ...dynamicLabelClasses)}\n width={helperWidth}\n onFocus={onFocusHandler}\n onBlur={onBlurHandler}\n >\n {required && !hasOuterLabel && (\n <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n )}\n {contentRight && <StyledContent>{contentRight}</StyledContent>}\n <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n <StyledTextArea\n className={styledTextArea}\n id={id}\n hasContentRight={Boolean(contentRight)}\n hasHelper={hasHelper}\n applyCustomWidth={applyCustomWidth}\n ref={outerRef}\n disabled={disabled}\n height={autoResize ? minAuto : height}\n width={width}\n placeholder={placeholderLabel}\n aria-describedby={textareaHelperId}\n value={value}\n readOnly={readOnly}\n rows={rows}\n cols={cols}\n resize={resize}\n defaultValue={defaultValue}\n onChange={onChangeHandler}\n {...rest}\n />\n </StyledTextAreaWrapper>\n {hasHelper && (\n <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n {(leftHelper || helperText) && (\n <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n )}\n {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n </StyledHelpers>\n )}\n {placeholderLabel && (\n <StyledPlaceholder\n hasContentRight={Boolean(contentRight)}\n className={styledPlaceholder}\n htmlFor={id}\n >\n {placeholderLabel}\n {!hasOuterLabel && optionalTextNode}\n </StyledPlaceholder>\n )}\n </StyledContainer>\n </Root>\n );\n });\n\nexport const textAreaConfig = {\n name: 'TextArea',\n tag: 'div',\n layout: textAreaRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'primary',\n },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","optionalText","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","autoResize","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$optional","optional","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","innerOptional","hasHelper","Boolean","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","requiredPlacementClass","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","dynamicLabelClasses","_objectSpread","optionalTextNode","React","createElement","StyledOptionalText","StyledLabel","StyledIndicator","cx","outerLabelPlacement","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
@@ -5,15 +5,16 @@ import { useForkRef, safeUseId } from '@salutejs/plasma-core';
5
5
  import { cx } from '../../utils/index.js';
6
6
  import { base as base$2 } from './variations/_size/base.js';
7
7
  import { base as base$1 } from './variations/_view/base.js';
8
- import { base as base$3 } from './variations/_disabled/base.js';
9
- import { base as base$4 } from './variations/_read-only/base.js';
10
- import { base as base$5 } from './variations/_label-placement/base.js';
8
+ import { base as base$3 } from './variations/_clear/base.js';
9
+ import { base as base$4 } from './variations/_disabled/base.js';
10
+ import { base as base$5 } from './variations/_read-only/base.js';
11
+ import { base as base$6 } from './variations/_label-placement/base.js';
11
12
  import { Label, StyledIndicator, InputWrapper, StyledContentLeft, InputLabelWrapper, StyledTextBefore, StyledChips, InputContainer, Input, InputPlaceholder, StyledTextAfter, StyledContentRight, LeftHelper, StyledOptionalText } from './TextField.styles.js';
12
13
  import { classes } from './TextField.tokens.js';
13
14
  import { TextFieldChip } from './ui/TextFieldChip/TextFieldChip.js';
14
15
  import { useKeyNavigation } from './hooks/useKeyNavigation.js';
15
16
 
16
- var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "optional", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
17
+ var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
17
18
  var optionalText = 'optional';
18
19
  var base = "bpunezx";
19
20
  var textFieldRoot = function textFieldRoot(Root) {
@@ -42,7 +43,10 @@ var textFieldRoot = function textFieldRoot(Root) {
42
43
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
43
44
  _ref$required = _ref.required,
44
45
  required = _ref$required === void 0 ? false : _ref$required,
46
+ _ref$clear = _ref.clear,
47
+ clear = _ref$clear === void 0 ? false : _ref$clear,
45
48
  optional = _ref.optional,
49
+ hasDivider = _ref.hasDivider,
46
50
  outerValue = _ref.value,
47
51
  values = _ref.chips,
48
52
  onChange = _ref.onChange,
@@ -71,6 +75,7 @@ var textFieldRoot = function textFieldRoot(Root) {
71
75
  var innerId = id || uniqId;
72
76
  var labelId = safeUseId();
73
77
  var helperTextId = safeUseId();
78
+ var isDefaultView = view === 'default' || readOnly || disabled;
74
79
  var isChipEnumeration = enumerationType === 'chip';
75
80
  var isChipsVisible = isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length);
76
81
  var withHasChips = isChipsVisible ? classes.hasChips : undefined;
@@ -82,6 +87,8 @@ var textFieldRoot = function textFieldRoot(Root) {
82
87
  var innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;
83
88
  var innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;
84
89
  var placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;
90
+ var clearClass = clear ? classes.clear : undefined;
91
+ var hasDividerClass = hasDivider ? classes.hasDivider : undefined;
85
92
  var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
86
93
  var labelPlacementClass = innerLabelPlacementValue ? classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
87
94
  var hasValueClass = hasValue ? classes.hasValue : undefined;
@@ -173,9 +180,10 @@ var textFieldRoot = function textFieldRoot(Root) {
173
180
  size: size,
174
181
  disabled: disabled,
175
182
  readOnly: !disabled && readOnly,
183
+ clear: clear,
176
184
  labelPlacement: innerLabelPlacementValue,
177
185
  onClick: handleInputFocus,
178
- className: cx(labelPlacementClass, classes.textFieldGroupItem, className),
186
+ className: cx(labelPlacementClass, clearClass, hasDividerClass, classes.textFieldGroupItem, className),
179
187
  style: style
180
188
  }, hasOuterLabel && /*#__PURE__*/React.createElement(Label, {
181
189
  id: labelId,
@@ -189,7 +197,10 @@ var textFieldRoot = function textFieldRoot(Root) {
189
197
  className: cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
190
198
  }, !hasOuterLabel && required && /*#__PURE__*/React.createElement(StyledIndicator, {
191
199
  className: cx(classes.innerLabelPlacement, requiredPlacementClass)
192
- }), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
200
+ }), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, {
201
+ isClear: clear,
202
+ isDefaultView: isDefaultView
203
+ }, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
193
204
  tabIndex: -1,
194
205
  ref: contentRef,
195
206
  onKeyDown: handleContentKeyDown,
@@ -248,16 +259,20 @@ var textFieldConfig = {
248
259
  size: {
249
260
  css: base$2
250
261
  },
251
- disabled: {
262
+ clear: {
252
263
  css: base$3,
253
264
  attrs: true
254
265
  },
255
- readOnly: {
266
+ disabled: {
256
267
  css: base$4,
257
268
  attrs: true
258
269
  },
270
+ readOnly: {
271
+ css: base$5,
272
+ attrs: true
273
+ },
259
274
  labelPlacement: {
260
- css: base$5
275
+ css: base$6
261
276
  }
262
277
  },
263
278
  defaults: {
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { FormEventHandler, ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n InputContainer,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n StyledIndicator,\n StyledOptionalText,\n InputPlaceholder,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nconst optionalText = 'optional';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n requiredPlacement = 'right',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n required = false,\n optional,\n\n // controlled\n value: outerValue,\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [hasValue, setHasValue] = useState(\n Boolean(outerValue) || Boolean(inputRef?.current?.value) || Boolean(rest?.defaultValue),\n );\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const isChipsVisible = isChipEnumeration && Boolean(chips?.length);\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n\n const hasLabelValue = Boolean(label);\n const hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;\n const hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;\n const hasPlaceholder = Boolean(placeholder) && !hasInnerLabel;\n\n const innerLabelValue = hasInnerLabel || hasOuterLabel ? label : undefined;\n const innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;\n\n const innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;\n const placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;\n\n const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n const labelPlacementClass = innerLabelPlacementValue\n ? classes[`${innerLabelPlacementValue}LabelPlacement` as keyof typeof classes]\n : undefined;\n const hasValueClass = hasValue ? classes.hasValue : undefined;\n\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleInput: FormEventHandler<HTMLInputElement> = (event) => {\n setHasValue(Boolean((event.target as HTMLInputElement).value));\n };\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n onEnterDisabled: (rest as any).onEnterDisabled,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n useEffect(() => {\n setHasValue(Boolean(rest?.defaultValue));\n }, [rest.defaultValue]);\n\n useEffect(() => {\n setHasValue(Boolean(outerValue) || Boolean(inputRef?.current?.value));\n }, [outerValue, inputRef?.current?.value]);\n\n const innerOptional = Boolean(required ? false : optional);\n const hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(labelPlacementClass, classes.textFieldGroupItem, className)}\n style={style}\n >\n {hasOuterLabel && (\n <Label id={labelId} htmlFor={id}>\n {required && (\n <StyledIndicator className={cx(classes.outerLabelPlacement, requiredPlacementClass)} />\n )}\n {innerLabelValue}\n {optionalTextNode}\n </Label>\n )}\n <InputWrapper\n // Ref для внутреннего использования. Не отдается наружу.\n ref={(rest as any).inputWrapperRef}\n className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}\n >\n {!hasOuterLabel && required && (\n <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n )}\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <InputContainer>\n <Input\n ref={inputForkRef}\n id={innerId}\n value={outerValue}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n className={cx(hasValueClass)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onInput={handleInput}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {hasInnerLabel && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n {optionalTextNode}\n </Label>\n )}\n {placeholderShown && !hasValue && (\n <InputPlaceholder>\n {innerPlaceholderValue}\n {hasPlaceholderOptional && optionalTextNode}\n </InputPlaceholder>\n )}\n </InputContainer>\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["optionalText","base","textFieldRoot","Root","forwardRef","_ref","ref","_inputRef$current","_inputRef$current3","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","_ref$requiredPlacemen","requiredPlacement","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$required","required","optional","outerValue","value","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","Boolean","current","defaultValue","_useState2","_slicedToArray","hasValue","setHasValue","_useState3","_useState4","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","isChipsVisible","length","withHasChips","classes","hasChips","undefined","hasLabelValue","hasInnerLabel","hasOuterLabel","hasPlaceholder","innerLabelValue","innerLabelPlacementValue","innerPlaceholderValue","placeholderShown","requiredPlacementClass","labelPlacementClass","concat","hasValueClass","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleInput","event","target","handleChange","_event$target","maxLength","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","onEnterDisabled","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","_inputRef$current2","innerOptional","hasPlaceholderOptional","optionalTextNode","React","createElement","StyledOptionalText","onClick","cx","textFieldGroupItem","Label","htmlFor","StyledIndicator","outerLabelPlacement","InputWrapper","inputWrapperRef","innerLabelPlacement","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","InputContainer","Input","_extends","onInput","InputPlaceholder","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { FormEventHandler, ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n InputContainer,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n StyledIndicator,\n StyledOptionalText,\n InputPlaceholder,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nconst optionalText = 'optional';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n requiredPlacement = 'right',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n required = false,\n clear = false,\n optional,\n hasDivider,\n\n // controlled\n value: outerValue,\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [hasValue, setHasValue] = useState(\n Boolean(outerValue) || Boolean(inputRef?.current?.value) || Boolean(rest?.defaultValue),\n );\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isDefaultView = view === 'default' || readOnly || disabled;\n\n const isChipEnumeration = enumerationType === 'chip';\n const isChipsVisible = isChipEnumeration && Boolean(chips?.length);\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n\n const hasLabelValue = Boolean(label);\n const hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;\n const hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;\n const hasPlaceholder = Boolean(placeholder) && !hasInnerLabel;\n\n const innerLabelValue = hasInnerLabel || hasOuterLabel ? label : undefined;\n const innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;\n\n const innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;\n const placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;\n\n const clearClass = clear ? classes.clear : undefined;\n const hasDividerClass = hasDivider ? classes.hasDivider : undefined;\n const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n const labelPlacementClass = innerLabelPlacementValue\n ? classes[`${innerLabelPlacementValue}LabelPlacement` as keyof typeof classes]\n : undefined;\n const hasValueClass = hasValue ? classes.hasValue : undefined;\n\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleInput: FormEventHandler<HTMLInputElement> = (event) => {\n setHasValue(Boolean((event.target as HTMLInputElement).value));\n };\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n onEnterDisabled: (rest as any).onEnterDisabled,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n useEffect(() => {\n setHasValue(Boolean(rest?.defaultValue));\n }, [rest.defaultValue]);\n\n useEffect(() => {\n setHasValue(Boolean(outerValue) || Boolean(inputRef?.current?.value));\n }, [outerValue, inputRef?.current?.value]);\n\n const innerOptional = Boolean(required ? false : optional);\n const hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n clear={clear}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(\n labelPlacementClass,\n clearClass,\n hasDividerClass,\n classes.textFieldGroupItem,\n className,\n )}\n style={style}\n >\n {hasOuterLabel && (\n <Label id={labelId} htmlFor={id}>\n {required && (\n <StyledIndicator className={cx(classes.outerLabelPlacement, requiredPlacementClass)} />\n )}\n {innerLabelValue}\n {optionalTextNode}\n </Label>\n )}\n <InputWrapper\n // Ref для внутреннего использования. Не отдается наружу.\n ref={(rest as any).inputWrapperRef}\n className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}\n >\n {!hasOuterLabel && required && (\n <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n )}\n {contentLeft && (\n <StyledContentLeft isClear={clear} isDefaultView={isDefaultView}>\n {contentLeft}\n </StyledContentLeft>\n )}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <InputContainer>\n <Input\n ref={inputForkRef}\n id={innerId}\n value={outerValue}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n className={cx(hasValueClass)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onInput={handleInput}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {hasInnerLabel && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n {optionalTextNode}\n </Label>\n )}\n {placeholderShown && !hasValue && (\n <InputPlaceholder>\n {innerPlaceholderValue}\n {hasPlaceholderOptional && optionalTextNode}\n </InputPlaceholder>\n )}\n </InputContainer>\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n clear: {\n css: clearCSS,\n attrs: true,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["optionalText","base","textFieldRoot","Root","forwardRef","_ref","ref","_inputRef$current","_inputRef$current3","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","_ref$requiredPlacemen","requiredPlacement","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$required","required","_ref$clear","clear","optional","hasDivider","outerValue","value","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","Boolean","current","defaultValue","_useState2","_slicedToArray","hasValue","setHasValue","_useState3","_useState4","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isDefaultView","isChipEnumeration","isChipsVisible","length","withHasChips","classes","hasChips","undefined","hasLabelValue","hasInnerLabel","hasOuterLabel","hasPlaceholder","innerLabelValue","innerLabelPlacementValue","innerPlaceholderValue","placeholderShown","clearClass","hasDividerClass","requiredPlacementClass","labelPlacementClass","concat","hasValueClass","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleInput","event","target","handleChange","_event$target","maxLength","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","onEnterDisabled","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","_inputRef$current2","innerOptional","hasPlaceholderOptional","optionalTextNode","React","createElement","StyledOptionalText","onClick","cx","textFieldGroupItem","Label","htmlFor","StyledIndicator","outerLabelPlacement","InputWrapper","inputWrapperRef","innerLabelPlacement","StyledContentLeft","isClear","InputLabelWrapper","tabIndex","StyledTextBefore","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","InputContainer","Input","_extends","onInput","InputPlaceholder","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","clearCSS","attrs","disabledCSS","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
@@ -1,5 +1,6 @@
1
- import './TextField.styles_b1zmrz.css';
1
+ import './TextField.styles_1d2ryq.css';
2
2
  import { styled } from '@linaria/react';
3
+ import { tokens } from './TextField.tokens.js';
3
4
 
4
5
  var InputWrapper = /*#__PURE__*/styled('div')({
5
6
  name: "InputWrapper",
@@ -36,10 +37,20 @@ var Label = /*#__PURE__*/styled('label')({
36
37
  "class": "lbt1ohz",
37
38
  propsAsIs: false
38
39
  });
40
+ var _exp7 = function _exp7() {
41
+ return function (_ref) {
42
+ var isDefaultView = _ref.isDefaultView,
43
+ isClear = _ref.isClear;
44
+ return !isDefaultView && isClear ? "var(".concat(tokens.clearColor, ")") : "var(".concat(tokens.contentSlotColor, ")");
45
+ };
46
+ };
39
47
  var StyledContentSlot = /*#__PURE__*/styled('div')({
40
48
  name: "StyledContentSlot",
41
49
  "class": "slv9av6",
42
- propsAsIs: false
50
+ propsAsIs: false,
51
+ vars: {
52
+ "slv9av6-0": [/*#__PURE__*/_exp7()]
53
+ }
43
54
  });
44
55
  var _exp8 = function _exp8() {
45
56
  return StyledContentSlot;
@@ -49,13 +60,10 @@ var StyledContentLeft = /*#__PURE__*/styled(_exp8())({
49
60
  "class": "s600610",
50
61
  propsAsIs: true
51
62
  });
52
- var _exp10 = function _exp10() {
53
- return StyledContentSlot;
54
- };
55
- var StyledContentRight = /*#__PURE__*/styled(_exp10())({
63
+ var StyledContentRight = /*#__PURE__*/styled('div')({
56
64
  name: "StyledContentRight",
57
65
  "class": "suk2zst",
58
- propsAsIs: true
66
+ propsAsIs: false
59
67
  });
60
68
  var LeftHelper = /*#__PURE__*/styled('div')({
61
69
  name: "LeftHelper",
@@ -82,11 +90,6 @@ var StyledIndicator = /*#__PURE__*/styled('div')({
82
90
  "class": "s7hnwwb",
83
91
  propsAsIs: false
84
92
  });
85
- var InputHidden = /*#__PURE__*/styled('input')({
86
- name: "InputHidden",
87
- "class": "imqgwd8",
88
- propsAsIs: false
89
- });
90
93
 
91
- export { Input, InputContainer, InputHidden, InputLabelWrapper, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledChips, StyledContentLeft, StyledContentRight, StyledIndicator, StyledOptionalText, StyledTextAfter, StyledTextBefore };
94
+ export { Input, InputContainer, InputLabelWrapper, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledChips, StyledContentLeft, StyledContentRight, StyledIndicator, StyledOptionalText, StyledTextAfter, StyledTextBefore };
92
95
  //# sourceMappingURL=TextField.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from './TextField.tokens';\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipGap});\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n width: 100%;\n z-index: 1;\n\n &::placeholder {\n opacity: 0;\n }\n`;\n\nexport const InputContainer = styled.div`\n position: relative;\n flex: 1;\n min-width: 60%;\n`;\n\nexport const InputPlaceholder = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 0;\n white-space: nowrap;\n\n pointer-events: none;\n user-select: none;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n\n color: var(${tokens.placeholderColor});\n`;\n\nexport const Label = styled.label`\n position: relative;\n display: inline-flex;\n`;\n\nconst StyledContentSlot = styled.div`\n color: var(${tokens.contentSlotColor});\n line-height: 0;\n`;\n\nexport const StyledContentLeft = styled(StyledContentSlot)`\n margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled(StyledContentSlot)`\n margin: var(${tokens.rightContentMargin});\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotColorHover});\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n\nexport const InputHidden = styled.input`\n visibility: hidden;\n width: 0;\n height: 0;\n opacity: 0;\n margin: 0;\n padding: 0;\n border: none;\n`;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","InputContainer","InputPlaceholder","Label","StyledContentSlot","_exp8","StyledContentLeft","_exp10","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledIndicator","InputHidden"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from './TextField.tokens';\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipGap});\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n width: 100%;\n z-index: 1;\n\n &::placeholder {\n opacity: 0;\n }\n`;\n\nexport const InputContainer = styled.div`\n position: relative;\n flex: 1;\n min-width: 60%;\n`;\n\nexport const InputPlaceholder = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 0;\n white-space: nowrap;\n\n pointer-events: none;\n user-select: none;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n\n color: var(${tokens.placeholderColor});\n`;\n\nexport const Label = styled.label`\n position: relative;\n display: inline-flex;\n`;\n\nconst StyledContentSlot = styled.div<{ isDefaultView: boolean; isClear: boolean }>`\n color: ${({ isDefaultView, isClear }) =>\n !isDefaultView && isClear ? `var(${tokens.clearColor})` : `var(${tokens.contentSlotColor})`};\n line-height: 0;\n`;\n\nexport const StyledContentLeft = styled(StyledContentSlot)`\n margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n\n margin: var(${tokens.rightContentMargin});\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotColorHover});\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","InputContainer","InputPlaceholder","Label","_exp7","_ref","isDefaultView","isClear","concat","tokens","clearColor","contentSlotColor","StyledContentSlot","vars","_exp8","StyledContentLeft","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledIndicator"],"mappings":"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"}