@salutejs/plasma-new-hope 0.169.0-canary.1486.11363705461.0 → 0.170.0-canary.1459.11367029149.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (685) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +34 -19
  2. package/cjs/components/Autocomplete/Autocomplete.js +4 -2
  3. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  4. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +1 -1
  5. package/cjs/components/Combobox/ComboboxNew/Combobox.css +38 -18
  6. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +38 -18
  7. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +38 -18
  8. package/cjs/components/DatePicker/RangeDate/RangeDate.css +33 -18
  9. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +33 -18
  10. package/cjs/components/DatePicker/SingleDate/SingleDate.css +35 -20
  11. package/cjs/components/Range/Range.css +39 -19
  12. package/cjs/components/Segment/tokens.js +15 -1
  13. package/cjs/components/Segment/tokens.js.map +1 -1
  14. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +13 -7
  15. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +180 -88
  16. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  17. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +37 -1
  18. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  19. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_79d8q2.css +8 -0
  20. package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  21. package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js.map +1 -1
  22. package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +1 -0
  23. package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +9 -0
  24. package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +1 -0
  25. package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +1 -0
  26. package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
  27. package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js.map +1 -1
  28. package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base_pxl3nb.css +1 -0
  29. package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  30. package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js.map +1 -1
  31. package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base_18cpjsq.css +1 -0
  32. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +6 -4
  33. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +14 -9
  34. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  35. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +30 -1
  36. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  37. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_19oo2vi.css +4 -0
  38. package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  39. package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
  40. package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/{base_15s0fel.css → base_omc5u1.css} +1 -1
  41. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  42. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  43. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +1 -0
  44. package/cjs/components/Slider/Slider.css +39 -19
  45. package/cjs/components/Slider/Slider.js +2 -0
  46. package/cjs/components/Slider/Slider.js.map +1 -1
  47. package/cjs/components/Slider/components/Double/Double.css +39 -19
  48. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +1 -1
  49. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +1 -1
  50. package/cjs/components/TextArea/TextArea.js +109 -18
  51. package/cjs/components/TextArea/TextArea.js.map +1 -1
  52. package/cjs/components/TextArea/TextArea.styles.js +160 -63
  53. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  54. package/cjs/components/TextArea/TextArea.styles_mcxlmk.css +17 -0
  55. package/cjs/components/TextArea/TextArea.tokens.js +43 -4
  56. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  57. package/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  58. package/cjs/components/TextArea/hooks/useAutoResize.js.map +1 -1
  59. package/cjs/components/TextArea/ui/Hint/Hint.css +29 -0
  60. package/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
  61. package/cjs/components/TextArea/ui/Hint/Hint.js.map +1 -0
  62. package/cjs/components/TextArea/variations/_clear/base.js +1 -1
  63. package/cjs/components/TextArea/variations/_clear/base.js.map +1 -1
  64. package/cjs/components/TextArea/variations/_clear/base_1ezvvtt.css +1 -0
  65. package/cjs/components/TextArea/variations/_hint-size/base.js +9 -0
  66. package/cjs/components/TextArea/variations/_hint-size/base.js.map +1 -0
  67. package/cjs/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
  68. package/cjs/components/TextArea/variations/_hint-view/base.js +9 -0
  69. package/cjs/components/TextArea/variations/_hint-view/base.js.map +1 -0
  70. package/cjs/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  71. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  72. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  73. package/cjs/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
  74. package/cjs/components/TextField/TextField.js +98 -9
  75. package/cjs/components/TextField/TextField.js.map +1 -1
  76. package/cjs/components/TextField/TextField.styles.js +76 -23
  77. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  78. package/cjs/components/TextField/TextField.styles_17xt45g.css +21 -0
  79. package/cjs/components/TextField/TextField.tokens.js +40 -1
  80. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  81. package/cjs/components/TextField/ui/Hint/Hint.css +33 -0
  82. package/cjs/components/TextField/ui/Hint/Hint.js +53 -0
  83. package/cjs/components/TextField/ui/Hint/Hint.js.map +1 -0
  84. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  85. package/cjs/components/TextField/variations/_clear/base.js.map +1 -1
  86. package/cjs/components/TextField/variations/_clear/base_1pkwm4m.css +1 -0
  87. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  88. package/cjs/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  89. package/cjs/components/TextField/variations/_hint-size/base.js +9 -0
  90. package/cjs/components/TextField/variations/_hint-size/base.js.map +1 -0
  91. package/cjs/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
  92. package/cjs/components/TextField/variations/_hint-view/base.js +9 -0
  93. package/cjs/components/TextField/variations/_hint-view/base.js.map +1 -0
  94. package/cjs/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  95. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  96. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  97. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  98. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  99. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  100. package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  101. package/cjs/components/TextField/variations/_size/base.js +1 -1
  102. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  103. package/cjs/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
  104. package/cjs/components/TextField/variations/_view/base.js +1 -1
  105. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  106. package/cjs/components/TextField/variations/_view/base_qhyte8.css +1 -0
  107. package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
  108. package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
  109. package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  110. package/cjs/components/_Icon/Icon.assets/DisclosureDownWithOffset.js +22 -0
  111. package/cjs/components/_Icon/Icon.assets/DisclosureDownWithOffset.js.map +1 -0
  112. package/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +22 -0
  113. package/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js.map +1 -0
  114. package/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +22 -0
  115. package/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js.map +1 -0
  116. package/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +22 -0
  117. package/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js.map +1 -0
  118. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +23 -0
  119. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  120. package/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js +23 -0
  121. package/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js.map +1 -0
  122. package/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +23 -0
  123. package/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js.map +1 -0
  124. package/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js +23 -0
  125. package/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js.map +1 -0
  126. package/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js +23 -0
  127. package/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js.map +1 -0
  128. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +23 -0
  129. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  130. package/cjs/index.css +73 -45
  131. package/emotion/cjs/components/Autocomplete/Autocomplete.js +4 -2
  132. package/emotion/cjs/components/Segment/Segment.template-doc.mdx +49 -6
  133. package/emotion/cjs/components/Segment/tokens.js +15 -1
  134. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +174 -85
  135. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +29 -29
  136. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  137. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +10 -0
  138. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +1 -0
  139. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
  140. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  141. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +14 -9
  142. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +21 -7
  143. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  144. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
  145. package/emotion/cjs/components/TextArea/TextArea.js +113 -22
  146. package/emotion/cjs/components/TextArea/TextArea.styles.js +99 -41
  147. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
  148. package/emotion/cjs/components/TextArea/TextArea.tokens.js +43 -4
  149. package/emotion/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  150. package/emotion/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
  151. package/emotion/cjs/components/TextArea/ui/Hint/Hint.types.js +5 -0
  152. package/emotion/cjs/components/TextArea/variations/_clear/base.js +1 -1
  153. package/emotion/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  154. package/emotion/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  155. package/emotion/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  156. package/emotion/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  157. package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -1
  158. package/emotion/cjs/components/TextField/TextField.js +101 -12
  159. package/emotion/cjs/components/TextField/TextField.styles.js +84 -37
  160. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +6 -1
  161. package/emotion/cjs/components/TextField/TextField.tokens.js +40 -1
  162. package/emotion/cjs/components/TextField/ui/Hint/Hint.js +53 -0
  163. package/emotion/cjs/components/TextField/ui/Hint/Hint.types.js +5 -0
  164. package/emotion/cjs/components/TextField/variations/_clear/base.js +1 -1
  165. package/emotion/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  166. package/emotion/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  167. package/emotion/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  168. package/emotion/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  169. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  170. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  171. package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
  172. package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  173. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureDownWithOffset.js +21 -0
  174. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +21 -0
  175. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +21 -0
  176. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +21 -0
  177. package/emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  178. package/emotion/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js +22 -0
  179. package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +22 -0
  180. package/emotion/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js +22 -0
  181. package/emotion/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js +22 -0
  182. package/emotion/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  183. package/emotion/cjs/components/_Icon/index.js +36 -1
  184. package/emotion/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +118 -42
  185. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +13 -10
  186. package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  187. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +19 -10
  188. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  189. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +22 -13
  190. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  191. package/emotion/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +119 -42
  192. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +15 -9
  193. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  194. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +19 -10
  195. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  196. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +22 -13
  197. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  198. package/emotion/es/components/Autocomplete/Autocomplete.js +4 -2
  199. package/emotion/es/components/Segment/Segment.template-doc.mdx +49 -6
  200. package/emotion/es/components/Segment/tokens.js +15 -1
  201. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +177 -88
  202. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +29 -29
  203. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  204. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +4 -0
  205. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +1 -0
  206. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
  207. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  208. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.js +15 -10
  209. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +21 -7
  210. package/emotion/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  211. package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
  212. package/emotion/es/components/TextArea/TextArea.js +113 -22
  213. package/emotion/es/components/TextArea/TextArea.styles.js +98 -40
  214. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +6 -1
  215. package/emotion/es/components/TextArea/TextArea.tokens.js +43 -4
  216. package/emotion/es/components/TextArea/hooks/useAutoResize.js +2 -4
  217. package/emotion/es/components/TextArea/ui/Hint/Hint.js +44 -0
  218. package/emotion/es/components/TextArea/ui/Hint/Hint.types.js +1 -0
  219. package/emotion/es/components/TextArea/variations/_clear/base.js +2 -2
  220. package/emotion/es/components/TextArea/variations/_hint-size/base.js +5 -0
  221. package/emotion/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  222. package/emotion/es/components/TextArea/variations/_hint-view/base.js +5 -0
  223. package/emotion/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  224. package/emotion/es/components/TextArea/variations/_view/base.js +2 -1
  225. package/emotion/es/components/TextField/TextField.js +100 -11
  226. package/emotion/es/components/TextField/TextField.styles.js +83 -36
  227. package/emotion/es/components/TextField/TextField.template-doc.mdx +6 -1
  228. package/emotion/es/components/TextField/TextField.tokens.js +40 -1
  229. package/emotion/es/components/TextField/ui/Hint/Hint.js +44 -0
  230. package/emotion/es/components/TextField/ui/Hint/Hint.types.js +1 -0
  231. package/emotion/es/components/TextField/variations/_clear/base.js +2 -2
  232. package/emotion/es/components/TextField/variations/_hint-size/base.js +5 -0
  233. package/emotion/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  234. package/emotion/es/components/TextField/variations/_hint-view/base.js +5 -0
  235. package/emotion/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  236. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  237. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  238. package/emotion/es/components/TextField/variations/_size/base.js +2 -2
  239. package/emotion/es/components/TextField/variations/_view/base.js +2 -2
  240. package/emotion/es/components/_Icon/Icon.assets/DisclosureDownWithOffset.js +14 -0
  241. package/emotion/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +14 -0
  242. package/emotion/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +14 -0
  243. package/emotion/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +14 -0
  244. package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  245. package/emotion/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js +15 -0
  246. package/emotion/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +15 -0
  247. package/emotion/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js +15 -0
  248. package/emotion/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js +15 -0
  249. package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  250. package/emotion/es/components/_Icon/index.js +6 -1
  251. package/emotion/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +118 -42
  252. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +13 -10
  253. package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
  254. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +19 -10
  255. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  256. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +22 -13
  257. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  258. package/emotion/es/examples/plasma_web/components/Segment/Segment.stories.tsx +119 -42
  259. package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +15 -9
  260. package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  261. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +19 -10
  262. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  263. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +22 -13
  264. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  265. package/es/components/Autocomplete/Autocomplete.css +34 -19
  266. package/es/components/Autocomplete/Autocomplete.js +4 -2
  267. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  268. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +1 -1
  269. package/es/components/Combobox/ComboboxNew/Combobox.css +38 -18
  270. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +38 -18
  271. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +38 -18
  272. package/es/components/DatePicker/RangeDate/RangeDate.css +33 -18
  273. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +33 -18
  274. package/es/components/DatePicker/SingleDate/SingleDate.css +35 -20
  275. package/es/components/Range/Range.css +39 -19
  276. package/es/components/Segment/tokens.js +15 -1
  277. package/es/components/Segment/tokens.js.map +1 -1
  278. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +13 -7
  279. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +183 -92
  280. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  281. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +34 -2
  282. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  283. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_79d8q2.css +8 -0
  284. package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  285. package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js.map +1 -1
  286. package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +1 -0
  287. package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +5 -0
  288. package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +1 -0
  289. package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +1 -0
  290. package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
  291. package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js.map +1 -1
  292. package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base_pxl3nb.css +1 -0
  293. package/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  294. package/es/components/Segment/ui/SegmentGroup/variations/_size/base.js.map +1 -1
  295. package/es/components/Segment/ui/SegmentGroup/variations/_size/base_18cpjsq.css +1 -0
  296. package/es/components/Segment/ui/SegmentItem/SegmentItem.css +6 -4
  297. package/es/components/Segment/ui/SegmentItem/SegmentItem.js +15 -10
  298. package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  299. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +29 -2
  300. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  301. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_19oo2vi.css +4 -0
  302. package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  303. package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
  304. package/es/components/Segment/ui/SegmentItem/variations/_pilled/{base_15s0fel.css → base_omc5u1.css} +1 -1
  305. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  306. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  307. package/es/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +1 -0
  308. package/es/components/Slider/Slider.css +39 -19
  309. package/es/components/Slider/Slider.js +2 -0
  310. package/es/components/Slider/Slider.js.map +1 -1
  311. package/es/components/Slider/components/Double/Double.css +39 -19
  312. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +1 -1
  313. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +1 -1
  314. package/es/components/TextArea/TextArea.js +113 -22
  315. package/es/components/TextArea/TextArea.js.map +1 -1
  316. package/es/components/TextArea/TextArea.styles.js +155 -64
  317. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  318. package/es/components/TextArea/TextArea.styles_mcxlmk.css +17 -0
  319. package/es/components/TextArea/TextArea.tokens.js +43 -4
  320. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  321. package/es/components/TextArea/hooks/useAutoResize.js +2 -4
  322. package/es/components/TextArea/hooks/useAutoResize.js.map +1 -1
  323. package/es/components/TextArea/ui/Hint/Hint.css +29 -0
  324. package/es/components/TextArea/ui/Hint/Hint.js +49 -0
  325. package/es/components/TextArea/ui/Hint/Hint.js.map +1 -0
  326. package/es/components/TextArea/variations/_clear/base.js +1 -1
  327. package/es/components/TextArea/variations/_clear/base.js.map +1 -1
  328. package/es/components/TextArea/variations/_clear/base_1ezvvtt.css +1 -0
  329. package/es/components/TextArea/variations/_hint-size/base.js +5 -0
  330. package/es/components/TextArea/variations/_hint-size/base.js.map +1 -0
  331. package/es/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
  332. package/es/components/TextArea/variations/_hint-view/base.js +5 -0
  333. package/es/components/TextArea/variations/_hint-view/base.js.map +1 -0
  334. package/es/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  335. package/es/components/TextArea/variations/_view/base.js +1 -1
  336. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  337. package/es/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
  338. package/es/components/TextField/TextField.js +99 -10
  339. package/es/components/TextField/TextField.js.map +1 -1
  340. package/es/components/TextField/TextField.styles.js +71 -24
  341. package/es/components/TextField/TextField.styles.js.map +1 -1
  342. package/es/components/TextField/TextField.styles_17xt45g.css +21 -0
  343. package/es/components/TextField/TextField.tokens.js +40 -1
  344. package/es/components/TextField/TextField.tokens.js.map +1 -1
  345. package/es/components/TextField/ui/Hint/Hint.css +33 -0
  346. package/es/components/TextField/ui/Hint/Hint.js +49 -0
  347. package/es/components/TextField/ui/Hint/Hint.js.map +1 -0
  348. package/es/components/TextField/variations/_clear/base.js +1 -1
  349. package/es/components/TextField/variations/_clear/base.js.map +1 -1
  350. package/es/components/TextField/variations/_clear/base_1pkwm4m.css +1 -0
  351. package/es/components/TextField/variations/_disabled/base.js +1 -1
  352. package/es/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  353. package/es/components/TextField/variations/_hint-size/base.js +5 -0
  354. package/es/components/TextField/variations/_hint-size/base.js.map +1 -0
  355. package/es/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
  356. package/es/components/TextField/variations/_hint-view/base.js +5 -0
  357. package/es/components/TextField/variations/_hint-view/base.js.map +1 -0
  358. package/es/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  359. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  360. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  361. package/es/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  362. package/es/components/TextField/variations/_read-only/base.js +1 -1
  363. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  364. package/es/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  365. package/es/components/TextField/variations/_size/base.js +1 -1
  366. package/es/components/TextField/variations/_size/base.js.map +1 -1
  367. package/es/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
  368. package/es/components/TextField/variations/_view/base.js +1 -1
  369. package/es/components/TextField/variations/_view/base.js.map +1 -1
  370. package/es/components/TextField/variations/_view/base_qhyte8.css +1 -0
  371. package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
  372. package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
  373. package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  374. package/es/components/_Icon/Icon.assets/DisclosureDownWithOffset.js +18 -0
  375. package/es/components/_Icon/Icon.assets/DisclosureDownWithOffset.js.map +1 -0
  376. package/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +18 -0
  377. package/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js.map +1 -0
  378. package/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +18 -0
  379. package/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js.map +1 -0
  380. package/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +18 -0
  381. package/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js.map +1 -0
  382. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +19 -0
  383. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  384. package/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js +19 -0
  385. package/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js.map +1 -0
  386. package/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +19 -0
  387. package/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js.map +1 -0
  388. package/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js +19 -0
  389. package/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js.map +1 -0
  390. package/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js +19 -0
  391. package/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js.map +1 -0
  392. package/es/components/_Icon/Icons/IconInfoCircleOutline.js +19 -0
  393. package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  394. package/es/index.css +73 -45
  395. package/package.json +4 -4
  396. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +4 -2
  397. package/styled-components/cjs/components/Segment/Segment.template-doc.mdx +49 -6
  398. package/styled-components/cjs/components/Segment/tokens.js +15 -1
  399. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +174 -85
  400. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +18 -6
  401. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  402. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +10 -0
  403. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +1 -0
  404. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
  405. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  406. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +14 -9
  407. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +17 -5
  408. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  409. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
  410. package/styled-components/cjs/components/TextArea/TextArea.js +112 -21
  411. package/styled-components/cjs/components/TextArea/TextArea.styles.js +85 -42
  412. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
  413. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +43 -4
  414. package/styled-components/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  415. package/styled-components/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
  416. package/styled-components/cjs/components/TextArea/ui/Hint/Hint.types.js +5 -0
  417. package/styled-components/cjs/components/TextArea/variations/_clear/base.js +1 -1
  418. package/styled-components/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  419. package/styled-components/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  420. package/styled-components/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  421. package/styled-components/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  422. package/styled-components/cjs/components/TextArea/variations/_view/base.js +2 -1
  423. package/styled-components/cjs/components/TextField/TextField.js +100 -11
  424. package/styled-components/cjs/components/TextField/TextField.styles.js +46 -21
  425. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +6 -1
  426. package/styled-components/cjs/components/TextField/TextField.tokens.js +40 -1
  427. package/styled-components/cjs/components/TextField/ui/Hint/Hint.js +53 -0
  428. package/styled-components/cjs/components/TextField/ui/Hint/Hint.types.js +5 -0
  429. package/styled-components/cjs/components/TextField/variations/_clear/base.js +1 -1
  430. package/styled-components/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  431. package/styled-components/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  432. package/styled-components/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  433. package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  434. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  435. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  436. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  437. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  438. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDownWithOffset.js +21 -0
  439. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +21 -0
  440. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +21 -0
  441. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +21 -0
  442. package/styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  443. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js +22 -0
  444. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +22 -0
  445. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js +22 -0
  446. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js +22 -0
  447. package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  448. package/styled-components/cjs/components/_Icon/index.js +36 -1
  449. package/styled-components/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +118 -42
  450. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +11 -8
  451. package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
  452. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
  453. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  454. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
  455. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  456. package/styled-components/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +119 -42
  457. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +14 -8
  458. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  459. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
  460. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  461. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +18 -9
  462. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  463. package/styled-components/es/components/Autocomplete/Autocomplete.js +4 -2
  464. package/styled-components/es/components/Segment/Segment.template-doc.mdx +49 -6
  465. package/styled-components/es/components/Segment/tokens.js +15 -1
  466. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +177 -88
  467. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +18 -6
  468. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
  469. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +4 -0
  470. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +1 -0
  471. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
  472. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
  473. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js +15 -10
  474. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +17 -5
  475. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
  476. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +2 -1
  477. package/styled-components/es/components/TextArea/TextArea.js +112 -21
  478. package/styled-components/es/components/TextArea/TextArea.styles.js +84 -41
  479. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +6 -1
  480. package/styled-components/es/components/TextArea/TextArea.tokens.js +43 -4
  481. package/styled-components/es/components/TextArea/hooks/useAutoResize.js +2 -4
  482. package/styled-components/es/components/TextArea/ui/Hint/Hint.js +44 -0
  483. package/styled-components/es/components/TextArea/ui/Hint/Hint.types.js +1 -0
  484. package/styled-components/es/components/TextArea/variations/_clear/base.js +2 -2
  485. package/styled-components/es/components/TextArea/variations/_hint-size/base.js +5 -0
  486. package/styled-components/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  487. package/styled-components/es/components/TextArea/variations/_hint-view/base.js +5 -0
  488. package/styled-components/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  489. package/styled-components/es/components/TextArea/variations/_view/base.js +2 -1
  490. package/styled-components/es/components/TextField/TextField.js +99 -10
  491. package/styled-components/es/components/TextField/TextField.styles.js +45 -20
  492. package/styled-components/es/components/TextField/TextField.template-doc.mdx +6 -1
  493. package/styled-components/es/components/TextField/TextField.tokens.js +40 -1
  494. package/styled-components/es/components/TextField/ui/Hint/Hint.js +44 -0
  495. package/styled-components/es/components/TextField/ui/Hint/Hint.types.js +1 -0
  496. package/styled-components/es/components/TextField/variations/_clear/base.js +2 -2
  497. package/styled-components/es/components/TextField/variations/_hint-size/base.js +5 -0
  498. package/styled-components/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  499. package/styled-components/es/components/TextField/variations/_hint-view/base.js +5 -0
  500. package/styled-components/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  501. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  502. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  503. package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
  504. package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
  505. package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownWithOffset.js +14 -0
  506. package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +14 -0
  507. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +14 -0
  508. package/styled-components/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +14 -0
  509. package/styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  510. package/styled-components/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js +15 -0
  511. package/styled-components/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +15 -0
  512. package/styled-components/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js +15 -0
  513. package/styled-components/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js +15 -0
  514. package/styled-components/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  515. package/styled-components/es/components/_Icon/index.js +6 -1
  516. package/styled-components/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +118 -42
  517. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +11 -8
  518. package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
  519. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
  520. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  521. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
  522. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  523. package/styled-components/es/examples/plasma_web/components/Segment/Segment.stories.tsx +119 -42
  524. package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +14 -8
  525. package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  526. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
  527. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  528. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +18 -9
  529. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  530. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  531. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +408 -0
  532. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  533. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +408 -0
  534. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  535. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +408 -0
  536. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  537. package/types/components/Range/Range.styles.d.ts +408 -0
  538. package/types/components/Range/Range.styles.d.ts.map +1 -1
  539. package/types/components/Segment/tokens.d.ts +14 -0
  540. package/types/components/Segment/tokens.d.ts.map +1 -1
  541. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +6 -18
  542. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
  543. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +12 -0
  544. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
  545. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +20 -3
  546. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map +1 -1
  547. package/types/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.d.ts.map +1 -1
  548. package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts +2 -0
  549. package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts.map +1 -0
  550. package/types/components/Segment/ui/SegmentGroup/variations/_pilled/base.d.ts.map +1 -1
  551. package/types/components/Segment/ui/SegmentGroup/variations/_size/base.d.ts.map +1 -1
  552. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +4 -0
  553. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
  554. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts +7 -1
  555. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map +1 -1
  556. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts +9 -0
  557. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts.map +1 -1
  558. package/types/components/Segment/ui/SegmentItem/variations/_pilled/base.d.ts.map +1 -1
  559. package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
  560. package/types/components/Slider/components/Double/Double.styles.d.ts +408 -0
  561. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  562. package/types/components/TextArea/TextArea.d.ts +9 -3
  563. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  564. package/types/components/TextArea/TextArea.styles.d.ts +11 -1
  565. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  566. package/types/components/TextArea/TextArea.tokens.d.ts +39 -0
  567. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  568. package/types/components/TextArea/TextArea.types.d.ts +78 -3
  569. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  570. package/types/components/TextArea/hooks/useAutoResize.d.ts.map +1 -1
  571. package/types/components/TextArea/ui/Hint/Hint.d.ts +4 -0
  572. package/types/components/TextArea/ui/Hint/Hint.d.ts.map +1 -0
  573. package/types/components/TextArea/ui/Hint/Hint.types.d.ts +17 -0
  574. package/types/components/TextArea/ui/Hint/Hint.types.d.ts.map +1 -0
  575. package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -1
  576. package/types/components/TextArea/variations/_hint-size/base.d.ts +2 -0
  577. package/types/components/TextArea/variations/_hint-size/base.d.ts.map +1 -0
  578. package/types/components/TextArea/variations/_hint-view/base.d.ts +2 -0
  579. package/types/components/TextArea/variations/_hint-view/base.d.ts.map +1 -0
  580. package/types/components/TextArea/variations/_view/base.d.ts.map +1 -1
  581. package/types/components/TextField/TextField.d.ts +9 -3
  582. package/types/components/TextField/TextField.d.ts.map +1 -1
  583. package/types/components/TextField/TextField.styles.d.ts +8 -0
  584. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  585. package/types/components/TextField/TextField.tokens.d.ts +39 -0
  586. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  587. package/types/components/TextField/TextField.types.d.ts +73 -2
  588. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  589. package/types/components/TextField/ui/Hint/Hint.d.ts +4 -0
  590. package/types/components/TextField/ui/Hint/Hint.d.ts.map +1 -0
  591. package/types/components/TextField/ui/Hint/Hint.types.d.ts +17 -0
  592. package/types/components/TextField/ui/Hint/Hint.types.d.ts.map +1 -0
  593. package/types/components/TextField/variations/_clear/base.d.ts.map +1 -1
  594. package/types/components/TextField/variations/_hint-size/base.d.ts +2 -0
  595. package/types/components/TextField/variations/_hint-size/base.d.ts.map +1 -0
  596. package/types/components/TextField/variations/_hint-view/base.d.ts +2 -0
  597. package/types/components/TextField/variations/_hint-view/base.d.ts.map +1 -0
  598. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  599. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  600. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  601. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  602. package/types/components/_Icon/Icon.assets/DisclosureDownWithOffset.d.ts +4 -0
  603. package/types/components/_Icon/Icon.assets/DisclosureDownWithOffset.d.ts.map +1 -0
  604. package/types/components/_Icon/Icon.assets/DisclosureLeftWithOffset.d.ts +4 -0
  605. package/types/components/_Icon/Icon.assets/DisclosureLeftWithOffset.d.ts.map +1 -0
  606. package/types/components/_Icon/Icon.assets/DisclosureRightWithOffset.d.ts +4 -0
  607. package/types/components/_Icon/Icon.assets/DisclosureRightWithOffset.d.ts.map +1 -0
  608. package/types/components/_Icon/Icon.assets/DisclosureUpWithOffset.d.ts +4 -0
  609. package/types/components/_Icon/Icon.assets/DisclosureUpWithOffset.d.ts.map +1 -0
  610. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts +4 -0
  611. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts.map +1 -0
  612. package/types/components/_Icon/Icons/IconDisclosureDownWithOffset.d.ts +4 -0
  613. package/types/components/_Icon/Icons/IconDisclosureDownWithOffset.d.ts.map +1 -0
  614. package/types/components/_Icon/Icons/IconDisclosureLeftWithOffset.d.ts +4 -0
  615. package/types/components/_Icon/Icons/IconDisclosureLeftWithOffset.d.ts.map +1 -0
  616. package/types/components/_Icon/Icons/IconDisclosureRightWithOffset.d.ts +4 -0
  617. package/types/components/_Icon/Icons/IconDisclosureRightWithOffset.d.ts.map +1 -0
  618. package/types/components/_Icon/Icons/IconDisclosureUpWithOffset.d.ts +4 -0
  619. package/types/components/_Icon/Icons/IconDisclosureUpWithOffset.d.ts.map +1 -0
  620. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts +4 -0
  621. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts.map +1 -0
  622. package/types/components/_Icon/index.d.ts +5 -0
  623. package/types/components/_Icon/index.d.ts.map +1 -1
  624. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +772 -12
  625. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  626. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts +6 -9
  627. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts.map +1 -1
  628. package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts +3 -0
  629. package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts.map +1 -1
  630. package/types/examples/plasma_b2c/components/Segment/SegmentItem.config.d.ts.map +1 -1
  631. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +9 -0
  632. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  633. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +457 -0
  634. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  635. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +9 -0
  636. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  637. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +417 -0
  638. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  639. package/types/examples/plasma_web/components/Mask/Mask.d.ts +772 -12
  640. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  641. package/types/examples/plasma_web/components/Segment/Segment.d.ts +9 -9
  642. package/types/examples/plasma_web/components/Segment/Segment.d.ts.map +1 -1
  643. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts +6 -0
  644. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts.map +1 -1
  645. package/types/examples/plasma_web/components/Segment/SegmentItem.config.d.ts.map +1 -1
  646. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +9 -0
  647. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  648. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +457 -0
  649. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  650. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +9 -0
  651. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  652. package/types/examples/plasma_web/components/TextField/TextField.d.ts +417 -0
  653. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  654. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +0 -4
  655. package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_escgtx.css +0 -1
  656. package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base_fqbatz.css +0 -1
  657. package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base_m358nl.css +0 -1
  658. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +0 -2
  659. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +0 -1
  660. package/cjs/components/TextArea/TextArea.styles_es0miz.css +0 -11
  661. package/cjs/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  662. package/cjs/components/TextArea/variations/_view/base_td55th.css +0 -1
  663. package/cjs/components/TextField/TextField.styles_1d2ryq.css +0 -15
  664. package/cjs/components/TextField/variations/_clear/base_rit6gc.css +0 -1
  665. package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  666. package/cjs/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
  667. package/cjs/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  668. package/cjs/components/TextField/variations/_view/base_1noe46b.css +0 -1
  669. package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
  670. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +0 -4
  671. package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_escgtx.css +0 -1
  672. package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base_fqbatz.css +0 -1
  673. package/es/components/Segment/ui/SegmentGroup/variations/_size/base_m358nl.css +0 -1
  674. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +0 -2
  675. package/es/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +0 -1
  676. package/es/components/TextArea/TextArea.styles_es0miz.css +0 -11
  677. package/es/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  678. package/es/components/TextArea/variations/_view/base_td55th.css +0 -1
  679. package/es/components/TextField/TextField.styles_1d2ryq.css +0 -15
  680. package/es/components/TextField/variations/_clear/base_rit6gc.css +0 -1
  681. package/es/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  682. package/es/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
  683. package/es/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  684. package/es/components/TextField/variations/_view/base_1noe46b.css +0 -1
  685. package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
