@salutejs/plasma-new-hope 0.139.0-canary.1417.10695762745.0 → 0.139.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (216) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +16 -12
  2. package/cjs/components/DatePicker/RangeDate/RangeDate.css +16 -12
  3. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -12
  4. package/cjs/components/DatePicker/SingleDate/SingleDate.css +16 -12
  5. package/cjs/components/Range/Range.css +16 -12
  6. package/cjs/components/Slider/Slider.css +16 -12
  7. package/cjs/components/Slider/components/Double/Double.css +16 -12
  8. package/cjs/components/TextArea/TextArea.js +24 -7
  9. package/cjs/components/TextArea/TextArea.js.map +1 -1
  10. package/cjs/components/TextArea/TextArea.styles.js +47 -35
  11. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  12. package/cjs/components/TextArea/TextArea.styles_1fyj8ox.css +11 -0
  13. package/cjs/components/TextArea/TextArea.tokens.js +13 -2
  14. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  15. package/cjs/components/TextField/TextField.js +46 -20
  16. package/cjs/components/TextField/TextField.js.map +1 -1
  17. package/cjs/components/TextField/TextField.styles.js +31 -7
  18. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  19. package/cjs/components/TextField/TextField.styles_u6pm7v.css +14 -0
  20. package/cjs/components/TextField/TextField.tokens.js +10 -1
  21. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  22. package/cjs/components/TextField/TextField_1lzb2r1.css +1 -0
  23. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  24. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  25. package/cjs/components/TextField/variations/_label-placement/base_1dbnupp.css +1 -0
  26. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  27. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  28. package/cjs/components/TextField/variations/_read-only/base_4tqave.css +1 -0
  29. package/cjs/components/TextField/variations/_size/base.js +1 -1
  30. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  31. package/cjs/components/TextField/variations/_size/base_uk56yo.css +1 -0
  32. package/cjs/components/TextField/variations/_view/base.js +1 -1
  33. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  34. package/cjs/components/TextField/variations/_view/{base_18ea6z7.css → base_uszjx8.css} +1 -1
  35. package/cjs/index.css +27 -21
  36. package/emotion/cjs/components/TextArea/TextArea.js +25 -8
  37. package/emotion/cjs/components/TextArea/TextArea.styles.js +27 -19
  38. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
  39. package/emotion/cjs/components/TextArea/TextArea.tokens.js +13 -2
  40. package/emotion/cjs/components/TextArea/variations/_size/tokens.json +7 -1
  41. package/emotion/cjs/components/TextField/TextField.js +50 -24
  42. package/emotion/cjs/components/TextField/TextField.styles.js +57 -25
  43. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +27 -1
  44. package/emotion/cjs/components/TextField/TextField.tokens.js +10 -1
  45. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  46. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  47. package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
  48. package/emotion/cjs/components/TextField/variations/_size/tokens.json +6 -0
  49. package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  50. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -9
  51. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +21 -0
  52. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
  53. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +21 -1
  54. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +9 -9
  55. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +22 -0
  56. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -12
  57. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +22 -0
  58. package/emotion/es/components/TextArea/TextArea.js +26 -9
  59. package/emotion/es/components/TextArea/TextArea.styles.js +27 -19
  60. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -3
  61. package/emotion/es/components/TextArea/TextArea.tokens.js +13 -2
  62. package/emotion/es/components/TextArea/variations/_size/tokens.json +7 -1
  63. package/emotion/es/components/TextField/TextField.js +51 -25
  64. package/emotion/es/components/TextField/TextField.styles.js +56 -24
  65. package/emotion/es/components/TextField/TextField.template-doc.mdx +27 -1
  66. package/emotion/es/components/TextField/TextField.tokens.js +10 -1
  67. package/emotion/es/components/TextField/variations/_label-placement/base.js +2 -2
  68. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  69. package/emotion/es/components/TextField/variations/_size/base.js +2 -2
  70. package/emotion/es/components/TextField/variations/_size/tokens.json +6 -0
  71. package/emotion/es/components/TextField/variations/_view/base.js +2 -2
  72. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -9
  73. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +21 -0
  74. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
  75. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +21 -1
  76. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +9 -9
  77. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +22 -0
  78. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +12 -12
  79. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +22 -0
  80. package/es/components/Autocomplete/Autocomplete.css +16 -12
  81. package/es/components/DatePicker/RangeDate/RangeDate.css +16 -12
  82. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -12
  83. package/es/components/DatePicker/SingleDate/SingleDate.css +16 -12
  84. package/es/components/Range/Range.css +16 -12
  85. package/es/components/Slider/Slider.css +16 -12
  86. package/es/components/Slider/components/Double/Double.css +16 -12
  87. package/es/components/TextArea/TextArea.js +25 -8
  88. package/es/components/TextArea/TextArea.js.map +1 -1
  89. package/es/components/TextArea/TextArea.styles.js +46 -36
  90. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  91. package/es/components/TextArea/TextArea.styles_1fyj8ox.css +11 -0
  92. package/es/components/TextArea/TextArea.tokens.js +13 -2
  93. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  94. package/es/components/TextField/TextField.js +47 -21
  95. package/es/components/TextField/TextField.js.map +1 -1
  96. package/es/components/TextField/TextField.styles.js +28 -8
  97. package/es/components/TextField/TextField.styles.js.map +1 -1
  98. package/es/components/TextField/TextField.styles_u6pm7v.css +14 -0
  99. package/es/components/TextField/TextField.tokens.js +10 -1
  100. package/es/components/TextField/TextField.tokens.js.map +1 -1
  101. package/es/components/TextField/TextField_1lzb2r1.css +1 -0
  102. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  103. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  104. package/es/components/TextField/variations/_label-placement/base_1dbnupp.css +1 -0
  105. package/es/components/TextField/variations/_read-only/base.js +1 -1
  106. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  107. package/es/components/TextField/variations/_read-only/base_4tqave.css +1 -0
  108. package/es/components/TextField/variations/_size/base.js +1 -1
  109. package/es/components/TextField/variations/_size/base.js.map +1 -1
  110. package/es/components/TextField/variations/_size/base_uk56yo.css +1 -0
  111. package/es/components/TextField/variations/_view/base.js +1 -1
  112. package/es/components/TextField/variations/_view/base.js.map +1 -1
  113. package/es/components/TextField/variations/_view/{base_18ea6z7.css → base_uszjx8.css} +1 -1
  114. package/es/index.css +27 -21
  115. package/package.json +4 -4
  116. package/styled-components/cjs/components/TextArea/TextArea.js +24 -7
  117. package/styled-components/cjs/components/TextArea/TextArea.styles.js +17 -11
  118. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -3
  119. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +13 -2
  120. package/styled-components/cjs/components/TextArea/variations/_size/tokens.json +7 -1
  121. package/styled-components/cjs/components/TextField/TextField.js +46 -20
  122. package/styled-components/cjs/components/TextField/TextField.styles.js +22 -10
  123. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +27 -1
  124. package/styled-components/cjs/components/TextField/TextField.tokens.js +10 -1
  125. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  126. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  127. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  128. package/styled-components/cjs/components/TextField/variations/_size/tokens.json +6 -0
  129. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  130. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -7
  131. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +21 -0
  132. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
  133. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +21 -1
  134. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +8 -8
  135. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +22 -0
  136. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +8 -8
  137. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +22 -0
  138. package/styled-components/es/components/TextArea/TextArea.js +25 -8
  139. package/styled-components/es/components/TextArea/TextArea.styles.js +17 -11
  140. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -3
  141. package/styled-components/es/components/TextArea/TextArea.tokens.js +13 -2
  142. package/styled-components/es/components/TextArea/variations/_size/tokens.json +7 -1
  143. package/styled-components/es/components/TextField/TextField.js +47 -21
  144. package/styled-components/es/components/TextField/TextField.styles.js +21 -9
  145. package/styled-components/es/components/TextField/TextField.template-doc.mdx +27 -1
  146. package/styled-components/es/components/TextField/TextField.tokens.js +10 -1
  147. package/styled-components/es/components/TextField/variations/_label-placement/base.js +2 -2
  148. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  149. package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
  150. package/styled-components/es/components/TextField/variations/_size/tokens.json +6 -0
  151. package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
  152. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -7
  153. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +21 -0
  154. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
  155. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +21 -1
  156. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +8 -8
  157. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +22 -0
  158. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +8 -8
  159. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +22 -0
  160. package/types/components/Autocomplete/Autocomplete.d.ts +2 -2
  161. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  162. package/types/components/Autocomplete/Autocomplete.types.d.ts +1 -1
  163. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
  164. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +60 -2
  165. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  166. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +60 -2
  167. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  168. package/types/components/Range/Range.styles.d.ts +60 -2
  169. package/types/components/Range/Range.styles.d.ts.map +1 -1
  170. package/types/components/Slider/components/Double/Double.styles.d.ts +60 -2
  171. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  172. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  173. package/types/components/TextArea/TextArea.styles.d.ts +2 -0
  174. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  175. package/types/components/TextArea/TextArea.tokens.d.ts +11 -0
  176. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  177. package/types/components/TextArea/TextArea.types.d.ts +30 -5
  178. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  179. package/types/components/TextField/TextField.d.ts.map +1 -1
  180. package/types/components/TextField/TextField.styles.d.ts +4 -0
  181. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  182. package/types/components/TextField/TextField.tokens.d.ts +9 -0
  183. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  184. package/types/components/TextField/TextField.types.d.ts +27 -2
  185. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  186. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  187. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  188. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  189. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +1 -1
  190. package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  191. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  192. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +135 -3
  193. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  194. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  195. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +60 -2
  196. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  197. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +1 -1
  198. package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  199. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  200. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +135 -3
  201. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  202. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  203. package/types/examples/plasma_web/components/TextField/TextField.d.ts +60 -2
  204. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  205. package/cjs/components/TextArea/TextArea.styles_1bv40vw.css +0 -9
  206. package/cjs/components/TextField/TextField.styles_9fkr1l.css +0 -10
  207. package/cjs/components/TextField/TextField_wctd2m.css +0 -1
  208. package/cjs/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
  209. package/cjs/components/TextField/variations/_read-only/base_1vu13zn.css +0 -1
  210. package/cjs/components/TextField/variations/_size/base_orwx1f.css +0 -1
  211. package/es/components/TextArea/TextArea.styles_1bv40vw.css +0 -9
  212. package/es/components/TextField/TextField.styles_9fkr1l.css +0 -10
  213. package/es/components/TextField/TextField_wctd2m.css +0 -1
  214. package/es/components/TextField/variations/_label-placement/base_170eaex.css +0 -1
  215. package/es/components/TextField/variations/_read-only/base_1vu13zn.css +0 -1
  216. package/es/components/TextField/variations/_size/base_orwx1f.css +0 -1
