@salutejs/plasma-new-hope 0.72.0-canary.1174.8614735539.0 → 0.73.0-canary.1160.8627071767.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (434) hide show
  1. package/cjs/components/Combobox/Combobox.css +10 -10
  2. package/cjs/components/Combobox/Combobox.styles.js +5 -5
  3. package/cjs/components/Combobox/Combobox.styles.js.map +1 -1
  4. package/cjs/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
  5. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  6. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  7. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  8. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  9. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  10. package/cjs/components/Dropdown/Dropdown.css +4 -4
  11. package/cjs/components/Dropdown/Dropdown.js +0 -1
  12. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  13. package/cjs/components/Pagination/Pagination.css +9 -9
  14. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -9
  15. package/cjs/components/Popover/Popover.css +4 -4
  16. package/cjs/components/Popover/Popover.js +33 -43
  17. package/cjs/components/Popover/Popover.js.map +1 -1
  18. package/cjs/components/Popover/Popover.styles.js +1 -1
  19. package/cjs/components/Popover/Popover.styles.js.map +1 -1
  20. package/{es/components/Popover/Popover.styles_1rk9t6z.css → cjs/components/Popover/Popover.styles_1ggb66y.css} +1 -1
  21. package/cjs/components/Select/Select.css +9 -9
  22. package/cjs/components/Select/Select.styles.js +7 -7
  23. package/cjs/components/Select/Select.styles.js.map +1 -1
  24. package/{es/components/Select/Select.styles_ls547o.css → cjs/components/Select/Select.styles_1q3i6gw.css} +1 -1
  25. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  26. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +40 -0
  27. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  28. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +12 -0
  29. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  30. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  31. package/cjs/components/{TextField/_disabled → Select/ui/SelectDivider/variations/_size}/base.js +2 -2
  32. package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  33. package/cjs/components/{TextField/_size → Select/ui/SelectDivider/variations/_view}/base.js +2 -2
  34. package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  35. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  36. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +40 -0
  37. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  38. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +12 -0
  39. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  40. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  41. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +9 -0
  42. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  43. package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  44. package/cjs/components/{TextField → Select/ui/SelectFooter/variations}/_view/base.js +2 -2
  45. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  46. package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  47. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  48. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +40 -0
  49. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  50. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +12 -0
  51. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  52. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  53. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +9 -0
  54. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  55. package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  56. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +9 -0
  57. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  58. package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  59. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  60. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +40 -0
  61. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  62. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +12 -0
  63. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  64. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  65. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +9 -0
  66. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  67. package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  68. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +9 -0
  69. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  70. package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  71. package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
  72. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  73. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  74. package/cjs/components/TextField/TextField.js +166 -40
  75. package/cjs/components/TextField/TextField.js.map +1 -1
  76. package/cjs/components/TextField/TextField.styles.js +27 -11
  77. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  78. package/cjs/components/TextField/TextField.styles_1b1mddp.css +8 -0
  79. package/cjs/components/TextField/TextField.tokens.js +68 -20
  80. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  81. package/cjs/components/TextField/TextField_wctd2m.css +1 -0
  82. package/cjs/components/TextField/hooks/useKeyNavigation.js +132 -0
  83. package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -0
  84. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
  85. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +38 -0
  86. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
  87. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +26 -0
  88. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
  89. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +1 -0
  90. package/cjs/components/TextField/variations/_disabled/base.js +9 -0
  91. package/cjs/components/TextField/variations/_disabled/base.js.map +1 -0
  92. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
  93. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
  94. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -0
  95. package/cjs/components/TextField/variations/_label-placement/base_x642ct.css +1 -0
  96. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/inner.js +2 -2
  97. package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -0
  98. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
  99. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +2 -2
  100. package/cjs/components/TextField/variations/_label-placement/outer.js.map +1 -0
  101. package/cjs/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
  102. package/cjs/components/TextField/variations/_read-only/base.js +9 -0
  103. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -0
  104. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +1 -0
  105. package/cjs/components/TextField/variations/_size/base.js +9 -0
  106. package/cjs/components/TextField/variations/_size/base.js.map +1 -0
  107. package/cjs/components/TextField/variations/_size/base_1khzr9t.css +1 -0
  108. package/cjs/components/TextField/variations/_view/base.js +9 -0
  109. package/cjs/components/TextField/variations/_view/base.js.map +1 -0
  110. package/cjs/components/TextField/variations/_view/base_1qd77x6.css +1 -0
  111. package/cjs/index.css +49 -42
  112. package/cjs/index.js +41 -6
  113. package/cjs/index.js.map +1 -1
  114. package/cjs/utils/index.js +13 -1
  115. package/cjs/utils/index.js.map +1 -1
  116. package/cjs/utils/react.js +12 -2
  117. package/cjs/utils/react.js.map +1 -1
  118. package/es/components/Combobox/Combobox.css +10 -10
  119. package/es/components/Combobox/Combobox.styles.js +5 -5
  120. package/es/components/Combobox/Combobox.styles.js.map +1 -1
  121. package/es/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
  122. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  123. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  124. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  125. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  126. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  127. package/es/components/Dropdown/Dropdown.css +4 -4
  128. package/es/components/Dropdown/Dropdown.js +0 -1
  129. package/es/components/Dropdown/Dropdown.js.map +1 -1
  130. package/es/components/Pagination/Pagination.css +9 -9
  131. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -9
  132. package/es/components/Popover/Popover.css +4 -4
  133. package/es/components/Popover/Popover.js +33 -43
  134. package/es/components/Popover/Popover.js.map +1 -1
  135. package/es/components/Popover/Popover.styles.js +1 -1
  136. package/es/components/Popover/Popover.styles.js.map +1 -1
  137. package/{cjs/components/Popover/Popover.styles_1rk9t6z.css → es/components/Popover/Popover.styles_1ggb66y.css} +1 -1
  138. package/es/components/Select/Select.css +9 -9
  139. package/es/components/Select/Select.styles.js +7 -7
  140. package/es/components/Select/Select.styles.js.map +1 -1
  141. package/{cjs/components/Select/Select.styles_ls547o.css → es/components/Select/Select.styles_1q3i6gw.css} +1 -1
  142. package/es/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  143. package/es/components/Select/ui/SelectDivider/SelectDivider.js +35 -0
  144. package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  145. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +7 -0
  146. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  147. package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  148. package/es/components/{TextField/_disabled → Select/ui/SelectDivider/variations/_size}/base.js +2 -2
  149. package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  150. package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
  151. package/es/components/{TextField/_size → Select/ui/SelectDivider/variations/_view}/base.js +2 -2
  152. package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  153. package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
  154. package/es/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  155. package/es/components/Select/ui/SelectFooter/SelectFooter.js +35 -0
  156. package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  157. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +7 -0
  158. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  159. package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  160. package/es/components/Select/ui/SelectFooter/variations/_size/base.js +5 -0
  161. package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  162. package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  163. package/es/components/{TextField → Select/ui/SelectFooter/variations}/_view/base.js +2 -2
  164. package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  165. package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  166. package/es/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  167. package/es/components/Select/ui/SelectGroup/SelectGroup.js +35 -0
  168. package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  169. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +7 -0
  170. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  171. package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  172. package/es/components/Select/ui/SelectGroup/variations/_size/base.js +5 -0
  173. package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  174. package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  175. package/es/components/Select/ui/SelectGroup/variations/_view/base.js +5 -0
  176. package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  177. package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  178. package/es/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  179. package/es/components/Select/ui/SelectHeader/SelectHeader.js +35 -0
  180. package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  181. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +7 -0
  182. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  183. package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  184. package/es/components/Select/ui/SelectHeader/variations/_size/base.js +5 -0
  185. package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  186. package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  187. package/es/components/Select/ui/SelectHeader/variations/_view/base.js +5 -0
  188. package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  189. package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  190. package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
  191. package/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  192. package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  193. package/es/components/TextField/TextField.js +169 -44
  194. package/es/components/TextField/TextField.js.map +1 -1
  195. package/es/components/TextField/TextField.styles.js +25 -12
  196. package/es/components/TextField/TextField.styles.js.map +1 -1
  197. package/es/components/TextField/TextField.styles_1b1mddp.css +8 -0
  198. package/es/components/TextField/TextField.tokens.js +68 -21
  199. package/es/components/TextField/TextField.tokens.js.map +1 -1
  200. package/es/components/TextField/TextField_wctd2m.css +1 -0
  201. package/es/components/TextField/hooks/useKeyNavigation.js +127 -0
  202. package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -0
  203. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
  204. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +34 -0
  205. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
  206. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +22 -0
  207. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
  208. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +1 -0
  209. package/es/components/TextField/variations/_disabled/base.js +5 -0
  210. package/es/components/TextField/variations/_disabled/base.js.map +1 -0
  211. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
  212. package/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
  213. package/es/components/TextField/variations/_label-placement/base.js.map +1 -0
  214. package/es/components/TextField/variations/_label-placement/base_x642ct.css +1 -0
  215. package/es/components/TextField/variations/_label-placement/inner.js +5 -0
  216. package/es/components/TextField/variations/_label-placement/inner.js.map +1 -0
  217. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
  218. package/es/components/TextField/variations/_label-placement/outer.js +5 -0
  219. package/es/components/TextField/variations/_label-placement/outer.js.map +1 -0
  220. package/es/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
  221. package/es/components/TextField/variations/_read-only/base.js +5 -0
  222. package/es/components/TextField/variations/_read-only/base.js.map +1 -0
  223. package/es/components/TextField/variations/_read-only/base_134hshp.css +1 -0
  224. package/es/components/TextField/variations/_size/base.js +5 -0
  225. package/es/components/TextField/variations/_size/base.js.map +1 -0
  226. package/es/components/TextField/variations/_size/base_1khzr9t.css +1 -0
  227. package/es/components/TextField/variations/_view/base.js +5 -0
  228. package/es/components/TextField/variations/_view/base.js.map +1 -0
  229. package/es/components/TextField/variations/_view/base_1qd77x6.css +1 -0
  230. package/es/index.css +49 -42
  231. package/es/index.js +15 -2
  232. package/es/index.js.map +1 -1
  233. package/es/utils/index.js +11 -2
  234. package/es/utils/index.js.map +1 -1
  235. package/es/utils/react.js +9 -2
  236. package/es/utils/react.js.map +1 -1
  237. package/package.json +2 -2
  238. package/styled-components/cjs/components/Combobox/Combobox.styles.js +1 -1
  239. package/styled-components/cjs/components/Dropdown/Dropdown.js +0 -1
  240. package/styled-components/cjs/components/Popover/Popover.js +33 -43
  241. package/styled-components/cjs/components/Popover/Popover.styles.js +1 -1
  242. package/styled-components/cjs/components/Select/Select.styles.js +1 -1
  243. package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  244. package/styled-components/cjs/components/TextField/TextField.js +173 -43
  245. package/styled-components/cjs/components/TextField/TextField.styles.js +18 -10
  246. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +24 -0
  247. package/styled-components/cjs/components/TextField/TextField.tokens.js +68 -21
  248. package/styled-components/cjs/components/TextField/hooks/index.js +12 -0
  249. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +138 -0
  250. package/styled-components/cjs/components/TextField/index.js +2 -2
  251. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +39 -0
  252. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +25 -0
  253. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +5 -0
  254. package/styled-components/cjs/components/TextField/ui/index.js +12 -0
  255. package/styled-components/cjs/components/TextField/variations/_disabled/base.js +10 -0
  256. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +10 -0
  257. package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +3 -3
  258. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +10 -0
  259. package/styled-components/cjs/components/TextField/variations/_read-only/tokens.json +1 -0
  260. package/styled-components/cjs/components/TextField/variations/_size/base.js +10 -0
  261. package/styled-components/cjs/components/TextField/variations/_view/base.js +10 -0
  262. package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  263. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +43 -0
  264. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.js +11 -0
  265. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +181 -0
  266. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +40 -0
  267. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.js +11 -0
  268. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +181 -0
  269. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +43 -0
  270. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
  271. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +181 -0
  272. package/styled-components/cjs/index.js +22 -0
  273. package/styled-components/es/components/Combobox/Combobox.styles.js +1 -1
  274. package/styled-components/es/components/Dropdown/Dropdown.js +0 -1
  275. package/styled-components/es/components/Popover/Popover.js +33 -43
  276. package/styled-components/es/components/Popover/Popover.styles.js +1 -1
  277. package/styled-components/es/components/Select/Select.styles.js +1 -1
  278. package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  279. package/styled-components/es/components/TextField/TextField.js +177 -47
  280. package/styled-components/es/components/TextField/TextField.styles.js +17 -9
  281. package/styled-components/es/components/TextField/TextField.template-doc.mdx +24 -0
  282. package/styled-components/es/components/TextField/TextField.tokens.js +67 -20
  283. package/styled-components/es/components/TextField/hooks/index.js +1 -0
  284. package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +132 -0
  285. package/styled-components/es/components/TextField/index.js +2 -2
  286. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +30 -0
  287. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +19 -0
  288. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +1 -0
  289. package/styled-components/es/components/TextField/ui/index.js +1 -0
  290. package/styled-components/es/components/TextField/variations/_disabled/base.js +4 -0
  291. package/styled-components/es/components/TextField/variations/_label-placement/inner.js +4 -0
  292. package/styled-components/es/components/TextField/variations/_label-placement/outer.js +4 -0
  293. package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -0
  294. package/styled-components/es/components/TextField/variations/_read-only/tokens.json +1 -0
  295. package/styled-components/es/components/TextField/variations/_size/base.js +4 -0
  296. package/styled-components/es/components/TextField/variations/_view/base.js +4 -0
  297. package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  298. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +37 -0
  299. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.js +5 -0
  300. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +181 -0
  301. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +34 -0
  302. package/styled-components/es/examples/plasma_web/components/TextField/TextField.js +5 -0
  303. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +181 -0
  304. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +37 -0
  305. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
  306. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +181 -0
  307. package/styled-components/es/index.js +2 -0
  308. package/types/components/Combobox/Combobox.styles.d.ts +2 -8
  309. package/types/components/Combobox/Combobox.styles.d.ts.map +1 -1
  310. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  311. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -7
  312. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  313. package/types/components/Popover/Popover.d.ts +2 -2
  314. package/types/components/Popover/Popover.d.ts.map +1 -1
  315. package/types/components/Popover/Popover.styles.d.ts.map +1 -1
  316. package/types/components/Popover/Popover.types.d.ts +12 -19
  317. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  318. package/types/components/Select/Select.styles.d.ts +2 -8
  319. package/types/components/Select/Select.styles.d.ts.map +1 -1
  320. package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +1 -1
  321. package/types/components/TextField/TextField.d.ts +8 -3
  322. package/types/components/TextField/TextField.d.ts.map +1 -1
  323. package/types/components/TextField/TextField.styles.d.ts +6 -3
  324. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  325. package/types/components/TextField/TextField.tokens.d.ts +57 -8
  326. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  327. package/types/components/TextField/TextField.types.d.ts +71 -6
  328. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  329. package/types/components/TextField/hooks/index.d.ts +2 -0
  330. package/types/components/TextField/hooks/index.d.ts.map +1 -0
  331. package/types/components/TextField/hooks/useKeyNavigation.d.ts +17 -0
  332. package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -0
  333. package/types/components/TextField/index.d.ts +3 -2
  334. package/types/components/TextField/index.d.ts.map +1 -1
  335. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +7 -0
  336. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -0
  337. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +3 -0
  338. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -0
  339. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +37 -0
  340. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -0
  341. package/types/components/TextField/ui/index.d.ts +2 -0
  342. package/types/components/TextField/ui/index.d.ts.map +1 -0
  343. package/types/components/TextField/variations/_disabled/base.d.ts.map +1 -0
  344. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -0
  345. package/types/components/TextField/variations/_label-placement/index.d.ts.map +1 -0
  346. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -0
  347. package/types/components/TextField/variations/_label-placement/outer.d.ts.map +1 -0
  348. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -0
  349. package/types/components/TextField/variations/_size/base.d.ts.map +1 -0
  350. package/types/components/TextField/variations/_view/base.d.ts +2 -0
  351. package/types/components/TextField/variations/_view/base.d.ts.map +1 -0
  352. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts +1 -7
  353. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map +1 -1
  354. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +32 -0
  355. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -0
  356. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +60 -0
  357. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -0
  358. package/types/examples/plasma_web/components/Popover/Popover.d.ts +1 -7
  359. package/types/examples/plasma_web/components/Popover/Popover.d.ts.map +1 -1
  360. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +32 -0
  361. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -0
  362. package/types/examples/plasma_web/components/TextField/TextField.d.ts +60 -0
  363. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -0
  364. package/types/examples/sds_engineer/components/Popover/Popover.d.ts +1 -7
  365. package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -1
  366. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +32 -0
  367. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +1 -0
  368. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +60 -0
  369. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -0
  370. package/types/index.d.ts +2 -0
  371. package/types/index.d.ts.map +1 -1
  372. package/cjs/components/TextField/TextField.styles_2qw1n8.css +0 -5
  373. package/cjs/components/TextField/TextField_1lzb2r1.css +0 -1
  374. package/cjs/components/TextField/_disabled/base.js.map +0 -1
  375. package/cjs/components/TextField/_disabled/base_so3w81.css +0 -1
  376. package/cjs/components/TextField/_label-placement/base.js.map +0 -1
  377. package/cjs/components/TextField/_label-placement/inner.js.map +0 -1
  378. package/cjs/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
  379. package/cjs/components/TextField/_label-placement/outer.js.map +0 -1
  380. package/cjs/components/TextField/_label-placement/outer_19ekaek.css +0 -1
  381. package/cjs/components/TextField/_size/base.js.map +0 -1
  382. package/cjs/components/TextField/_size/base_b5smyu.css +0 -1
  383. package/cjs/components/TextField/_view/base.js.map +0 -1
  384. package/cjs/components/TextField/_view/base_5bqzed.css +0 -1
  385. package/es/components/TextField/TextField.styles_2qw1n8.css +0 -5
  386. package/es/components/TextField/TextField_1lzb2r1.css +0 -1
  387. package/es/components/TextField/_disabled/base.js.map +0 -1
  388. package/es/components/TextField/_disabled/base_so3w81.css +0 -1
  389. package/es/components/TextField/_label-placement/base.js.map +0 -1
  390. package/es/components/TextField/_label-placement/inner.js +0 -5
  391. package/es/components/TextField/_label-placement/inner.js.map +0 -1
  392. package/es/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
  393. package/es/components/TextField/_label-placement/outer.js +0 -5
  394. package/es/components/TextField/_label-placement/outer.js.map +0 -1
  395. package/es/components/TextField/_label-placement/outer_19ekaek.css +0 -1
  396. package/es/components/TextField/_size/base.js.map +0 -1
  397. package/es/components/TextField/_size/base_b5smyu.css +0 -1
  398. package/es/components/TextField/_view/base.js.map +0 -1
  399. package/es/components/TextField/_view/base_5bqzed.css +0 -1
  400. package/styled-components/cjs/components/TextField/_disabled/base.js +0 -9
  401. package/styled-components/cjs/components/TextField/_label-placement/inner.js +0 -10
  402. package/styled-components/cjs/components/TextField/_size/base.js +0 -10
  403. package/styled-components/cjs/components/TextField/_view/base.js +0 -10
  404. package/styled-components/es/components/TextField/_disabled/base.js +0 -3
  405. package/styled-components/es/components/TextField/_label-placement/inner.js +0 -4
  406. package/styled-components/es/components/TextField/_label-placement/outer.js +0 -4
  407. package/styled-components/es/components/TextField/_size/base.js +0 -4
  408. package/styled-components/es/components/TextField/_view/base.js +0 -4
  409. package/types/components/TextField/_disabled/base.d.ts.map +0 -1
  410. package/types/components/TextField/_label-placement/base.d.ts.map +0 -1
  411. package/types/components/TextField/_label-placement/index.d.ts.map +0 -1
  412. package/types/components/TextField/_label-placement/inner.d.ts.map +0 -1
  413. package/types/components/TextField/_label-placement/outer.d.ts.map +0 -1
  414. package/types/components/TextField/_size/base.d.ts.map +0 -1
  415. package/types/components/TextField/_view/base.d.ts.map +0 -1
  416. /package/cjs/components/{TextField/_label-placement → Select/ui/SelectDivider/variations/_size}/base_x642ct.css +0 -0
  417. /package/{es/components/TextField/_label-placement → cjs/components/Select/ui/SelectDivider/variations/_view}/base_x642ct.css +0 -0
  418. /package/styled-components/cjs/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
  419. /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
  420. /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
  421. /package/styled-components/cjs/components/TextField/{_size → variations/_size}/tokens.json +0 -0
  422. /package/styled-components/cjs/components/TextField/{_view → variations/_view}/tokens.json +0 -0
  423. /package/styled-components/es/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
  424. /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
  425. /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
  426. /package/styled-components/es/components/TextField/{_size → variations/_size}/tokens.json +0 -0
  427. /package/styled-components/es/components/TextField/{_view → variations/_view}/tokens.json +0 -0
  428. /package/types/components/TextField/{_disabled → variations/_disabled}/base.d.ts +0 -0
  429. /package/types/components/TextField/{_label-placement → variations/_label-placement}/base.d.ts +0 -0
  430. /package/types/components/TextField/{_label-placement → variations/_label-placement}/index.d.ts +0 -0
  431. /package/types/components/TextField/{_label-placement → variations/_label-placement}/inner.d.ts +0 -0
  432. /package/types/components/TextField/{_label-placement → variations/_label-placement}/outer.d.ts +0 -0
  433. /package/types/components/TextField/{_size → variations/_read-only}/base.d.ts +0 -0
  434. /package/types/components/TextField/{_view → variations/_size}/base.d.ts +0 -0
