@salutejs/plasma-new-hope 0.196.0-canary.1552.11952949201.0 → 0.196.0-canary.1556.11967620671.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (230) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +17 -17
  2. package/cjs/components/Autocomplete/Autocomplete.js +7 -1
  3. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.css +17 -19
  5. package/cjs/components/Combobox/ComboboxNew/Combobox.js +14 -42
  6. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  7. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -19
  8. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +17 -19
  9. package/cjs/components/DatePicker/RangeDate/RangeDate.css +17 -17
  10. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +17 -17
  11. package/cjs/components/DatePicker/SingleDate/SingleDate.css +17 -17
  12. package/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -3
  13. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  14. package/cjs/components/Pagination/Pagination.css +17 -17
  15. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
  16. package/cjs/components/Range/Range.css +17 -17
  17. package/cjs/components/Select/Select.css +17 -17
  18. package/cjs/components/Select/ui/Inner/Inner.css +17 -17
  19. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +17 -17
  20. package/cjs/components/Select/ui/Target/Target.css +17 -17
  21. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +17 -17
  22. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
  23. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  24. package/cjs/components/Slider/Slider.css +17 -17
  25. package/cjs/components/Slider/components/Double/Double.css +17 -17
  26. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +17 -17
  27. package/cjs/components/TextField/TextField.js +9 -5
  28. package/cjs/components/TextField/TextField.js.map +1 -1
  29. package/cjs/components/TextField/TextField.styles.js +20 -11
  30. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  31. package/cjs/components/TextField/{TextField.styles_j7dqpn.css → TextField.styles_ppcxpx.css} +1 -1
  32. package/cjs/components/TextField/TextField.tokens.js +1 -0
  33. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  34. package/cjs/components/TextField/ui/Hint/Hint.css +20 -20
  35. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  36. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  37. package/cjs/components/TextField/variations/_label-placement/base_y1lvvc.css +1 -0
  38. package/cjs/index.css +17 -19
  39. package/cjs/index.js +0 -2
  40. package/cjs/index.js.map +1 -1
  41. package/cjs/utils/index.js.map +1 -1
  42. package/emotion/cjs/components/Autocomplete/Autocomplete.js +7 -1
  43. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +15 -43
  44. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -3
  45. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
  46. package/emotion/cjs/components/TextField/TextField.js +10 -6
  47. package/emotion/cjs/components/TextField/TextField.styles.js +29 -26
  48. package/emotion/cjs/components/TextField/TextField.tokens.js +1 -0
  49. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  50. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  51. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
  52. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
  53. package/emotion/cjs/utils/index.js +1 -10
  54. package/emotion/es/components/Autocomplete/Autocomplete.js +7 -1
  55. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +15 -44
  56. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +7 -3
  57. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
  58. package/emotion/es/components/TextField/TextField.js +10 -6
  59. package/emotion/es/components/TextField/TextField.styles.js +29 -26
  60. package/emotion/es/components/TextField/TextField.tokens.js +1 -0
  61. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  62. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  63. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
  64. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
  65. package/emotion/es/utils/index.js +0 -1
  66. package/es/components/Autocomplete/Autocomplete.css +17 -17
  67. package/es/components/Autocomplete/Autocomplete.js +7 -1
  68. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  69. package/es/components/Combobox/ComboboxNew/Combobox.css +17 -19
  70. package/es/components/Combobox/ComboboxNew/Combobox.js +16 -44
  71. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  72. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -19
  73. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +17 -19
  74. package/es/components/DatePicker/RangeDate/RangeDate.css +17 -17
  75. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +17 -17
  76. package/es/components/DatePicker/SingleDate/SingleDate.css +17 -17
  77. package/es/components/DatePicker/SingleDate/SingleDate.js +7 -3
  78. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  79. package/es/components/Pagination/Pagination.css +17 -17
  80. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
  81. package/es/components/Range/Range.css +17 -17
  82. package/es/components/Select/Select.css +17 -17
  83. package/es/components/Select/ui/Inner/Inner.css +17 -17
  84. package/es/components/Select/ui/Inner/ui/Item/Item.css +17 -17
  85. package/es/components/Select/ui/Target/Target.css +17 -17
  86. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +17 -17
  87. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
  88. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  89. package/es/components/Slider/Slider.css +17 -17
  90. package/es/components/Slider/components/Double/Double.css +17 -17
  91. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +17 -17
  92. package/es/components/TextField/TextField.js +9 -5
  93. package/es/components/TextField/TextField.js.map +1 -1
  94. package/es/components/TextField/TextField.styles.js +20 -11
  95. package/es/components/TextField/TextField.styles.js.map +1 -1
  96. package/es/components/TextField/{TextField.styles_j7dqpn.css → TextField.styles_ppcxpx.css} +1 -1
  97. package/es/components/TextField/TextField.tokens.js +1 -0
  98. package/es/components/TextField/TextField.tokens.js.map +1 -1
  99. package/es/components/TextField/ui/Hint/Hint.css +20 -20
  100. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  101. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  102. package/es/components/TextField/variations/_label-placement/base_y1lvvc.css +1 -0
  103. package/es/index.css +17 -19
  104. package/es/index.js +0 -1
  105. package/es/index.js.map +1 -1
  106. package/es/utils/index.js.map +1 -1
  107. package/package.json +2 -2
  108. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +7 -1
  109. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +15 -43
  110. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -3
  111. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
  112. package/styled-components/cjs/components/TextField/TextField.js +9 -5
  113. package/styled-components/cjs/components/TextField/TextField.styles.js +9 -6
  114. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -0
  115. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  116. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  117. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
  118. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
  119. package/styled-components/cjs/utils/index.js +1 -10
  120. package/styled-components/es/components/Autocomplete/Autocomplete.js +7 -1
  121. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +15 -44
  122. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +7 -3
  123. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
  124. package/styled-components/es/components/TextField/TextField.js +9 -5
  125. package/styled-components/es/components/TextField/TextField.styles.js +9 -6
  126. package/styled-components/es/components/TextField/TextField.tokens.js +1 -0
  127. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  128. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
  129. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
  130. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
  131. package/styled-components/es/utils/index.js +0 -1
  132. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  133. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +709 -53
  134. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  135. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  136. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +38 -37
  137. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  138. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +709 -53
  139. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  140. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +2 -2
  141. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  142. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +709 -53
  143. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  144. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +28 -9
  145. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  146. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +282 -14
  147. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  148. package/types/components/Range/Range.styles.d.ts +709 -53
  149. package/types/components/Range/Range.styles.d.ts.map +1 -1
  150. package/types/components/Select/Select.types.d.ts +30 -10
  151. package/types/components/Select/Select.types.d.ts.map +1 -1
  152. package/types/components/Select/ui/Target/Target.d.ts +1 -1
  153. package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
  154. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  155. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  156. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +709 -53
  157. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  158. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  159. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  160. package/types/components/Slider/components/Double/Double.styles.d.ts +709 -53
  161. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  162. package/types/components/TextField/TextField.d.ts.map +1 -1
  163. package/types/components/TextField/TextField.styles.d.ts +3 -1
  164. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  165. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  166. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  167. package/types/components/TextField/TextField.types.d.ts +42 -19
  168. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  169. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +3 -5
  170. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  171. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +532 -628
  172. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
  173. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +47 -1
  174. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  175. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +1238 -54
  176. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  177. package/types/examples/plasma_b2c/components/Select/Select.d.ts +282 -14
  178. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  179. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +709 -53
  180. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  181. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +3 -5
  182. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  183. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +532 -628
  184. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
  185. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +47 -1
  186. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  187. package/types/examples/plasma_web/components/Mask/Mask.d.ts +1238 -54
  188. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  189. package/types/examples/plasma_web/components/Select/Select.d.ts +282 -14
  190. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  191. package/types/examples/plasma_web/components/TextField/TextField.d.ts +709 -53
  192. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  193. package/types/utils/index.d.ts +0 -1
  194. package/types/utils/index.d.ts.map +1 -1
  195. package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.css +0 -1
  196. package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -39
  197. package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map +0 -1
  198. package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -15
  199. package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js.map +0 -1
  200. package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles_18yw2bf.css +0 -1
  201. package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
  202. package/cjs/utils/createEvent.js +0 -54
  203. package/cjs/utils/createEvent.js.map +0 -1
  204. package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -40
  205. package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -13
  206. package/emotion/cjs/utils/createEvent.js +0 -53
  207. package/emotion/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -31
  208. package/emotion/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -6
  209. package/emotion/es/utils/createEvent.js +0 -47
  210. package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.css +0 -1
  211. package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -35
  212. package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map +0 -1
  213. package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -11
  214. package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js.map +0 -1
  215. package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles_18yw2bf.css +0 -1
  216. package/es/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
  217. package/es/utils/createEvent.js +0 -50
  218. package/es/utils/createEvent.js.map +0 -1
  219. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -40
  220. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -12
  221. package/styled-components/cjs/utils/createEvent.js +0 -53
  222. package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -31
  223. package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -5
  224. package/styled-components/es/utils/createEvent.js +0 -47
  225. package/types/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.d.ts +0 -6
  226. package/types/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.d.ts.map +0 -1
  227. package/types/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.d.ts +0 -3
  228. package/types/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.d.ts.map +0 -1
  229. package/types/utils/createEvent.d.ts +0 -3
  230. package/types/utils/createEvent.d.ts.map +0 -1