@@ -22,6 +22,24 @@ const meta: Meta<typeof TextField> = {
22
22
  component: TextField,
23
23
  decorators: [WithTheme],
24
24
  argTypes: {
25
+ requiredPlacement: {
26
+ options: ['left', 'right'],
27
+ control: {
28
+ type: 'select',
29
+ },
30
+ },
31
+ required: {
32
+ control: {
33
+ type: 'boolean',
34
+ },
35
+ if: { arg: 'optional', truthy: false },
36
+ },
37
+ optional: {
38
+ control: {
39
+ type: 'boolean',
40
+ },
41
+ if: { arg: 'required', truthy: false },
42
+ },
25
43
  view: {
26
44
  options: views,
27
45
  control: {
@@ -113,6 +131,9 @@ export const Default: StoryObj<StoryPropsDefault> = {
113
131
  readOnly: false,
114
132
  enableContentLeft: true,
115
133
  enableContentRight: true,
134
+ optional: false,
135
+ required: false,
136
+ requiredPlacement: 'right',
116
137
  },
117
138
  render: (args) => <StoryDemo {...args} />,
118
139
  };
@@ -133,7 +154,6 @@ type StoryPropsChips = Omit<
133
154
  | 'checked'
134
155
  | 'maxLength'
135
156
  | 'minLength'
136
- | 'required'
137
157
  | 'enumerationType'
138
158
  > & {
139
159
  enableContentLeft: boolean;