package/types/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export * from './mixins';
2
2
  export * from './engines';
3
3
  export * from './hooks';
4
+ export * from './utils';
4
5
  export * from './components/Button';
5
6
  export * from './components/ButtonGroup';
6
7
  export * from './components/Chip';
@@ -40,6 +41,7 @@ export * from './components/Indicator';
40
41
  export * from './components/ButtonBase';
41
42
  export * from './components/Grid';
42
43
  export * from './components/Progress';
44
+ export * from './components/Select';
43
45
  export * from './components/Divider';
44
46
  export * from './components/Toolbar';
45
47
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}
@@ -1,5 +0,0 @@
1
- .iq39zt5{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;}
2
- .i1j28rg8 .iq39zt5{width:100%;}
3
- .i13zudoe{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-shadow:inset 0 0 0 var(--plasma_private-textfield-border-width) var(--plasma_private-textfield-border-color);}.i13zudoe .i1j28rg8{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
4
-
5
-
@@ -1 +0,0 @@
1
- .bpunezx{display:block;}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n\n input {\n cursor: not-allowed;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAShB;;;;"}
@@ -1 +0,0 @@
1
- .b1rdxrik[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.b1rdxrik[disabled] input{cursor:not-allowed;}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\n// TODO: REMOVE IT\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEA;AACO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"inner.js","sources":["../../../../src/components/TextField/_label-placement/inner.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Input, Label } from '../TextField.styles';\nimport { tokens } from '../TextField.tokens';\n\nexport const labelPlacement_inner = css`\n ${Input} {\n padding-top: calc(var(${tokens.labelOffset}) + var(${tokens.labelInnerLineHeight}));\n padding-bottom: var(${tokens.labelOffset});\n }\n\n ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} {\n height: auto;\n padding-top: var(${tokens.labelOffset});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n ${Input}:not(:focus)::placeholder {\n color: transparent;\n }\n\n ${Input}:focus::placeholder {\n color: transparent;\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n transition: all 0.1s ease-in-out 0s;\n\n height: var(${tokens.height});\n\n padding-top: calc(var(${tokens.height}) / 4);\n padding-bottom: calc(var(${tokens.height}) / 4);\n }\n`;\n"],"names":["labelPlacement_inner"],"mappings":";;;;AAKO,IAAMA,oBAAoB,GA6ChC;;;;"}
@@ -1 +0,0 @@
1
- .l1mtiqfm .iq39zt5{padding-top:calc(var(--plasma-textfield__label-offset) + var(--plasma-textfield-placement_inner__label-line-height));padding-bottom:var(--plasma-textfield__label-offset);}.l1mtiqfm .iq39zt5:focus ~ .lo4bpie,.l1mtiqfm .iq39zt5:not(:placeholder-shown) ~ .lo4bpie{height:auto;padding-top:var(--plasma-textfield__label-offset);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.l1mtiqfm .iq39zt5:not(:focus)::-webkit-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus)::-moz-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus):-ms-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus)::placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::-webkit-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::-moz-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus:-ms-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::placeholder{color:transparent;}.l1mtiqfm .lo4bpie{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-transition:all 0.1s ease-in-out 0s;transition:all 0.1s ease-in-out 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
@@ -1 +0,0 @@
1
- {"version":3,"file":"outer.js","sources":["../../../../src/components/TextField/_label-placement/outer.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Label } from '../TextField.styles';\nimport { tokens } from '../TextField.tokens';\n\nexport const labelPlacement_outer = css`\n ${Label} {\n display: block;\n margin-bottom: var(${tokens.labelOffset});\n }\n`;\n"],"names":["labelPlacement_outer"],"mappings":";;;;AAKO,IAAMA,oBAAoB,GAKhC;;;;"}
@@ -1 +0,0 @@
1
- .l1fhg6i1 .lo4bpie{display:block;margin-bottom:var(--plasma-textfield__label-offset);}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\nimport { Input, InputLabelWrapper, InputWrapper, Label, LeftHelper } from '../TextField.styles';\n\nexport const base = css`\n --plasma_private-textfield-br: var(${tokens.borderRadius}, calc(var(${tokens.height}) / 4));\n --plasma_private-textfield-padding: var(${tokens.padding}, calc(var(${tokens.height}) * 1.618 / 4));\n --plasma_private-textfield-border-width: var(${tokens.borderWidth});\n\n ${Input} {\n height: var(${tokens.height});\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n \n ${InputWrapper} {\n border-radius: var(--plasma_private-textfield-br);\n /** offset between Icon And Input */\n gap: var(${tokens.contentOffset});\n }\n\n ${InputWrapper} > ${InputLabelWrapper}:first-child {\n /** offset without Icon(LeftContent) */\n margin-left: var(--plasma_private-textfield-padding);\n }\n ${InputWrapper} > :not(${InputLabelWrapper}):first-child {\n /** offset with Icon(LeftContent) */\n margin-left: var(${tokens.paddingWithContent}, var(--plasma_private-textfield-padding));\n }\n ${InputWrapper} > ${InputLabelWrapper}:last-child {\n margin-right: var(--plasma_private-textfield-padding);\n }\n ${InputWrapper} > :not(${InputLabelWrapper}):last-child {\n margin-right: var(${tokens.paddingWithContent}, var(--plasma_private-textfield-padding));\n }\n\n ${Label} {\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${LeftHelper} {\n margin-top: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAwDhB;;;;"}
@@ -1 +0,0 @@
1
- .b170l0h9{--plasma_private-textfield-br:var(--plasma-textfield-border-radius,calc(var(--plasma-textfield-height) / 4));--plasma_private-textfield-padding:var(--plasma-textfield-padding,calc(var(--plasma-textfield-height) * 1.618 / 4));--plasma_private-textfield-border-width:var(--plasmas-textfield-border-width);}.b170l0h9 .iq39zt5{height:var(--plasma-textfield-height);font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b170l0h9 .i13zudoe{border-radius:var(--plasma_private-textfield-br);gap:var(--plasma-textfield__content-offset);}.b170l0h9 .i13zudoe > .i1j28rg8:first-child{margin-left:var(--plasma_private-textfield-padding);}.b170l0h9 .i13zudoe > :not(.i1j28rg8):first-child{margin-left:var(--plasma-textfield-padding-with-content,var(--plasma_private-textfield-padding));}.b170l0h9 .i13zudoe > .i1j28rg8:last-child{margin-right:var(--plasma_private-textfield-padding);}.b170l0h9 .i13zudoe > :not(.i1j28rg8):last-child{margin-right:var(--plasma-textfield-padding-with-content,var(--plasma_private-textfield-padding));}.b170l0h9 .lo4bpie{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b170l0h9 .l13qvwoy{margin-top:var(--plasma-textfield__leftHelper-offset);font-family:var(--plasma-textfield__leftHelper-font-family);font-size:var(--plasma-textfield__leftHelper-font-size);font-style:var(--plasma-textfield__leftHelper-font-style);font-weight:var(--plasma-textfield__leftHelper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);line-height:var(--plasma-textfield__leftHelper-line-height);}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\nimport { Input, InputWrapper, LeftHelper } from '../TextField.styles';\n\nexport const base = css`\n ${InputWrapper} {\n color: var(${tokens.contentColor}, var(${tokens.color}));\n background-color: var(${tokens.backgroundColor});\n caret-color: var(${tokens.caretColor});\n\n --plasma_private-textfield-border-color: var(${tokens.borderColor});\n transition: box-shadow 0.1s ease-in, background-color 0.1s ease-in, color 0.1s ease-in;\n }\n ${InputWrapper}:hover {\n --plasma_private-textfield-border-color: var(${tokens.borderColorHover});\n background-color: var(${tokens.backgroundColorHover}, var(${tokens.backgroundColor}));\n }\n ${InputWrapper}:focus-within {\n --plasma_private-textfield-border-color: var(${tokens.borderColorFocus});\n background-color: var(${tokens.backgroundColorFocus}, var(${tokens.backgroundColor}));\n }\n ${Input}::placeholder {\n color: var(${tokens.placeholderColor});\n }\n ${Input} {\n color: var(${tokens.color});\n }\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA0BhB;;;;"}
@@ -1 +0,0 @@
1
- .bkf0zs .i13zudoe{color:var(--plasma-textfield__content-color,var(--plasma-textfield-color));background-color:var(--plasma-textfield-bg-color);caret-color:var(--plasma-textfield__caret-color);--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);-webkit-transition:box-shadow 0.1s ease-in,background-color 0.1s ease-in,color 0.1s ease-in;transition:box-shadow 0.1s ease-in,background-color 0.1s ease-in,color 0.1s ease-in;}.bkf0zs .i13zudoe:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover);background-color:var(--plasma-textfield-bg-color-hover,var(--plasma-textfield-bg-color));}.bkf0zs .i13zudoe:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus);background-color:var(--plasma-textfield-bg-color-focus,var(--plasma-textfield-bg-color));}.bkf0zs .iq39zt5::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5::placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5{color:var(--plasma-textfield-color);}.bkf0zs .l13qvwoy{color:var(--plasma-textfield__leftHelper-color);}
@@ -1,5 +0,0 @@
1
- .iq39zt5{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;}
2
- .i1j28rg8 .iq39zt5{width:100%;}
3
- .i13zudoe{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-shadow:inset 0 0 0 var(--plasma_private-textfield-border-width) var(--plasma_private-textfield-border-color);}.i13zudoe .i1j28rg8{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
4
-
5
-
@@ -1 +0,0 @@
1
- .bpunezx{display:block;}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n\n input {\n cursor: not-allowed;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAShB;;;;"}
@@ -1 +0,0 @@
1
- .b1rdxrik[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.b1rdxrik[disabled] input{cursor:not-allowed;}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\n// TODO: REMOVE IT\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEA;AACO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +0,0 @@
1
- import './inner_1tyuicp.css';
2
- var labelPlacement_inner = "l1mtiqfm";
3
-
4
- export { labelPlacement_inner };
5
- //# sourceMappingURL=inner.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"inner.js","sources":["../../../../src/components/TextField/_label-placement/inner.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Input, Label } from '../TextField.styles';\nimport { tokens } from '../TextField.tokens';\n\nexport const labelPlacement_inner = css`\n ${Input} {\n padding-top: calc(var(${tokens.labelOffset}) + var(${tokens.labelInnerLineHeight}));\n padding-bottom: var(${tokens.labelOffset});\n }\n\n ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} {\n height: auto;\n padding-top: var(${tokens.labelOffset});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n ${Input}:not(:focus)::placeholder {\n color: transparent;\n }\n\n ${Input}:focus::placeholder {\n color: transparent;\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n transition: all 0.1s ease-in-out 0s;\n\n height: var(${tokens.height});\n\n padding-top: calc(var(${tokens.height}) / 4);\n padding-bottom: calc(var(${tokens.height}) / 4);\n }\n`;\n"],"names":["labelPlacement_inner"],"mappings":"AAKO,IAAMA,oBAAoB,GA6ChC;;;;"}
@@ -1 +0,0 @@
1
- .l1mtiqfm .iq39zt5{padding-top:calc(var(--plasma-textfield__label-offset) + var(--plasma-textfield-placement_inner__label-line-height));padding-bottom:var(--plasma-textfield__label-offset);}.l1mtiqfm .iq39zt5:focus ~ .lo4bpie,.l1mtiqfm .iq39zt5:not(:placeholder-shown) ~ .lo4bpie{height:auto;padding-top:var(--plasma-textfield__label-offset);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.l1mtiqfm .iq39zt5:not(:focus)::-webkit-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus)::-moz-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus):-ms-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:not(:focus)::placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::-webkit-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::-moz-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus:-ms-input-placeholder{color:transparent;}.l1mtiqfm .iq39zt5:focus::placeholder{color:transparent;}.l1mtiqfm .lo4bpie{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-transition:all 0.1s ease-in-out 0s;transition:all 0.1s ease-in-out 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
@@ -1,5 +0,0 @@
1
- import './outer_19ekaek.css';
2
- var labelPlacement_outer = "l1fhg6i1";
3
-
4
- export { labelPlacement_outer };
5
- //# sourceMappingURL=outer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"outer.js","sources":["../../../../src/components/TextField/_label-placement/outer.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Label } from '../TextField.styles';\nimport { tokens } from '../TextField.tokens';\n\nexport const labelPlacement_outer = css`\n ${Label} {\n display: block;\n margin-bottom: var(${tokens.labelOffset});\n }\n`;\n"],"names":["labelPlacement_outer"],"mappings":"AAKO,IAAMA,oBAAoB,GAKhC;;;;"}
@@ -1 +0,0 @@
1
- .l1fhg6i1 .lo4bpie{display:block;margin-bottom:var(--plasma-textfield__label-offset);}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\nimport { Input, InputLabelWrapper, InputWrapper, Label, LeftHelper } from '../TextField.styles';\n\nexport const base = css`\n --plasma_private-textfield-br: var(${tokens.borderRadius}, calc(var(${tokens.height}) / 4));\n --plasma_private-textfield-padding: var(${tokens.padding}, calc(var(${tokens.height}) * 1.618 / 4));\n --plasma_private-textfield-border-width: var(${tokens.borderWidth});\n\n ${Input} {\n height: var(${tokens.height});\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n \n ${InputWrapper} {\n border-radius: var(--plasma_private-textfield-br);\n /** offset between Icon And Input */\n gap: var(${tokens.contentOffset});\n }\n\n ${InputWrapper} > ${InputLabelWrapper}:first-child {\n /** offset without Icon(LeftContent) */\n margin-left: var(--plasma_private-textfield-padding);\n }\n ${InputWrapper} > :not(${InputLabelWrapper}):first-child {\n /** offset with Icon(LeftContent) */\n margin-left: var(${tokens.paddingWithContent}, var(--plasma_private-textfield-padding));\n }\n ${InputWrapper} > ${InputLabelWrapper}:last-child {\n margin-right: var(--plasma_private-textfield-padding);\n }\n ${InputWrapper} > :not(${InputLabelWrapper}):last-child {\n margin-right: var(${tokens.paddingWithContent}, var(--plasma_private-textfield-padding));\n }\n\n ${Label} {\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${LeftHelper} {\n margin-top: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAwDhB;;;;"}
@@ -1 +0,0 @@
1
- .b170l0h9{--plasma_private-textfield-br:var(--plasma-textfield-border-radius,calc(var(--plasma-textfield-height) / 4));--plasma_private-textfield-padding:var(--plasma-textfield-padding,calc(var(--plasma-textfield-height) * 1.618 / 4));--plasma_private-textfield-border-width:var(--plasmas-textfield-border-width);}.b170l0h9 .iq39zt5{height:var(--plasma-textfield-height);font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b170l0h9 .i13zudoe{border-radius:var(--plasma_private-textfield-br);gap:var(--plasma-textfield__content-offset);}.b170l0h9 .i13zudoe > .i1j28rg8:first-child{margin-left:var(--plasma_private-textfield-padding);}.b170l0h9 .i13zudoe > :not(.i1j28rg8):first-child{margin-left:var(--plasma-textfield-padding-with-content,var(--plasma_private-textfield-padding));}.b170l0h9 .i13zudoe > .i1j28rg8:last-child{margin-right:var(--plasma_private-textfield-padding);}.b170l0h9 .i13zudoe > :not(.i1j28rg8):last-child{margin-right:var(--plasma-textfield-padding-with-content,var(--plasma_private-textfield-padding));}.b170l0h9 .lo4bpie{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b170l0h9 .l13qvwoy{margin-top:var(--plasma-textfield__leftHelper-offset);font-family:var(--plasma-textfield__leftHelper-font-family);font-size:var(--plasma-textfield__leftHelper-font-size);font-style:var(--plasma-textfield__leftHelper-font-style);font-weight:var(--plasma-textfield__leftHelper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);letter-spacing:var(--plasma-textfield__leftHelper-letter-spacing);line-height:var(--plasma-textfield__leftHelper-line-height);}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../src/components/TextField/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../TextField.tokens';\nimport { Input, InputWrapper, LeftHelper } from '../TextField.styles';\n\nexport const base = css`\n ${InputWrapper} {\n color: var(${tokens.contentColor}, var(${tokens.color}));\n background-color: var(${tokens.backgroundColor});\n caret-color: var(${tokens.caretColor});\n\n --plasma_private-textfield-border-color: var(${tokens.borderColor});\n transition: box-shadow 0.1s ease-in, background-color 0.1s ease-in, color 0.1s ease-in;\n }\n ${InputWrapper}:hover {\n --plasma_private-textfield-border-color: var(${tokens.borderColorHover});\n background-color: var(${tokens.backgroundColorHover}, var(${tokens.backgroundColor}));\n }\n ${InputWrapper}:focus-within {\n --plasma_private-textfield-border-color: var(${tokens.borderColorFocus});\n background-color: var(${tokens.backgroundColorFocus}, var(${tokens.backgroundColor}));\n }\n ${Input}::placeholder {\n color: var(${tokens.placeholderColor});\n }\n ${Input} {\n color: var(${tokens.color});\n }\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA0BhB;;;;"}
@@ -1 +0,0 @@
1
- .bkf0zs .i13zudoe{color:var(--plasma-textfield__content-color,var(--plasma-textfield-color));background-color:var(--plasma-textfield-bg-color);caret-color:var(--plasma-textfield__caret-color);--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);-webkit-transition:box-shadow 0.1s ease-in,background-color 0.1s ease-in,color 0.1s ease-in;transition:box-shadow 0.1s ease-in,background-color 0.1s ease-in,color 0.1s ease-in;}.bkf0zs .i13zudoe:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover);background-color:var(--plasma-textfield-bg-color-hover,var(--plasma-textfield-bg-color));}.bkf0zs .i13zudoe:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus);background-color:var(--plasma-textfield-bg-color-focus,var(--plasma-textfield-bg-color));}.bkf0zs .iq39zt5::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5::placeholder{color:var(--plasma-textfield__placeholder-color);}.bkf0zs .iq39zt5{color:var(--plasma-textfield-color);}.bkf0zs .l13qvwoy{color:var(--plasma-textfield__leftHelper-color);}
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _TextField = /*#__PURE__*/require("../TextField.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{opacity:var(", ");cursor:not-allowed;input{cursor:not-allowed;}}"], _TextField.tokens.disabledOpacity);
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.labelPlacement_inner = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _TextField = /*#__PURE__*/require("../TextField.styles");
9
- var _TextField2 = /*#__PURE__*/require("../TextField.tokens");
10
- var labelPlacement_inner = exports.labelPlacement_inner = /*#__PURE__*/(0, _styledComponents.css)(["", "{padding-top:calc(var(", ") + var(", "));padding-bottom:var(", ");}", ":focus ~ ", ",", ":not(:placeholder-shown) ~ ", "{height:auto;padding-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ":not(:focus)::placeholder{color:transparent;}", ":focus::placeholder{color:transparent;}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;transition:all 0.1s ease-in-out 0s;height:var(", ");padding-top:calc(var(", ") / 4);padding-bottom:calc(var(", ") / 4);}"], _TextField.Input, _TextField2.tokens.labelOffset, _TextField2.tokens.labelInnerLineHeight, _TextField2.tokens.labelOffset, _TextField.Input, _TextField.Label, _TextField.Input, _TextField.Label, _TextField2.tokens.labelOffset, _TextField2.tokens.labelInnerFontFamily, _TextField2.tokens.labelInnerFontSize, _TextField2.tokens.labelInnerFontStyle, _TextField2.tokens.labelInnerFontWeight, _TextField2.tokens.labelInnerLetterSpacing, _TextField2.tokens.labelInnerLineHeight, _TextField.Input, _TextField.Input, _TextField.Label, _TextField2.tokens.placeholderColor, _TextField2.tokens.height, _TextField2.tokens.height, _TextField2.tokens.height);
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _TextField = /*#__PURE__*/require("../TextField.tokens");
9
- var _TextField2 = /*#__PURE__*/require("../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["--plasma_private-textfield-br:var(", ",calc(var(", ") / 4));--plasma_private-textfield-padding:var(", ",calc(var(", ") * 1.618 / 4));--plasma_private-textfield-border-width:var(", ");", "{height:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{border-radius:var(--plasma_private-textfield-br);gap:var(", ");}", " > ", ":first-child{margin-left:var(--plasma_private-textfield-padding);}", " >:not(", "):first-child{margin-left:var(", ",var(--plasma_private-textfield-padding));}", " > ", ":last-child{margin-right:var(--plasma_private-textfield-padding);}", " >:not(", "):last-child{margin-right:var(", ",var(--plasma_private-textfield-padding));}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], _TextField.tokens.borderRadius, _TextField.tokens.height, _TextField.tokens.padding, _TextField.tokens.height, _TextField.tokens.borderWidth, _TextField2.Input, _TextField.tokens.height, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.InputWrapper, _TextField.tokens.contentOffset, _TextField2.InputWrapper, _TextField2.InputLabelWrapper, _TextField2.InputWrapper, _TextField2.InputLabelWrapper, _TextField.tokens.paddingWithContent, _TextField2.InputWrapper, _TextField2.InputLabelWrapper, _TextField2.InputWrapper, _TextField2.InputLabelWrapper, _TextField.tokens.paddingWithContent, _TextField2.Label, _TextField.tokens.labelFontFamily, _TextField.tokens.labelFontSize, _TextField.tokens.labelFontStyle, _TextField.tokens.labelFontWeight, _TextField.tokens.labelLetterSpacing, _TextField.tokens.labelLineHeight, _TextField2.LeftHelper, _TextField.tokens.leftHelperOffset, _TextField.tokens.leftHelperFontFamily, _TextField.tokens.leftHelperFontSize, _TextField.tokens.leftHelperFontStyle, _TextField.tokens.leftHelperFontWeight, _TextField.tokens.leftHelperLetterSpacing, _TextField.tokens.leftHelperLineHeight);
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _TextField = /*#__PURE__*/require("../TextField.tokens");
9
- var _TextField2 = /*#__PURE__*/require("../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{color:var(", ",var(", "));background-color:var(", ");caret-color:var(", ");--plasma_private-textfield-border-color:var(", ");transition:box-shadow 0.1s ease-in,background-color 0.1s ease-in,color 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ");background-color:var(", ",var(", "));}", ":focus-within{--plasma_private-textfield-border-color:var(", ");background-color:var(", ",var(", "));}", "::placeholder{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], _TextField2.InputWrapper, _TextField.tokens.contentColor, _TextField.tokens.color, _TextField.tokens.backgroundColor, _TextField.tokens.caretColor, _TextField.tokens.borderColor, _TextField2.InputWrapper, _TextField.tokens.borderColorHover, _TextField.tokens.backgroundColorHover, _TextField.tokens.backgroundColor, _TextField2.InputWrapper, _TextField.tokens.borderColorFocus, _TextField.tokens.backgroundColorFocus, _TextField.tokens.backgroundColor, _TextField2.Input, _TextField.tokens.placeholderColor, _TextField2.Input, _TextField.tokens.color, _TextField2.LeftHelper, _TextField.tokens.leftHelperColor);
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tokens } from '../TextField.tokens';
3
- export var base = /*#__PURE__*/css(["&[disabled]{opacity:var(", ");cursor:not-allowed;input{cursor:not-allowed;}}"], tokens.disabledOpacity);
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { Input, Label } from '../TextField.styles';
3
- import { tokens } from '../TextField.tokens';
4
- export var labelPlacement_inner = /*#__PURE__*/css(["", "{padding-top:calc(var(", ") + var(", "));padding-bottom:var(", ");}", ":focus ~ ", ",", ":not(:placeholder-shown) ~ ", "{height:auto;padding-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ":not(:focus)::placeholder{color:transparent;}", ":focus::placeholder{color:transparent;}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;transition:all 0.1s ease-in-out 0s;height:var(", ");padding-top:calc(var(", ") / 4);padding-bottom:calc(var(", ") / 4);}"], Input, tokens.labelOffset, tokens.labelInnerLineHeight, tokens.labelOffset, Input, Label, Input, Label, tokens.labelOffset, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Input, Input, Label, tokens.placeholderColor, tokens.height, tokens.height, tokens.height);
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { Label } from '../TextField.styles';
3
- import { tokens } from '../TextField.tokens';
4
- export var labelPlacement_outer = /*#__PURE__*/css(["", "{display:block;margin-bottom:var(", ");}"], Label, tokens.labelOffset);
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tokens } from '../TextField.tokens';
3
- import { Input, InputLabelWrapper, InputWrapper, Label, LeftHelper } from '../TextField.styles';
4
- export var base = /*#__PURE__*/css(["--plasma_private-textfield-br:var(", ",calc(var(", ") / 4));--plasma_private-textfield-padding:var(", ",calc(var(", ") * 1.618 / 4));--plasma_private-textfield-border-width:var(", ");", "{height:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{border-radius:var(--plasma_private-textfield-br);gap:var(", ");}", " > ", ":first-child{margin-left:var(--plasma_private-textfield-padding);}", " >:not(", "):first-child{margin-left:var(", ",var(--plasma_private-textfield-padding));}", " > ", ":last-child{margin-right:var(--plasma_private-textfield-padding);}", " >:not(", "):last-child{margin-right:var(", ",var(--plasma_private-textfield-padding));}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], tokens.borderRadius, tokens.height, tokens.padding, tokens.height, tokens.borderWidth, Input, tokens.height, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.contentOffset, InputWrapper, InputLabelWrapper, InputWrapper, InputLabelWrapper, tokens.paddingWithContent, InputWrapper, InputLabelWrapper, InputWrapper, InputLabelWrapper, tokens.paddingWithContent, Label, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight);
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { tokens } from '../TextField.tokens';
3
- import { Input, InputWrapper, LeftHelper } from '../TextField.styles';
4
- export var base = /*#__PURE__*/css(["", "{color:var(", ",var(", "));background-color:var(", ");caret-color:var(", ");--plasma_private-textfield-border-color:var(", ");transition:box-shadow 0.1s ease-in,background-color 0.1s ease-in,color 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ");background-color:var(", ",var(", "));}", ":focus-within{--plasma_private-textfield-border-color:var(", ");background-color:var(", ",var(", "));}", "::placeholder{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], InputWrapper, tokens.contentColor, tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.borderColor, InputWrapper, tokens.borderColorHover, tokens.backgroundColorHover, tokens.backgroundColor, InputWrapper, tokens.borderColorFocus, tokens.backgroundColorFocus, tokens.backgroundColor, Input, tokens.placeholderColor, Input, tokens.color, LeftHelper, tokens.leftHelperColor);
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAShB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_label-placement/base.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_label-placement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"inner.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_label-placement/inner.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,0CA6ChC,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"outer.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_label-placement/outer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,0CAKhC,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAwDhB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA0BhB,CAAC"}