package/es/index.css CHANGED
@@ -169,33 +169,33 @@
169
169
 
170
170
  .base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_textfieldHasDivider__78f0baf3 .base_1jvcf9a_i1j28rg8__78f0baf3:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:focus-within .base_1jvcf9a_ibt1ohz__78f0baf3,.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_ibt1ohz__78f0baf3{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i13qvwoy__78f0baf3{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_t600610__78f0baf3{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_lb3k3v1__78f0baf3{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_labelPlacementOuter__78f0baf3 .base_1jvcf9a_l1gjsnfi__78f0baf3{color:var(--plasma-textfield__label-color-readonly);}
171
171
 
172
- .base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementOuter__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i19ry60d__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_smqgwd8__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_s7hnwwb__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79:focus ~ .base_gttvto_l1gjsnfi__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79.base_gttvto_hasValue__3b8edf79 ~ .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);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);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{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;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79.base_gttvto_textfieldClear__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__clear-placeholder-color);}
172
+ .base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementOuter__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i19ry60d__96eb1405{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_smqgwd8__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_s7hnwwb__96eb1405{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405:focus ~ .base_y1lvvc_l1gjsnfi__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405.base_y1lvvc_hasValue__96eb1405 ~ .base_y1lvvc_l1gjsnfi__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405.base_y1lvvc_forcePlaceholder__96eb1405 ~ .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);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);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{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;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405.base_y1lvvc_textfieldClear__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__clear-placeholder-color);}
173
173
 