@@ -125,7 +125,8 @@ export function App() {
125
125
  ```
126
126
 
127
127
  ### Подсказка
128
- Для вывода подсказки снизу от поля используйте свойство `helperText`:
128
+ Для вывода подсказки снизу от поля используйте свойство `helperText`,
129
+ для подсказки в виде Tooltip - `hintText`, для подсказки сверху справа - `titleCaption`:
129
130
 
130
131
  ```tsx live
131
132
  import React from 'react';
@@ -138,6 +139,10 @@ export function App() {
138
139
  placeholder="Введите значение"
139
140
  defaultValue="Значение"
140
141
  helperText="Подсказка снизу"
142
+ titleCaption="Подсказка сверху"
143
+ hintText="Подсказка в виде Tooltip"
144
+ hintView="default"
145
+ hintSize="m"
141
146
  />
142
147
  </div>
143
148
  );
@@ -8,6 +8,7 @@ export var classes = {
8
8
  hideLabel: 'hide-label',
9
9
  clear: 'textfield-clear',
10
10
  hasDivider: 'textfield-has-divider',
11
+ hasHint: 'textfield-has-hint',
11
12
  textFieldGroupItem: 'text-field-group-item'
12
13
  };
13
14
  export var tokens = {
@@ -77,6 +78,15 @@ export var tokens = {
77
78
  labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',
78
79
  labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',
79
80
  contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',
81
+ titleCaptionColor: '--plasma-textfield__title-caption-color',
82
+ titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',
83
+ titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',
84
+ titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',
85
+ titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',
86
+ titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',
87
+ titleCaptionFontWeight: '--plasma-textfield__title-caption-font-weight',
88
+ titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',
89
+ titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',
80
90
  leftHelperColor: '--plasma-textfield__left-helper-color',
81
91
  leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',
82
92
  leftHelperOffset: '--plasma-textfield__left-helper-offset',
@@ -93,6 +103,34 @@ export var tokens = {
93
103
  textAfterMargin: '--plasma-textfield__after-text-margin',
94
104
  /** Прозрачность для всего компонента в состоянии disabled */
95
105
  disabledOpacity: '--plasma-textfield-disabled-opacity',
106
+ /** Токены для tooltip */
107
+ hintMargin: '--plasma-textfield__hint-margin',
108
+ hintTargetSize: '--plasma-textfield__hint-target-size',
109
+ hintIconColor: '--plasma-textfield__hint-icon-color',
110
+ hintInnerLabelPlacementOffset: '--plasma-textfield__hint-inner-label-placement-offset',
111
+ clearHintInnerLabelPlacementOffset: '--plasma-textfield__clear-hint-inner-label-placement-offset',
112
+ tooltipBackgroundColor: '--plasma-textfield__tooltip-background-color',
113
+ tooltipBoxShadow: '--plasma-textfield__tooltip-box-shadow',
114
+ tooltipColor: '--plasma-textfield__tooltip-color',
115
+ tooltipPaddingTop: '--plasma-textfield__tooltip-padding-top',
116
+ tooltipPaddingRight: '--plasma-textfield__tooltip-padding-right',
117
+ tooltipPaddingBottom: '--plasma-textfield__tooltip-padding-bottom',
118
+ tooltipPaddingLeft: '--plasma-textfield__tooltip-padding-left',
119
+ tooltipMinHeight: '--plasma-textfield__tooltip-min-height',
120
+ tooltipBorderRadius: '--plasma-textfield__tooltip-border-radius',
121
+ tooltipTextFontFamily: '--plasma-textfield__tooltip-text-font-family',
122
+ tooltipTextFontSize: '--plasma-textfield__tooltip-text-font-size',
123
+ tooltipTextFontStyle: '--plasma-textfield__tooltip-text-font-style',
124
+ tooltipTextFontWeight: '--plasma-textfield__tooltip-text-font-weight',
125
+ tooltipTextFontLetterSpacing: '--plasma-textfield__tooltip-text-font-letter-spacing',
126
+ tooltipTextFontLineHeight: '--plasma-textfield__tooltip-text-font-line-height',
127
+ tooltipContentLeftMargin: '--plasma-textfield__tooltip-content-left-margin',
128
+ tooltipArrowMaskWidth: '--plasma-textfield__tooltip-arrow-mask-width',
129
+ tooltipArrowMaskHeight: '--plasma-textfield__tooltip-arrow-mask-height',
130
+ tooltipArrowMaskImage: '--plasma-textfield__tooltip-arrow-mask-image',
131
+ tooltipArrowHeight: '--plasma-textfield__tooltip-arrow-height',
132
+ tooltipArrowEdgeMargin: '--plasma-textfield__tooltip-arrow-edge-margin',
133
+ tooltipArrowBackground: '--plasma-textfield__tooltip-arrow-background',
96
134
  /** Токены чипа */
97
135
  chipHeight: '--plasma-textfield__chip-height',
98
136
  chipBorderRadius: '--plasma-textfield__chip-border-radius',
@@ -136,5 +174,6 @@ export var tokens = {
136
174
  indicatorLabelPlacementInnerRight: '--plasma-textfield__indicator-placement-inner-right',
137
175
  indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right',
138
176
  clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',
139
- clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right'
177
+ clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right',
178
+ clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right'
140
179
  };
@@ -0,0 +1,44 @@
1
+ var _IconInfoCircleOutlin;
2
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
+ import React, { forwardRef } from 'react';
4
+ import { Hint, HintTargetWrapper } from '../../TextField.styles';
5
+ import { IconInfoCircleOutline } from '../../../_Icon';
6
+ import { safeUseId } from '../../../../utils';
7
+ export var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
8
+ var hintText = _ref.hintText,
9
+ isHintVisible = _ref.isHintVisible,
10
+ hintTrigger = _ref.hintTrigger,
11
+ hintTargetIcon = _ref.hintTargetIcon,
12
+ hintPlacement = _ref.hintPlacement,
13
+ hintHasArrow = _ref.hintHasArrow,
14
+ hintOffset = _ref.hintOffset,
15
+ hintWidth = _ref.hintWidth,
16
+ hintContentLeft = _ref.hintContentLeft,
17
+ handleHintShow = _ref.handleHintShow,
18
+ handleHintHide = _ref.handleHintHide,
19
+ handleHintClick = _ref.handleHintClick;
20
+ var hintId = safeUseId();
21
+ return /*#__PURE__*/React.createElement(Hint, {
22
+ ref: ref,
23
+ text: String(hintText),
24
+ opened: isHintVisible,
25
+ target: /*#__PURE__*/React.createElement(HintTargetWrapper, _extends({
26
+ id: hintId
27
+ }, hintTrigger === 'hover' ? {
28
+ onMouseEnter: handleHintShow,
29
+ onMouseLeave: handleHintHide
30
+ } : {
31
+ onClick: handleHintClick
32
+ }), hintTargetIcon || _IconInfoCircleOutlin || (_IconInfoCircleOutlin = /*#__PURE__*/React.createElement(IconInfoCircleOutline, {
33
+ size: "xs",
34
+ color: "inherit"
35
+ }))),
36
+ placement: hintPlacement,
37
+ hasArrow: hintHasArrow,
38
+ offset: hintOffset,
39
+ minWidth: hintWidth,
40
+ maxWidth: hintWidth,
41
+ contentLeft: hintContentLeft,
42
+ frame: hintId
43
+ });
44
+ });
@@ -1,4 +1,4 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { classes, tokens } from '../../TextField.tokens';
3
- import { Input, InputPlaceholder, InputWrapper, Label, StyledContentLeft, StyledContentRight, StyledIndicator } from '../../TextField.styles';
4
- export var base = /*#__PURE__*/css("&.", classes.clear, "{&[readonly] ", InputWrapper, ",", InputWrapper, "{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;&:hover{background-color:unset;}}", StyledContentLeft, "{margin-left:0;}", StyledContentRight, "{margin-right:0;}&.", classes.outerLabelPlacement, "{", Label, "{margin-bottom:var(", tokens.clearLabelOffset, ");}}", Input, "{color:var(", tokens.clearColor, ");}", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColor, ");}", StyledIndicator, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearIndicatorLabelPlacementInner, ");&.align-right{inset:var(", tokens.clearIndicatorLabelPlacementInnerRight, ");}}}&.", classes.hasDivider, "{", InputWrapper, "{--plasma_private-textfield-divider-color:var(", /*#__PURE__*/String(tokens.dividerColor), ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", InputWrapper, ":hover{--plasma_private-textfield-divider-color:var(\n ", tokens.dividerColorHover, ",\n var(", /*#__PURE__*/String(tokens.dividerColor), ")\n );}&:not([readonly]) ", InputWrapper, ":focus-within{--plasma_private-textfield-divider-color:var(\n ", tokens.dividerColorFocus, ",\n var(", /*#__PURE__*/String(tokens.dividerColor), ")\n );", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColorFocus, ");}}}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2NsZWFyL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2NsZWFyL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC50b2tlbnMnO1xuaW1wb3J0IHtcbiAgICBJbnB1dCxcbiAgICBJbnB1dFBsYWNlaG9sZGVyLFxuICAgIElucHV0V3JhcHBlcixcbiAgICBMYWJlbCxcbiAgICBTdHlsZWRDb250ZW50TGVmdCxcbiAgICBTdHlsZWRDb250ZW50UmlnaHQsXG4gICAgU3R5bGVkSW5kaWNhdG9yLFxufSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuY2xlYXJ9IHtcbiAgICAgICAgJltyZWFkb25seV0gJHtJbnB1dFdyYXBwZXJ9LCAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5cbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnRSaWdodH0ge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAgICAgJHtMYWJlbH0ge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5jbGVhckxhYmVsT2Zmc2V0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkSW5kaWNhdG9yfSB7XG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy5pbm5lckxhYmVsUGxhY2VtZW50fSB7XG4gICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckxhYmVsUGxhY2VtZW50SW5uZXJ9KTtcblxuICAgICAgICAgICAgICAgICYuYWxpZ24tcmlnaHQge1xuICAgICAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9yTGFiZWxQbGFjZW1lbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRGl2aWRlcn0ge1xuICAgICAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KTtcblxuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAwLjA2M3JlbTtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWRpdmlkZXItY29sb3IpO1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bm90KFtyZWFkb25seV0pICR7SW5wdXRXcmFwcGVyfTpob3ZlciB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpub3QoW3JlYWRvbmx5XSkgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JGb2N1c30sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyUGxhY2Vob2xkZXJDb2xvckZvY3VzfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
3
+ import { Input, InputPlaceholder, InputWrapper, OuterLabelWrapper, StyledContentLeft, StyledContentRight, StyledHintWrapper, StyledIndicator } from '../../TextField.styles';
4
+ export var base = /*#__PURE__*/css("&.", classes.clear, "{&[readonly] ", InputWrapper, ",", InputWrapper, "{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;&:hover{background-color:unset;}}", StyledContentLeft, "{margin-left:0;}", StyledContentRight, "{margin-right:0;}&.", classes.outerLabelPlacement, "{", OuterLabelWrapper, "{margin-bottom:var(", tokens.clearLabelOffset, ");}}", Input, "{color:var(", tokens.clearColor, ");}", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColor, ");}", StyledIndicator, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearIndicatorLabelPlacementInner, ");&.align-right{inset:var(", tokens.clearIndicatorLabelPlacementInnerRight, ");}}}&.", classes.hasHint, "{", StyledHintWrapper, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearHintInnerLabelPlacementOffset, ");}}", StyledIndicator, "{&.", classes.innerLabelPlacement, ".align-right{inset:var(", tokens.clearIndicatorHintInnerRight, ");}}}&.", classes.hasDivider, "{", InputWrapper, "{--plasma_private-textfield-divider-color:var(", /*#__PURE__*/String(tokens.dividerColor), ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", InputWrapper, ":hover{--plasma_private-textfield-divider-color:var(\n ", tokens.dividerColorHover, ",\n var(", /*#__PURE__*/String(tokens.dividerColor), ")\n );}&:not([readonly]) ", InputWrapper, ":focus-within{--plasma_private-textfield-divider-color:var(\n ", tokens.dividerColorFocus, ",\n var(", /*#__PURE__*/String(tokens.dividerColor), ")\n );", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColorFocus, ");}}}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2NsZWFyL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2NsZWFyL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC50b2tlbnMnO1xuaW1wb3J0IHtcbiAgICBJbnB1dCxcbiAgICBJbnB1dFBsYWNlaG9sZGVyLFxuICAgIElucHV0V3JhcHBlcixcbiAgICBPdXRlckxhYmVsV3JhcHBlcixcbiAgICBTdHlsZWRDb250ZW50TGVmdCxcbiAgICBTdHlsZWRDb250ZW50UmlnaHQsXG4gICAgU3R5bGVkSGludFdyYXBwZXIsXG4gICAgU3R5bGVkSW5kaWNhdG9yLFxufSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuY2xlYXJ9IHtcbiAgICAgICAgJltyZWFkb25seV0gJHtJbnB1dFdyYXBwZXJ9LCAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5cbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnRSaWdodH0ge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAgICAgJHtPdXRlckxhYmVsV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5jbGVhckxhYmVsT2Zmc2V0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkSW5kaWNhdG9yfSB7XG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy5pbm5lckxhYmVsUGxhY2VtZW50fSB7XG4gICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckxhYmVsUGxhY2VtZW50SW5uZXJ9KTtcblxuICAgICAgICAgICAgICAgICYuYWxpZ24tcmlnaHQge1xuICAgICAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9yTGFiZWxQbGFjZW1lbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzSGludH0ge1xuICAgICAgICAgICAgJHtTdHlsZWRIaW50V3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckhpbnRJbm5lckxhYmVsUGxhY2VtZW50T2Zmc2V0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZEluZGljYXRvcn0ge1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9LmFsaWduLXJpZ2h0IHtcbiAgICAgICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckhpbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRGl2aWRlcn0ge1xuICAgICAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KTtcblxuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAwLjA2M3JlbTtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWRpdmlkZXItY29sb3IpO1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bm90KFtyZWFkb25seV0pICR7SW5wdXRXcmFwcGVyfTpob3ZlciB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpub3QoW3JlYWRvbmx5XSkgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JGb2N1c30sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyUGxhY2Vob2xkZXJDb2xvckZvY3VzfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
@@ -0,0 +1,5 @@
1
+ import { css } from '@emotion/react';
2
+ import { tokens } from '../../TextField.tokens';
3
+ import { tooltipTokens } from '../../../Tooltip';
4
+ import { Hint } from '../../TextField.styles';
5
+ export var base = /*#__PURE__*/css(Hint, "{", tooltipTokens.paddingTop, ":var(", tokens.tooltipPaddingTop, ");", tooltipTokens.paddingRight, ":var(", tokens.tooltipPaddingRight, ");", tooltipTokens.paddingBottom, ":var(", tokens.tooltipPaddingBottom, ");", tooltipTokens.paddingLeft, ":var(", tokens.tooltipPaddingLeft, ");", tooltipTokens.minHeight, ":var(", tokens.tooltipMinHeight, ");", tooltipTokens.borderRadius, ":var(", tokens.tooltipBorderRadius, ");", tooltipTokens.textFontFamily, ":var(", tokens.tooltipTextFontFamily, ");", tooltipTokens.textFontSize, ":var(", tokens.tooltipTextFontSize, ");", tooltipTokens.textFontStyle, ":var(", tokens.tooltipTextFontStyle, ");", tooltipTokens.textFontWeight, ":var(", tokens.tooltipTextFontWeight, ");", tooltipTokens.textFontLetterSpacing, ":var(", tokens.tooltipTextFontLetterSpacing, ");", tooltipTokens.textFontLineHeight, ":var(", tokens.tooltipTextFontLineHeight, ");", tooltipTokens.contentLeftMargin, ":var(", tokens.tooltipContentLeftMargin, ");", tooltipTokens.arrowMaskWidth, ":var(", tokens.tooltipArrowMaskWidth, ");", tooltipTokens.arrowMaskHeight, ":var(", tokens.tooltipArrowMaskHeight, ");", tooltipTokens.arrowMaskImage, ":var(", tokens.tooltipArrowMaskImage, ");", tooltipTokens.arrowHeight, ":var(", tokens.tooltipArrowHeight, ");", tooltipTokens.arrowEdgeMargin, ":var(", tokens.tooltipArrowEdgeMargin, ");", tooltipTokens.arrowBackground, ":var(", tokens.tooltipArrowBackground, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2hpbnQtc2l6ZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19oaW50LXNpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyB0b29sdGlwVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vVG9vbHRpcCc7XG5pbXBvcnQgeyBIaW50IH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7SGludH0ge1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMucGFkZGluZ1RvcH06IHZhcigke3Rva2Vucy50b29sdGlwUGFkZGluZ1RvcH0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMucGFkZGluZ1JpZ2h0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBQYWRkaW5nUmlnaHR9KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLnBhZGRpbmdCb3R0b219OiB2YXIoJHt0b2tlbnMudG9vbHRpcFBhZGRpbmdCb3R0b219KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLnBhZGRpbmdMZWZ0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBQYWRkaW5nTGVmdH0pO1xuXG4gICAgICAgICR7dG9vbHRpcFRva2Vucy5taW5IZWlnaHR9OiB2YXIoJHt0b2tlbnMudG9vbHRpcE1pbkhlaWdodH0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLnRvb2x0aXBCb3JkZXJSYWRpdXN9KTtcblxuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250RmFtaWx5fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy50ZXh0Rm9udFNpemV9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250U2l6ZX0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy50b29sdGlwVGV4dEZvbnRTdHlsZX0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250V2VpZ2h0fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy50ZXh0Rm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRMaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBUZXh0Rm9udExpbmVIZWlnaHR9KTtcblxuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuY29udGVudExlZnRNYXJnaW59OiB2YXIoJHt0b2tlbnMudG9vbHRpcENvbnRlbnRMZWZ0TWFyZ2lufSk7XG5cbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLmFycm93TWFza1dpZHRofTogdmFyKCR7dG9rZW5zLnRvb2x0aXBBcnJvd01hc2tXaWR0aH0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYXJyb3dNYXNrSGVpZ2h0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBBcnJvd01hc2tIZWlnaHR9KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLmFycm93TWFza0ltYWdlfTogdmFyKCR7dG9rZW5zLnRvb2x0aXBBcnJvd01hc2tJbWFnZX0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYXJyb3dIZWlnaHR9OiB2YXIoJHt0b2tlbnMudG9vbHRpcEFycm93SGVpZ2h0fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy5hcnJvd0VkZ2VNYXJnaW59OiB2YXIoJHt0b2tlbnMudG9vbHRpcEFycm93RWRnZU1hcmdpbn0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYXJyb3dCYWNrZ3JvdW5kfTogdmFyKCR7dG9rZW5zLnRvb2x0aXBBcnJvd0JhY2tncm91bmR9KTtcbiAgICB9XG5gO1xuIl19 */"));
@@ -0,0 +1,21 @@
1
+ [
2
+ "--plasma-textfield__tooltip-padding-top",
3
+ "--plasma-textfield__tooltip-padding-right",
4
+ "--plasma-textfield__tooltip-padding-bottom",
5
+ "--plasma-textfield__tooltip-padding-left",
6
+ "--plasma-textfield__tooltip-min-height",
7
+ "--plasma-textfield__tooltip-border-radius",
8
+ "--plasma-textfield__tooltip-text-font-family",
9
+ "--plasma-textfield__tooltip-text-font-size",
10
+ "--plasma-textfield__tooltip-text-font-style",
11
+ "--plasma-textfield__tooltip-text-font-weight",
12
+ "--plasma-textfield__tooltip-text-font-letter-spacing",
13
+ "--plasma-textfield__tooltip-text-font-line-height",
14
+ "--plasma-textfield__tooltip-content-left-margin",
15
+ "--plasma-textfield__tooltip-arrow-mask-width",
16
+ "--plasma-textfield__tooltip-arrow-mask-height",
17
+ "--plasma-textfield__tooltip-arrow-mask-image",
18
+ "--plasma-textfield__tooltip-arrow-height",
19
+ "--plasma-textfield__tooltip-arrow-edge-margin",
20
+ "--plasma-textfield__tooltip-arrow-background"
21
+ ]
@@ -0,0 +1,5 @@
1
+ import { css } from '@emotion/react';
2
+ import { tokens } from '../../TextField.tokens';
3
+ import { tooltipTokens } from '../../../Tooltip';
4
+ import { Hint } from '../../TextField.styles';
5
+ export var base = /*#__PURE__*/css(Hint, "{", tooltipTokens.backgroundColor, ":var(", tokens.tooltipBackgroundColor, ");", tooltipTokens.boxShadow, ":var(", tokens.tooltipBoxShadow, ");", tooltipTokens.color, ":var(", tokens.tooltipColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2hpbnQtdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19oaW50LXZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyB0b29sdGlwVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vVG9vbHRpcCc7XG5pbXBvcnQgeyBIaW50IH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7SGludH0ge1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLnRvb2x0aXBCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLmJveFNoYWRvd306IHZhcigke3Rva2Vucy50b29sdGlwQm94U2hhZG93fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy5jb2xvcn06IHZhcigke3Rva2Vucy50b29sdGlwQ29sb3J9KTtcbiAgICB9XG5gO1xuIl19 */"));
@@ -0,0 +1,5 @@
1
+ [
2
+ "--plasma-textfield__tooltip-background-color",
3
+ "--plasma-textfield__tooltip-box-shadow",
4
+ "--plasma-textfield__tooltip-color "
5
+ ]
@@ -1,4 +1,4 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { classes, tokens } from '../../TextField.tokens';
3
3
  import { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
4
- export var base = /*#__PURE__*/css("&.", classes.outerLabelPlacement, "{", Label, "{position:relative;display:inline-block;margin-bottom:var(", tokens.labelOffset, ");color:var(", tokens.labelColor, ");}}&.", classes.innerLabelPlacement, "{", InputContainer, "{padding:var(", tokens.contentLabelInnerPadding, ");}", StyledTextAfter, ",", StyledTextBefore, "{padding:var(", tokens.contentLabelInnerPadding, ");}", Input, ":focus~", Label, ",", Input, ".", classes.hasValue, "~", Label, "{color:var(", tokens.placeholderColor, ");align-items:flex-start;padding:var(", tokens.labelInnerPadding, ");font-family:var(", tokens.labelInnerFontFamily, ");font-size:var(", tokens.labelInnerFontSize, ");font-style:var(", tokens.labelInnerFontStyle, ");font-weight:var(", tokens.labelInnerFontWeight, ");letter-spacing:var(", tokens.labelInnerLetterSpacing, ");line-height:var(", tokens.labelInnerLineHeight, ");}", Label, "{color:var(", tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", tokens.height, ");padding-top:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);padding-bottom:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);}&.", classes.clear, " ", Label, "{color:var(", tokens.clearPlaceholderColor, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19sYWJlbC1wbGFjZW1lbnQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRDb250YWluZXIsIExhYmVsLCBTdHlsZWRUZXh0QWZ0ZXIsIFN0eWxlZFRleHRCZWZvcmUgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiB2YXIoJHt0b2tlbnMubGFiZWxPZmZzZXR9KTtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGFiZWxDb2xvcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuaW5uZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0lucHV0Q29udGFpbmVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExhYmVsSW5uZXJQYWRkaW5nfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZFRleHRBZnRlcn0sICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICB9XG5cbiAgICAgICAgLyog0L/QvtC00L3QuNC80LDQtdGCIGxhYmVsINCy0LLQtdGA0YUg0L/RgNC4INGE0L7QutGD0YHQtSwg0L3QsNC70LjRh9C40Lgg0LfQvdCw0YfQtdC90LjRjyAqL1xuICAgICAgICAke0lucHV0fTpmb2N1cyB+ICR7TGFiZWx9LCAke0lucHV0fS4ke2NsYXNzZXMuaGFzVmFsdWV9IH4gJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5sYWJlbElubmVyUGFkZGluZ30pO1xuXG4gICAgICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250RmFtaWx5fSk7XG4gICAgICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udFNpemV9KTtcbiAgICAgICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udFN0eWxlfSk7XG4gICAgICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250V2VpZ2h0fSk7XG4gICAgICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJMaW5lSGVpZ2h0fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3J9KTtcblxuICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB0b3A6IDA7XG5cbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcblxuICAgICAgICAgICAgcGFkZGluZy10b3A6IGNhbGMoY2FsYyh2YXIoJHt0b2tlbnMuaGVpZ2h0fSkgLSB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSkpIC8gMik7XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogY2FsYyhjYWxjKHZhcigke3Rva2Vucy5oZWlnaHR9KSAtIHZhcigke3Rva2Vucy5sYWJlbExpbmVIZWlnaHR9KSkgLyAyKTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmNsZWFyfSAke0xhYmVsfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyUGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
4
+ export var base = /*#__PURE__*/css("&.", classes.outerLabelPlacement, "{", Label, "{position:relative;display:inline-block;color:var(", tokens.labelColor, ");}}&.", classes.innerLabelPlacement, "{", InputContainer, "{padding:var(", tokens.contentLabelInnerPadding, ");}", StyledTextAfter, ",", StyledTextBefore, "{padding:var(", tokens.contentLabelInnerPadding, ");}", Input, ":focus~", Label, ",", Input, ".", classes.hasValue, "~", Label, "{color:var(", tokens.placeholderColor, ");align-items:flex-start;padding:var(", tokens.labelInnerPadding, ");font-family:var(", tokens.labelInnerFontFamily, ");font-size:var(", tokens.labelInnerFontSize, ");font-style:var(", tokens.labelInnerFontStyle, ");font-weight:var(", tokens.labelInnerFontWeight, ");letter-spacing:var(", tokens.labelInnerLetterSpacing, ");line-height:var(", tokens.labelInnerLineHeight, ");}", Label, "{color:var(", tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", tokens.height, ");padding-top:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);padding-bottom:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);}&.", classes.clear, " ", Label, "{color:var(", tokens.clearPlaceholderColor, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19sYWJlbC1wbGFjZW1lbnQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRDb250YWluZXIsIExhYmVsLCBTdHlsZWRUZXh0QWZ0ZXIsIFN0eWxlZFRleHRCZWZvcmUgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9LCAke1N0eWxlZFRleHRCZWZvcmV9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGFiZWxJbm5lclBhZGRpbmd9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qINC/0L7QtNC90LjQvNCw0LXRgiBsYWJlbCDQstCy0LXRgNGFINC/0YDQuCDRhNC+0LrRg9GB0LUsINC90LDQu9C40YfQuNC4INC30L3QsNGH0LXQvdC40Y8gKi9cbiAgICAgICAgJHtJbnB1dH06Zm9jdXMgfiAke0xhYmVsfSwgJHtJbnB1dH0uJHtjbGFzc2VzLmhhc1ZhbHVlfSB+ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lclBhZGRpbmd9KTtcblxuICAgICAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udEZhbWlseX0pO1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTaXplfSk7XG4gICAgICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTdHlsZX0pO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udFdlaWdodH0pO1xuICAgICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGluZUhlaWdodH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG5cbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5cbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiBjYWxjKGNhbGModmFyKCR7dG9rZW5zLmhlaWdodH0pIC0gdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pKSAvIDIpO1xuICAgICAgICAgICAgcGFkZGluZy1ib3R0b206IGNhbGMoY2FsYyh2YXIoJHt0b2tlbnMuaGVpZ2h0fSkgLSB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSkpIC8gMik7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jbGVhcn0gJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
@@ -1,4 +1,4 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { classes, tokens } from '../../TextField.tokens';
3
- import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper } from '../../TextField.styles';
4
- export var base = /*#__PURE__*/css("&[readonly]{", InputWrapper, "{color:var(", tokens.colorReadOnly, ");background-color:var(", /*#__PURE__*/String(tokens.backgroundColorReadOnly), ");box-shadow:inset 0 0 0 var(", /*#__PURE__*/String(tokens.borderWidth), ") var(", /*#__PURE__*/String(tokens.borderColorReadOnly), ");}&.", classes.hasDivider, " ", InputWrapper, "{&:before{background-color:var(", /*#__PURE__*/String(tokens.dividerColorReadOnly), ");}}", InputWrapper, ":hover{background-color:var(", tokens.backgroundColorReadOnly, ");}", InputWrapper, ":focus-within ", InputPlaceholder, ",", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}&.", classes.outerLabelPlacement, " ", Label, "{color:var(", tokens.labelColorReadOnly, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRQbGFjZWhvbGRlciwgSW5wdXRXcmFwcGVyLCBMYWJlbCwgTGVmdEhlbHBlciB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmW3JlYWRvbmx5XSB7XG4gICAgICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHkpfSk7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlcldpZHRoKX0pIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3JSZWFkT25seSl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0RpdmlkZXJ9ICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5kaXZpZGVyQ29sb3JSZWFkT25seSl9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRXcmFwcGVyfTpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRXcmFwcGVyfTpmb2N1cy13aXRoaW4gJHtJbnB1dFBsYWNlaG9sZGVyfSwgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgICBtaW4td2lkdGg6IHVuc2V0O1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5vdXRlckxhYmVsUGxhY2VtZW50fSAke0xhYmVsfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
3
+ import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, TitleCaption } from '../../TextField.styles';
4
+ export var base = /*#__PURE__*/css("&[readonly]{", InputWrapper, "{color:var(", tokens.colorReadOnly, ");background-color:var(", /*#__PURE__*/String(tokens.backgroundColorReadOnly), ");box-shadow:inset 0 0 0 var(", /*#__PURE__*/String(tokens.borderWidth), ") var(", /*#__PURE__*/String(tokens.borderColorReadOnly), ");}&.", classes.hasDivider, " ", InputWrapper, "{&:before{background-color:var(", /*#__PURE__*/String(tokens.dividerColorReadOnly), ");}}", InputWrapper, ":hover{background-color:var(", tokens.backgroundColorReadOnly, ");}", InputWrapper, ":focus-within ", InputPlaceholder, ",", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", TitleCaption, "{color:var(", tokens.titleCaptionColorReadOnly, ");}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}&.", classes.outerLabelPlacement, " ", Label, "{color:var(", tokens.labelColorReadOnly, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRQbGFjZWhvbGRlciwgSW5wdXRXcmFwcGVyLCBMYWJlbCwgTGVmdEhlbHBlciwgVGl0bGVDYXB0aW9uIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seSl9KTtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyV2lkdGgpfSkgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5KX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRGl2aWRlcn0gJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvclJlYWRPbmx5KX0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiAke0lucHV0UGxhY2Vob2xkZXJ9LCAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIG1pbi13aWR0aDogdW5zZXQ7XG4gICAgICAgIH1cblxuICAgICAgICAke1RpdGxlQ2FwdGlvbn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Db2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0xlZnRIZWxwZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLm91dGVyTGFiZWxQbGFjZW1lbnR9ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGFiZWxDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
@@ -1,4 +1,4 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { classes, tokens } from '../../TextField.tokens';
3
- import { Input, InputContainer, InputWrapper, Label, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
4
- export var base = /*#__PURE__*/css(Input, "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", InputContainer, "{width:100%;font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", InputWrapper, "{height:var(", tokens.height, ");border-radius:var(", tokens.borderRadius, ");padding:var(", tokens.padding, ");&.", classes.hasChips, "{padding-top:var(", tokens.paddingWithChips, ");padding-bottom:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentLeft, "{padding-left:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentRight, "{padding-right:var(", tokens.paddingWithChips, ");}}", Label, "{font-family:var(", tokens.labelFontFamily, ");font-size:var(", tokens.labelFontSize, ");font-style:var(", tokens.labelFontStyle, ");font-weight:var(", tokens.labelFontWeight, ");letter-spacing:var(", tokens.labelLetterSpacing, ");line-height:var(", tokens.labelLineHeight, ");}", LeftHelper, "{margin-top:var(", tokens.leftHelperOffset, ");font-family:var(", tokens.leftHelperFontFamily, ");font-size:var(", tokens.leftHelperFontSize, ");font-style:var(", tokens.leftHelperFontStyle, ");font-weight:var(", tokens.leftHelperFontWeight, ");letter-spacing:var(", tokens.leftHelperLetterSpacing, ");line-height:var(", tokens.leftHelperLineHeight, ");}", StyledTextBefore, ",", StyledTextAfter, "{font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", StyledTextBefore, "{margin:var(", tokens.textBeforeMargin, ");}", StyledTextAfter, "{margin:var(", tokens.textAfterMargin, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRDb250YWluZXIsXG4gICAgSW5wdXRXcmFwcGVyLFxuICAgIExhYmVsLFxuICAgIExlZnRIZWxwZXIsXG4gICAgU3R5bGVkVGV4dEFmdGVyLFxuICAgIFN0eWxlZFRleHRCZWZvcmUsXG59IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0lucHV0fSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogaW5oZXJpdDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gICAgfVxuXG4gICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0NoaXBzfSB7XG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogdmFyKCR7dG9rZW5zLnBhZGRpbmdXaXRoQ2hpcHN9KTtcbiAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRW1wdHlDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRW1wdHlDb250ZW50UmlnaHR9IHtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IHZhcigke3Rva2Vucy5wYWRkaW5nV2l0aENoaXBzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0xhYmVsfSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyT2Zmc2V0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRCZWZvcmV9LCAke1N0eWxlZFRleHRBZnRlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy50ZXh0QmVmb3JlTWFyZ2lufSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9IHtcbiAgICAgICAgbWFyZ2luOiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyTWFyZ2lufSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
3
+ import { HintTargetWrapper, Input, InputContainer, InputWrapper, Label, LeftHelper, StyledHintWrapper, StyledOptionalText, StyledTextAfter, StyledTextBefore, TitleCaption } from '../../TextField.styles';
4
+ export var base = /*#__PURE__*/css(Input, "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", InputContainer, "{width:100%;font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", InputWrapper, "{height:var(", tokens.height, ");border-radius:var(", tokens.borderRadius, ");padding:var(", tokens.padding, ");&.", classes.hasChips, "{padding-top:var(", tokens.paddingWithChips, ");padding-bottom:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentLeft, "{padding-left:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentRight, "{padding-right:var(", tokens.paddingWithChips, ");}}", Label, ",&:not(.", classes.innerLabelPlacement, ") ", StyledOptionalText, "{font-family:var(", tokens.labelFontFamily, ");font-size:var(", tokens.labelFontSize, ");font-style:var(", tokens.labelFontStyle, ");font-weight:var(", tokens.labelFontWeight, ");letter-spacing:var(", tokens.labelLetterSpacing, ");line-height:var(", tokens.labelLineHeight, ");}", StyledHintWrapper, "{margin:var(", tokens.hintMargin, ");width:var(", tokens.hintTargetSize, ");height:var(", tokens.hintTargetSize, ");}", HintTargetWrapper, "{width:var(", tokens.hintTargetSize, ");height:var(", tokens.hintTargetSize, ");}", TitleCaption, "{font-family:var(", tokens.titleCaptionFontFamily, ");font-size:var(", tokens.titleCaptionFontSize, ");font-style:var(", tokens.titleCaptionFontStyle, ");font-weight:var(", tokens.titleCaptionFontWeight, ");letter-spacing:var(", tokens.titleCaptionLetterSpacing, ");line-height:var(", tokens.titleCaptionLineHeight, ");}", LeftHelper, "{margin-top:var(", tokens.leftHelperOffset, ");font-family:var(", tokens.leftHelperFontFamily, ");font-size:var(", tokens.leftHelperFontSize, ");font-style:var(", tokens.leftHelperFontStyle, ");font-weight:var(", tokens.leftHelperFontWeight, ");letter-spacing:var(", tokens.leftHelperLetterSpacing, ");line-height:var(", tokens.leftHelperLineHeight, ");}", StyledTextBefore, ",", StyledTextAfter, "{font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", StyledTextBefore, "{margin:var(", tokens.textBeforeMargin, ");}", StyledTextAfter, "{margin:var(", tokens.textAfterMargin, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQge1xuICAgIEhpbnRUYXJnZXRXcmFwcGVyLFxuICAgIElucHV0LFxuICAgIElucHV0Q29udGFpbmVyLFxuICAgIElucHV0V3JhcHBlcixcbiAgICBMYWJlbCxcbiAgICBMZWZ0SGVscGVyLFxuICAgIFN0eWxlZEhpbnRXcmFwcGVyLFxuICAgIFN0eWxlZE9wdGlvbmFsVGV4dCxcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbiAgICBUaXRsZUNhcHRpb24sXG59IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0lucHV0fSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogaW5oZXJpdDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gICAgfVxuXG4gICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0NoaXBzfSB7XG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogdmFyKCR7dG9rZW5zLnBhZGRpbmdXaXRoQ2hpcHN9KTtcbiAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRW1wdHlDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRW1wdHlDb250ZW50UmlnaHR9IHtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IHZhcigke3Rva2Vucy5wYWRkaW5nV2l0aENoaXBzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0xhYmVsfSwgJjpub3QoLiR7Y2xhc3Nlcy5pbm5lckxhYmVsUGxhY2VtZW50fSkgJHtTdHlsZWRPcHRpb25hbFRleHR9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbExldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbExpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZEhpbnRXcmFwcGVyfSB7XG4gICAgICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmhpbnRNYXJnaW59KTtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgIH1cblxuICAgICR7SGludFRhcmdldFdyYXBwZXJ9IHtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgIH1cblxuICAgICR7VGl0bGVDYXB0aW9ufSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Gb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25MaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyT2Zmc2V0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRCZWZvcmV9LCAke1N0eWxlZFRleHRBZnRlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy50ZXh0QmVmb3JlTWFyZ2lufSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9IHtcbiAgICAgICAgbWFyZ2luOiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyTWFyZ2lufSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
@@ -1,4 +1,4 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { tokens } from '../../TextField.tokens';
3
- import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
4
- export var base = /*#__PURE__*/css(InputWrapper, "{--plasma_private-textfield-border-color:var(", /*#__PURE__*/String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", /*#__PURE__*/String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorHover, ",\n var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n );}", Input, "{color:var(", tokens.color, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorFocus, ",\n var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n );", InputPlaceholder, "{color:var(", tokens.placeholderColorFocus, ");}}", LeftHelper, "{color:var(", tokens.leftHelperColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRQbGFjZWhvbGRlcixcbiAgICBJbnB1dFdyYXBwZXIsXG4gICAgTGVmdEhlbHBlcixcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbn0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvcil9KTtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYmctY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yKX0pO1xuXG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yKTtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSkgdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcik7XG4gICAgICAgIGNhcmV0LWNvbG9yOiB2YXIoJHt0b2tlbnMuY2FyZXRDb2xvcn0pO1xuXG4gICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xcyBlYXNlLWluLCBjb2xvciAwLjFzIGVhc2UtaW4sIGJveC1zaGFkb3cgMC4xcyBlYXNlLWluO1xuICAgIH1cbiAgICAke0lucHV0V3JhcHBlcn06aG92ZXIge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke3Rva2Vucy5ib3JkZXJDb2xvckhvdmVyfSwgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvcil9KSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KVxuICAgICAgICApO1xuICAgIH1cblxuICAgICR7SW5wdXR9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvcn0pO1xuICAgIH1cblxuICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke0lucHV0V3JhcHBlcn06Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JGb2N1c30sIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSkpO1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcjogdmFyKFxuICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yRm9jdXN9LFxuICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3IpfSlcbiAgICAgICAgKTtcblxuICAgICAgICAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvckZvY3VzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0xlZnRIZWxwZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRCZWZvcmV9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50ZXh0QmVmb3JlQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRBZnRlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRleHRBZnRlckNvbG9yfSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
3
+ import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore, TitleCaption } from '../../TextField.styles';
4
+ export var base = /*#__PURE__*/css(InputWrapper, "{--plasma_private-textfield-border-color:var(", /*#__PURE__*/String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", /*#__PURE__*/String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorHover, ",\n var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n );}", Input, "{color:var(", tokens.color, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorFocus, ",\n var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n );", InputPlaceholder, "{color:var(", tokens.placeholderColorFocus, ");}}", TitleCaption, "{color:var(", tokens.titleCaptionColor, ");}", LeftHelper, "{color:var(", tokens.leftHelperColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRQbGFjZWhvbGRlcixcbiAgICBJbnB1dFdyYXBwZXIsXG4gICAgTGVmdEhlbHBlcixcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbiAgICBUaXRsZUNhcHRpb24sXG59IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KTtcblxuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcik7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke3Rva2Vucy5ib3JkZXJXaWR0aH0pIHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3IpO1xuICAgICAgICBjYXJldC1jb2xvcjogdmFyKCR7dG9rZW5zLmNhcmV0Q29sb3J9KTtcblxuICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbiwgY29sb3IgMC4xcyBlYXNlLWluLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbjtcbiAgICB9XG4gICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn0sIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSkpO1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcjogdmFyKFxuICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9LFxuICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3IpfSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAke0lucHV0fSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcbiAgICB9XG5cbiAgICAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcjogdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9yRm9jdXN9LCB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlckNvbG9yKX0pKTtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYmctY29sb3I6IHZhcihcbiAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckZvY3VzfSxcbiAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yKX0pXG4gICAgICAgICk7XG5cbiAgICAgICAgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JGb2N1c30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJHtUaXRsZUNhcHRpb259IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Db2xvcn0pO1xuICAgIH1cblxuICAgICR7TGVmdEhlbHBlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvcn0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRleHRCZWZvcmVDb2xvcn0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEFmdGVyfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyQ29sb3J9KTtcbiAgICB9XG5gO1xuIl19 */"));
@@ -0,0 +1,14 @@
1
+ var _path;
2
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
+ import React from 'react';
4
+ export var DisclosureDownWithOffset = function DisclosureDownWithOffset(props) {
5
+ return /*#__PURE__*/React.createElement("svg", _extends({
6
+ width: "100%",
7
+ viewBox: "0 0 24 24",
8
+ fill: "none"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ d: "M17.78 18.21C17.48 17.92 17.01 17.92 16.71 18.21L12.75 22.18L8.78 18.21C8.48 17.92 8.01 17.92 7.71 18.21C7.42 18.51 7.42 18.98 7.71 19.28L12.75 24.31L17.78 19.28C18.07 18.98 18.07 18.51 17.78 18.21Z",
11
+ fillRule: "evenodd",
12
+ fill: "currentColor"
13
+ })));
14
+ };
@@ -0,0 +1,14 @@
1
+ var _path;
2
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
+ import React from 'react';
4
+ export var DisclosureLeftWithOffset = function DisclosureLeftWithOffset(props) {
5
+ return /*#__PURE__*/React.createElement("svg", _extends({
6
+ width: "100%",
7
+ viewBox: "0 0 24 24",
8
+ fill: "none"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ d: "M6.09 6.96c.29.3.29.77 0 1.07L2.12 12l3.97 3.96c.29.3.29.77 0 1.07-.3.29-.77.29-1.06 0L0 12l5.03-5.04c.29-.29.76-.29 1.06 0Z",
11
+ fill: "currentColor",
12
+ fillRule: "evenodd"
13
+ })));
14
+ };
@@ -0,0 +1,14 @@
1
+ var _path;
2
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
+ import React from 'react';
4
+ export var DisclosureRightWithOffset = function DisclosureRightWithOffset(props) {
5
+ return /*#__PURE__*/React.createElement("svg", _extends({
6
+ width: "100%",
7
+ viewBox: "0 0 24 24",
8
+ fill: "none"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ d: "M18.21 6.96c-.29.3-.29.77 0 1.07L22.18 12l-3.97 3.96c-.29.3-.29.77 0 1.07.3.29.77.29 1.07 0L24.31 12l-5.03-5.04a.767.767 0 0 0-1.07 0Z",
11
+ fill: "currentColor",
12
+ fillRule: "evenodd"
13
+ })));
14
+ };
@@ -0,0 +1,14 @@
1
+ var _path;
2
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
+ import React from 'react';
4
+ export var DisclosureUpWithOffset = function DisclosureUpWithOffset(props) {
5
+ return /*#__PURE__*/React.createElement("svg", _extends({
6
+ width: "100%",
7
+ viewBox: "0 0 24 24",
8
+ fill: "none"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ d: "M17.18 8.18C16.89 8.47 16.41 8.47 16.12 8.18L12.15 4.21L8.18 8.18C7.89 8.47 7.41 8.47 7.12 8.18C6.83 7.89 6.83 7.41 7.12 7.12L12.15 2.09L17.18 7.12C17.47 7.41 17.47 7.89 17.18 8.18Z",
11
+ fillRule: "evenodd",
12
+ fill: "currentColor"
13
+ })));
14
+ };
@@ -0,0 +1,15 @@
1
+ var _path;
2
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
+ import React from 'react';
4
+ export var InfoCircleOutline = function InfoCircleOutline(props) {
5
+ return /*#__PURE__*/React.createElement("svg", _extends({
6
+ width: "100%",
7
+ viewBox: "0 0 24 24",
8
+ fill: "none"
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fillRule: "evenodd",
11
+ clipRule: "evenodd",
12
+ d: "M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V17C12.75 17.4142 12.4142 17.75 12 17.75C11.5858 17.75 11.25 17.4142 11.25 17V11C11.25 10.5858 11.5858 10.25 12 10.25Z",
13
+ fill: "currentColor"
14
+ })));
15
+ };
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { DisclosureDownWithOffset } from '../Icon.assets/DisclosureDownWithOffset';
3
+ import { IconRoot } from '../IconRoot';
4
+ export var IconDisclosureDownWithOffset = function IconDisclosureDownWithOffset(_ref) {
5
+ var _ref$size = _ref.size,
6
+ size = _ref$size === void 0 ? 's' : _ref$size,
7
+ color = _ref.color,
8
+ className = _ref.className;
9
+ return /*#__PURE__*/React.createElement(IconRoot, {
10
+ className: className,
11
+ size: size,
12
+ color: color,
13
+ icon: DisclosureDownWithOffset
14
+ });
15
+ };
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { DisclosureLeftWithOffset } from '../Icon.assets/DisclosureLeftWithOffset';
3
+ import { IconRoot } from '../IconRoot';
4
+ export var IconDisclosureLeftWithOffset = function IconDisclosureLeftWithOffset(_ref) {
5
+ var _ref$size = _ref.size,
6
+ size = _ref$size === void 0 ? 's' : _ref$size,
7
+ color = _ref.color,
8
+ className = _ref.className;
9
+ return /*#__PURE__*/React.createElement(IconRoot, {
10
+ className: className,
11
+ size: size,
12
+ color: color,
13
+ icon: DisclosureLeftWithOffset
14
+ });
15
+ };
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { DisclosureRightWithOffset } from '../Icon.assets/DisclosureRightWithOffset';
3
+ import { IconRoot } from '../IconRoot';
4
+ export var IconDisclosureRightWithOffset = function IconDisclosureRightWithOffset(_ref) {
5
+ var _ref$size = _ref.size,
6
+ size = _ref$size === void 0 ? 's' : _ref$size,
7
+ color = _ref.color,
8
+ className = _ref.className;
9
+ return /*#__PURE__*/React.createElement(IconRoot, {
10
+ className: className,
11
+ size: size,
12
+ color: color,
13
+ icon: DisclosureRightWithOffset
14
+ });
15
+ };
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { DisclosureUpWithOffset } from '../Icon.assets/DisclosureUpWithOffset';
3
+ import { IconRoot } from '../IconRoot';
4
+ export var IconDisclosureUpWithOffset = function IconDisclosureUpWithOffset(_ref) {
5
+ var _ref$size = _ref.size,
6
+ size = _ref$size === void 0 ? 's' : _ref$size,
7
+ color = _ref.color,
8
+ className = _ref.className;
9
+ return /*#__PURE__*/React.createElement(IconRoot, {
10
+ className: className,
11
+ size: size,
12
+ color: color,
13
+ icon: DisclosureUpWithOffset
14
+ });
15
+ };
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { InfoCircleOutline } from '../Icon.assets/InfoCircleOutline';
3
+ import { IconRoot } from '../IconRoot';
4
+ export var IconInfoCircleOutline = function IconInfoCircleOutline(_ref) {
5
+ var _ref$size = _ref.size,
6
+ size = _ref$size === void 0 ? 's' : _ref$size,
7
+ color = _ref.color,
8
+ className = _ref.className;
9
+ return /*#__PURE__*/React.createElement(IconRoot, {
10
+ className: className,
11
+ size: size,
12
+ color: color,
13
+ icon: InfoCircleOutline
14
+ });
15
+ };
@@ -1,6 +1,10 @@
1
+ export { IconDisclosureLeftWithOffset } from './Icons/IconDisclosureLeftWithOffset';
1
2
  export { IconDisclosureLeft } from './Icons/IconDisclosureLeft';
2
3
  export { IconDisclosureRight } from './Icons/IconDisclosureRight';
4
+ export { IconDisclosureRightWithOffset } from './Icons/IconDisclosureRightWithOffset';
3
5
  export { IconDisclosureDownFill } from './Icons/IconDisclosureDownFill';
6
+ export { IconDisclosureDownWithOffset } from './Icons/IconDisclosureDownWithOffset';
7
+ export { IconDisclosureUpWithOffset } from './Icons/IconDisclosureUpWithOffset';
4
8
  export { IconMic } from './Icons/IconMic';
5
9
  export { IconChevronLeft } from './Icons/IconChevronLeft';
6
10
  export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';
@@ -19,4 +23,5 @@ export { IconBlankDocOutline } from './Icons/IconBlankDocOutline';
19
23
  export { IconBlankOutline } from './Icons/IconBlankOutline';
20
24
  export { IconBlankPdfOutline } from './Icons/IconBlankPdfOutline';
21
25
  export { IconBlankTxtOutline } from './Icons/IconBlankTxtOutline';
22
- export { IconBlankXlsOutline } from './Icons/IconBlankXlsOutline';
26
+ export { IconBlankXlsOutline } from './Icons/IconBlankXlsOutline';
27
+ export { IconInfoCircleOutline } from './Icons/IconInfoCircleOutline';