174
174
  .base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
175
175
 
176
176
  .base_1x99605_b10o15xy__faec7753 .base_1x99605_hq39zt5__faec7753{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
177
177
 
178
178
 
179
- .TextField_styles_j7dqpn_i1j28rg8__f79fd7d8{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-sizing:border-box;}
180
- .TextField_styles_j7dqpn_i13zudoe__f79fd7d8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8::-webkit-scrollbar{display:none;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8.TextField_styles_j7dqpn_hasChips__f79fd7d8{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
181
- .TextField_styles_j7dqpn_so4bpie__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
182
- .TextField_styles_j7dqpn_i13qvwoy__f79fd7d8{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-webkit-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-moz-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8:-ms-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::placeholder{opacity:0;}
183
- .TextField_styles_j7dqpn_i19ry60d__f79fd7d8{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
184
- .TextField_styles_j7dqpn_ibt1ohz__f79fd7d8{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
185
- .TextField_styles_j7dqpn_olv9av6__f79fd7d8{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;margin-bottom:var(--olv9av6-0);}
186
- .TextField_styles_j7dqpn_t600610__f79fd7d8{display:inline-block;margin-left:auto;}
187
- .TextField_styles_j7dqpn_suk2zst__f79fd7d8{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
188
- .TextField_styles_j7dqpn_l1gjsnfi__f79fd7d8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
189
- .TextField_styles_j7dqpn_ssv2kwg__f79fd7d8{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
190
- .TextField_styles_j7dqpn_s190z894__f79fd7d8{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_j7dqpn_s190z894__f79fd7d8:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_j7dqpn_s190z894__f79fd7d8:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
179
+ .TextField_styles_ppcxpx_i1j28rg8__b8b554b5{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-sizing:border-box;}
180
+ .TextField_styles_ppcxpx_i13zudoe__b8b554b5{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_ppcxpx_i13zudoe__b8b554b5::-webkit-scrollbar{display:none;}.TextField_styles_ppcxpx_i13zudoe__b8b554b5.TextField_styles_ppcxpx_hasChips__b8b554b5{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
181
+ .TextField_styles_ppcxpx_so4bpie__b8b554b5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
182
+ .TextField_styles_ppcxpx_i13qvwoy__b8b554b5{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::-webkit-input-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::-moz-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5:-ms-input-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::placeholder{opacity:0;}
183
+ .TextField_styles_ppcxpx_i19ry60d__b8b554b5{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
184
+ .TextField_styles_ppcxpx_ibt1ohz__b8b554b5{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--ibt1ohz-0);}
185
+ .TextField_styles_ppcxpx_olv9av6__b8b554b5{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;margin-bottom:var(--olv9av6-0);}
186
+ .TextField_styles_ppcxpx_t600610__b8b554b5{display:inline-block;margin-left:auto;}
187
+ .TextField_styles_ppcxpx_suk2zst__b8b554b5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
188
+ .TextField_styles_ppcxpx_l1gjsnfi__b8b554b5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
189
+ .TextField_styles_ppcxpx_ssv2kwg__b8b554b5{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
190
+ .TextField_styles_ppcxpx_s190z894__b8b554b5{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_ppcxpx_s190z894__b8b554b5:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_ppcxpx_s190z894__b8b554b5:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
191
191
 
192
192
 
193
193
 
194
- .TextField_styles_j7dqpn_s14qvple__f79fd7d8{color:var(--plasma-textfield__optional-color);}
195
- .TextField_styles_j7dqpn_s16itze4__f79fd7d8{display:inline-block;line-height:0;}.TextField_styles_j7dqpn_s16itze4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
196
- .TextField_styles_j7dqpn_h1skqnhr__f79fd7d8{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
194
+ .TextField_styles_ppcxpx_s14qvple__b8b554b5{color:var(--plasma-textfield__optional-color);}
195
+ .TextField_styles_ppcxpx_s16itze4__b8b554b5{display:inline-block;line-height:0;}.TextField_styles_ppcxpx_s16itze4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
196
+ .TextField_styles_ppcxpx_h1skqnhr__b8b554b5{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
197
197
 
198
- .TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
198
+ .TextField_styles_ppcxpx_s8yezh4__b8b554b5{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5.TextField_styles_ppcxpx_textfieldHasHint__b8b554b5{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5{inset:var(--plasma-textfield__indicator-placement-inner-right);}
199
199
 
200
200
  .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
201
201
 
@@ -585,8 +585,6 @@
585
585
 
586
586
  .Combobox_styles_18a8p75_s11cn92k__ba048029{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
587
587
 
588
- .SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
589
-
590
588
  .Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
591
589
 
592
590
  .base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
package/es/index.js CHANGED
@@ -28,7 +28,6 @@ export { IS_REACT_18, safeUseId } from './utils/react.js';
28
28
  export { isNumber } from './utils/isNumber.js';
29
29
  export { mergeRefs, setRefList } from './utils/setRefList.js';
30
30
  export { isEmpty } from './utils/isEmpty.js';
31
- export { createEvent } from './utils/createEvent.js';
32
31
  export { noop } from './utils/noop.js';
33
32
  export { fixedForwardRef } from './utils/fixedForwardRef.js';
34
33
  export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAcaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAaaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.196.0-canary.1552.11952949201.0",
3
+ "version": "0.196.0-canary.1556.11967620671.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -129,5 +129,5 @@
129
129
  "sideEffects": [
130
130
  "*.css"
131
131
  ],
132
- "gitHead": "ccfb71eceec7dd2705c2d9bf3f9ca39604f9cbfe"
132
+ "gitHead": "7bb1c3d5181d1edc870742a2a682b371e902cdba"
133
133
  }
@@ -13,7 +13,7 @@ var _focusedReducer = /*#__PURE__*/require("./reducers/focusedReducer");
13
13
  var _ui = /*#__PURE__*/require("./ui");
14
14
  var _Autocomplete = /*#__PURE__*/require("./Autocomplete.styles");
15
15
  var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
16
- var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
16
+ var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "hasPlaceholder", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
17
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
19
19
  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); }
@@ -36,6 +36,7 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
36
36
  view = _ref.view,
37
37
  size = _ref.size,
38
38
  labelPlacement = _ref.labelPlacement,
39
+ hasPlaceholder = _ref.hasPlaceholder,
39
40
  disabled = _ref.disabled,
40
41
  readOnly = _ref.readOnly,
41
42
  label = _ref.label,
@@ -155,6 +156,11 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
155
156
  "aria-activedescendant": "".concat(listId, "/").concat(focused),
156
157
  "aria-describedby": helperTextId,
157
158
  hintText: String(hintText || '')
159
+ }, labelPlacement === 'inner' ? {
160
+ labelPlacement: labelPlacement,
161
+ hasPlaceholder: hasPlaceholder
162
+ } : {
163
+ labelPlacement: labelPlacement
158
164
  }, rest)),
159
165
  preventOverflow: false,
160
166
  ref: targetRef,
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
@@ -19,8 +20,7 @@ var _getPathMaps = /*#__PURE__*/require("./hooks/getPathMaps");
19
20
  var _Combobox2 = /*#__PURE__*/require("./Combobox.styles");
20
21
  var _base = /*#__PURE__*/require("./variations/_view/base");
21
22
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
22
- var _SelectNative = /*#__PURE__*/require("./ui/SelectNative/SelectNative");
23
- var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
23
+ var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "hasPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
24
24
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
25
25
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
26
26
  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); }
@@ -28,7 +28,6 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
28
28
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
29
29
  function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
30
30
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
31
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
32
31
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
33
32
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
34
33
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -42,15 +41,12 @@ var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
42
41
  /**
43
42
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
44
43
  */
45
-
46
44
  var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
47
45
  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
48
46
  var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
49
- var name = props.name,
50
- multiple = props.multiple,
47
+ var multiple = props.multiple,
51
48
  outerValue = props.value,
52
49
  outerOnChange = props.onChange,
53
- defaultValue = props.defaultValue,
54
50
  isTargetAmount = props.isTargetAmount,
55
51
  targetAmount = props.targetAmount,
56
52
  items = props.items,
@@ -72,6 +68,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
72
68
  view = props.view,
73
69
  size = props.size,
74
70
  labelPlacement = props.labelPlacement,
71
+ hasPlaceholder = props.hasPlaceholder,
75
72
  _props$readOnly = props.readOnly,
76
73
  readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
77
74
  _props$disabled = props.disabled,
@@ -157,27 +154,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
157
154
  }
158
155
  }
159
156
  }, floatingPopoverRef);
160
-
161
- // Эта функция срабатывает при изменении Combobox и
162
- // при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).
163
157
  var onChange = function onChange(newValue) {
164
- // Условие для отправки изменений наружу
165
158
  if (outerOnChange) {
166
- // Условие для отправки если комбобокс используется без формы.
167
- if (!name && (typeof newValue === 'string' || Array.isArray(newValue))) {
168
- outerOnChange(newValue);
169
- }
170
-
171
- // Условие для отправки если комбобокс используется с формой.
172
- if (name && _typeof(newValue) === 'object' && !Array.isArray(newValue)) {
173
- outerOnChange(newValue);
174
- }
175
- }
176
-
177
- // Условие для изменения внутреннего значения (только если newValue строка или массив строк).
178
- if (typeof newValue === 'string' || Array.isArray(newValue)) {
179
- setInternalValue(newValue);
159
+ outerOnChange(newValue);
180
160
  }
161
+ setInternalValue(newValue);
181
162
  };
182
163
  var handleClickArrow = function handleClickArrow() {
183
164
  if (disabled || readOnly) {
@@ -380,25 +361,13 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
380
361
  // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
381
362
  // А переменную, содержащую сложные типы данных, нельзя помещать в deps.
382
363
  }, [outerValue, internalValue, items]);
383
- (0, _react.useEffect)(function () {
384
- if (defaultValue) {
385
- setInternalValue(defaultValue);
386
- }
387
- }, [defaultValue]);
388
364
  return /*#__PURE__*/_react["default"].createElement(Root, {
389
365
  size: size,
390
366
  view: view,
391
367
  labelPlacement: labelPlacement,
392
368
  disabled: disabled,
393
- readOnly: readOnly,
394
- name: name
395
- }, name && /*#__PURE__*/_react["default"].createElement(_SelectNative.SelectNative, {
396
- name: name,
397
- value: internalValue,
398
- multiple: multiple,
399
- onChange: onChange,
400
- ref: ref
401
- }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Context.Provider, {
369
+ readOnly: readOnly
370
+ }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Context.Provider, {
402
371
  value: {
403
372
  focusedPath: focusedPath,
404
373
  checked: checked,
@@ -421,13 +390,12 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
421
390
  listWidth: listWidth,
422
391
  target: function target(referenceRef) {
423
392
  return /*#__PURE__*/_react["default"].createElement(_ui.StyledTextField, _extends({
424
- ref: name ? inputRef : inputForkRef,
393
+ ref: inputForkRef,
425
394
  inputWrapperRef: referenceRef,
426
395
  value: textValue,
427
396
  onChange: handleTextValueChange,
428
397
  size: size,
429
398
  view: view,
430
- labelPlacement: labelPlacement,
431
399
  disabled: disabled,
432
400
  readOnly: readOnly,
433
401
  label: label,
@@ -450,6 +418,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
450
418
  "aria-controls": "".concat(treeId, "_tree_level_1"),
451
419
  "aria-expanded": isCurrentListOpen,
452
420
  "aria-activedescendant": activeDescendantItemValue ? (0, _utils3.getItemId)(treeId, activeDescendantItemValue) : ''
421
+ }, labelPlacement === 'inner' ? {
422
+ labelPlacement: labelPlacement,
423
+ hasPlaceholder: hasPlaceholder
424
+ } : {
425
+ labelPlacement: labelPlacement
453
426
  }, multiple ? {
454
427
  enumerationType: 'chip',
455
428
  chips: getChips(),
@@ -465,8 +438,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
465
438
  view: view,
466
439
  labelPlacement: labelPlacement,
467
440
  disabled: disabled,
468
- readOnly: readOnly,
469
- name: name
441
+ readOnly: readOnly
470
442
  }, /*#__PURE__*/_react["default"].createElement(_Combobox2.Ul, {
471
443
  role: "tree",
472
444
  id: "".concat(treeId, "_tree_level_1"),
@@ -17,7 +17,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
17
17
  var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
18
18
  var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
19
19
  var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
20
- var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
20
+ var _excluded = ["className", "opened", "label", "labelPlacement", "hasPlaceholder", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
21
21
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
22
22
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
23
23
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -37,6 +37,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
37
37
  label = _ref.label,
38
38
  _ref$labelPlacement = _ref.labelPlacement,
39
39
  labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
40
+ hasPlaceholder = _ref.hasPlaceholder,
40
41
  placeholder = _ref.placeholder,
41
42
  leftHelper = _ref.leftHelper,
42
43
  contentLeft = _ref.contentLeft,
@@ -174,9 +175,12 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
174
175
  onFocus: onFocus,
175
176
  onBlur: onBlur,
176
177
  onKeyDown: onKeyDown
177
- }, innerLabelPlacement && {
178
+ }, labelPlacement === 'inner' ? {
178
179
  label: label,
179
- labelPlacement: labelPlacement
180
+ labelPlacement: labelPlacement,
181
+ hasPlaceholder: hasPlaceholder
182
+ } : {
183
+ labelPlacement: undefined
180
184
  }));
181
185
  (0, _react.useEffect)(function () {
182
186
  setIsInnerOpen(function (prevOpen) {
@@ -25,9 +25,10 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
25
25
  multiselect = _ref.multiselect,
26
26
  value = _ref.value,
27
27
  label = _ref.label,
28
+ labelPlacement = _ref.labelPlacement,
29
+ hasPlaceholder = _ref.hasPlaceholder,
28
30
  placeholder = _ref.placeholder,
29
31
  onKeyDown = _ref.onKeyDown,
30
- labelPlacement = _ref.labelPlacement,
31
32
  size = _ref.size,
32
33
  view = _ref.view,
33
34
  handleClickArrow = _ref.handleClickArrow,
@@ -89,10 +90,16 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
89
90
  value: multiselect ? undefined : ((_valueToItemMap$get = valueToItemMap.get(value.toString())) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || '',
90
91
  size: size,
91
92
  view: view,
92
- chipView: chipView,
93
+ chipView: chipView
94
+ }, labelPlacement === 'inner' ? {
95
+ label: label,
93
96
  labelPlacement: labelPlacement,
94
- disabled: disabled,
97
+ hasPlaceholder: hasPlaceholder
98
+ } : {
95
99
  label: label,
100
+ labelPlacement: labelPlacement
101
+ }, {
102
+ disabled: disabled,
96
103
  placeholder: value instanceof Array && value.length ? '' : placeholder,
97
104
  contentLeft: contentLeft,
98
105
  contentRight: /*#__PURE__*/_react["default"].createElement(_Textfield.IconArrowWrapper, {
@@ -23,7 +23,7 @@ var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
23
23
  var _ui = /*#__PURE__*/require("./ui");
24
24
  var _hooks2 = /*#__PURE__*/require("./hooks");
25
25
  var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
26
- var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
26
+ var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "hasPlaceholder", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
27
27
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
28
28
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
29
29
  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); }
@@ -48,6 +48,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
48
48
  contentRight = _ref.contentRight,
49
49
  label = _ref.label,
50
50
  labelPlacement = _ref.labelPlacement,
51
+ hasPlaceholder = _ref.hasPlaceholder,
51
52
  textBefore = _ref.textBefore,
52
53
  textAfter = _ref.textAfter,
53
54
  placeholder = _ref.placeholder,
@@ -123,10 +124,10 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
123
124
  var hasLabelValue = Boolean(label);
124
125
  var hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;
125
126
  var hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;
126
- var hasPlaceholder = Boolean(placeholder) && !hasInnerLabel;
127
+ var innerHasPlaceholder = Boolean(placeholder) && (hasPlaceholder || !hasInnerLabel);
127
128
  var innerLabelValue = hasInnerLabel || hasOuterLabel ? label : undefined;
128
129
  var innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;
129
- var innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;
130
+ var innerPlaceholderValue = innerHasPlaceholder ? placeholder : undefined;
130
131
  var placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;
131
132
  var clearClass = clear ? _TextField2.classes.clear : undefined;
132
133
  var hasDividerClass = hasDivider ? _TextField2.classes.hasDivider : undefined;
@@ -134,6 +135,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
134
135
  var requiredPlacementClass = requiredPlacement === 'right' ? _TextField2.classes.requiredAlignRight : undefined;
135
136
  var labelPlacementClass = innerLabelPlacementValue ? _TextField2.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
136
137
  var hasValueClass = hasValue ? _TextField2.classes.hasValue : undefined;
138
+ var hasPlaceholderClass = innerHasPlaceholder && placeholderShown && _TextField2.classes.forcePlaceholder;
137
139
  var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? _TextField2.classes.hasEmptyContentLeft : undefined;
138
140
  var wrapperWithoutRightContent = !contentRight && isChipsVisible ? _TextField2.classes.hasEmptyContentRight : undefined;
139
141
  var hintRef = (0, _hooks.useOutsideClick)(function () {
@@ -342,7 +344,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
342
344
  "aria-labelledby": labelId,
343
345
  "aria-describedby": helperTextId,
344
346
  placeholder: innerPlaceholderValue,
345
- className: (0, _utils.cx)(hasValueClass),
347
+ className: (0, _utils.cx)(hasValueClass, hasPlaceholderClass),
346
348
  disabled: disabled,
347
349
  readOnly: !disabled && readOnly,
348
350
  onInput: handleInput,
@@ -351,7 +353,9 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
351
353
  }, rest)), hasInnerLabel && /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
352
354
  id: labelId,
353
355
  htmlFor: innerId
354
- }, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/_react["default"].createElement(_TextField.InputPlaceholder, null, innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode)), textAfter && /*#__PURE__*/_react["default"].createElement(_TextField.StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_TextField.LeftHelper, {
356
+ }, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/_react["default"].createElement(_TextField.InputPlaceholder, {
357
+ hasPadding: hasPlaceholder && size !== 'xs'
358
+ }, innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode)), textAfter && /*#__PURE__*/_react["default"].createElement(_TextField.StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_TextField.LeftHelper, {
355
359
  id: helperTextId
356
360
  }, leftHelper));
357
361
  });
@@ -31,11 +31,14 @@ var InputContainer = exports.InputContainer = /*#__PURE__*/_styledComponents["de
31
31
  })(["position:relative;flex:1;min-width:60%;"]);
32
32
  var InputPlaceholder = exports.InputPlaceholder = /*#__PURE__*/_styledComponents["default"].div.withConfig({
33
33
  componentId: "plasma-new-hope__sc-g4vxbb-6"
34
- })(["position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");"], _TextField.tokens.placeholderColor);
34
+ })(["position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");padding:", ";"], _TextField.tokens.placeholderColor, function (_ref) {
35
+ var hasPadding = _ref.hasPadding;
36
+ return hasPadding ? "var(".concat(_TextField.tokens.contentLabelInnerPadding, ")") : '0';
37
+ });
35
38
  var OuterLabelWrapper = exports.OuterLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
36
39
  componentId: "plasma-new-hope__sc-g4vxbb-7"
37
- })(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
38
- var isInnerLabel = _ref.isInnerLabel;
40
+ })(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref2) {
41
+ var isInnerLabel = _ref2.isInnerLabel;
39
42
  return isInnerLabel ? "var(".concat(_TextField.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextField.tokens.labelOffset, ")");
40
43
  });
41
44
  var TitleCaption = exports.TitleCaption = /*#__PURE__*/_styledComponents["default"].div.withConfig({
@@ -49,9 +52,9 @@ var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.with
49
52
  })(["display:inline-flex;"]);
50
53
  var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
51
54
  componentId: "plasma-new-hope__sc-g4vxbb-11"
52
- })(["margin:var(", ");color:", ";line-height:0;"], _TextField.tokens.leftContentMargin, function (_ref2) {
53
- var isDefaultView = _ref2.isDefaultView,
54
- isClear = _ref2.isClear;
55
+ })(["margin:var(", ");color:", ";line-height:0;"], _TextField.tokens.leftContentMargin, function (_ref3) {
56
+ var isDefaultView = _ref3.isDefaultView,
57
+ isClear = _ref3.isClear;
55
58
  return !isDefaultView && isClear ? "var(".concat(_TextField.tokens.clearColor, ")") : "var(".concat(_TextField.tokens.contentSlotColor, ")");
56
59
  });
57
60
  var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
@@ -7,6 +7,7 @@ exports.tokens = exports.classes = void 0;
7
7
  var classes = exports.classes = {
8
8
  hasChips: 'has-chips',
9
9
  hasValue: 'has-value',
10
+ forcePlaceholder: 'force-placeholder',
10
11
  hasEmptyContentLeft: 'has-empty-content-left',
11
12
  hasEmptyContentRight: 'has-empty-content-right',
12
13
  innerLabelPlacement: 'label-placement-inner',
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
9
  var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField2.Input, _TextField.classes.forcePlaceholder, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
@@ -353,11 +353,11 @@ const items = [
353
353
 
354
354
  const SingleStory = (args: StorySelectProps) => {
355
355
  const [value, setValue] = useState('');
356
+
356
357
  return (
357
358
  <div style={{ width: '400px' }}>
358
359
  <Combobox
359
360
  {...args}
360
- name="mau"
361
361
  items={items}
362
362
  value={value}
363
363
  onChange={setValue}
@@ -87,6 +87,12 @@ const meta: Meta<typeof TextField> = {
87
87
  type: 'inline-radio',
88
88
  },
89
89
  },
90
+ hasPlaceholder: {
91
+ control: {
92
+ type: 'boolean',
93
+ },
94
+ if: { arg: 'labelPlacement', eq: 'inner' },
95
+ },
90
96
  size: {
91
97
  options: sizes,
92
98
  control: {
@@ -210,6 +216,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
210
216
  view: 'default',
211
217
  label: 'Лейбл',
212
218
  labelPlacement: 'outer',
219
+ hasPlaceholder: false,
213
220
  titleCaption: 'Подпись к полю',
214
221
  textBefore: '',
215
222
  textAfter: '',
@@ -87,6 +87,12 @@ const meta: Meta<typeof TextField> = {
87
87
  type: 'inline-radio',
88
88
  },
89
89
  },
90
+ hasPlaceholder: {
91
+ control: {
92
+ type: 'boolean',
93
+ },
94
+ if: { arg: 'labelPlacement', eq: 'inner' },
95
+ },
90
96
  size: {
91
97
  options: sizes,
92
98
  control: {
@@ -210,6 +216,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
210
216
  view: 'default',
211
217
  label: 'Лейбл',
212
218
  labelPlacement: 'outer',
219
+ hasPlaceholder: false,
213
220
  titleCaption: 'Подпись к полю',
214
221
  textBefore: '',
215
222
  textAfter: '',
@@ -219,11 +226,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
219
226
  readOnly: false,
220
227
  enableContentLeft: true,
221
228
  enableContentRight: true,
222
- clear: false,
223
- hasDivider: false,
224
229
  optional: false,
225
230
  required: false,
226
231
  requiredPlacement: 'right',
232
+ clear: false,
233
+ hasDivider: false,
227
234
  hasHint: true,
228
235
  hintText: 'Текст подсказки',
229
236
  hintTrigger: 'hover',