@salutejs/plasma-new-hope 0.72.0-dev.0 → 0.73.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (239) hide show
  1. package/cjs/components/TextField/TextField.js +166 -40
  2. package/cjs/components/TextField/TextField.js.map +1 -1
  3. package/cjs/components/TextField/TextField.styles.js +27 -11
  4. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  5. package/cjs/components/TextField/TextField.styles_1b1mddp.css +8 -0
  6. package/cjs/components/TextField/TextField.tokens.js +68 -20
  7. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  8. package/cjs/components/TextField/TextField_wctd2m.css +1 -0
  9. package/cjs/components/TextField/hooks/useKeyNavigation.js +132 -0
  10. package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -0
  11. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
  12. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +38 -0
  13. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
  14. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +26 -0
  15. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
  16. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +1 -0
  17. package/cjs/components/TextField/{_disabled → variations/_disabled}/base.js +2 -2
  18. package/cjs/components/TextField/variations/_disabled/base.js.map +1 -0
  19. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
  20. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
  21. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -0
  22. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/inner.js +2 -2
  23. package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -0
  24. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
  25. package/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +2 -2
  26. package/cjs/components/TextField/variations/_label-placement/outer.js.map +1 -0
  27. package/cjs/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
  28. package/cjs/components/TextField/{_view → variations/_read-only}/base.js +2 -2
  29. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -0
  30. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +1 -0
  31. package/cjs/components/TextField/variations/_size/base.js +9 -0
  32. package/cjs/components/TextField/variations/_size/base.js.map +1 -0
  33. package/cjs/components/TextField/variations/_size/base_1khzr9t.css +1 -0
  34. package/cjs/components/TextField/{_size → variations/_view}/base.js +2 -2
  35. package/cjs/components/TextField/variations/_view/base.js.map +1 -0
  36. package/cjs/components/TextField/variations/_view/base_1qd77x6.css +1 -0
  37. package/cjs/index.css +16 -9
  38. package/cjs/index.js +2 -2
  39. package/es/components/TextField/TextField.js +169 -44
  40. package/es/components/TextField/TextField.js.map +1 -1
  41. package/es/components/TextField/TextField.styles.js +25 -12
  42. package/es/components/TextField/TextField.styles.js.map +1 -1
  43. package/es/components/TextField/TextField.styles_1b1mddp.css +8 -0
  44. package/es/components/TextField/TextField.tokens.js +68 -21
  45. package/es/components/TextField/TextField.tokens.js.map +1 -1
  46. package/es/components/TextField/TextField_wctd2m.css +1 -0
  47. package/es/components/TextField/hooks/useKeyNavigation.js +127 -0
  48. package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -0
  49. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +19 -0
  50. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +34 -0
  51. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -0
  52. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +22 -0
  53. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -0
  54. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles_1y8n7la.css +1 -0
  55. package/es/components/TextField/variations/_disabled/base.js +5 -0
  56. package/es/components/TextField/variations/_disabled/base.js.map +1 -0
  57. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +1 -0
  58. package/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +1 -1
  59. package/es/components/TextField/variations/_label-placement/base.js.map +1 -0
  60. package/es/components/TextField/variations/_label-placement/inner.js +5 -0
  61. package/es/components/TextField/variations/_label-placement/inner.js.map +1 -0
  62. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +1 -0
  63. package/es/components/TextField/variations/_label-placement/outer.js +5 -0
  64. package/es/components/TextField/variations/_label-placement/outer.js.map +1 -0
  65. package/es/components/TextField/variations/_label-placement/outer_is41nj.css +1 -0
  66. package/es/components/TextField/variations/_read-only/base.js +5 -0
  67. package/es/components/TextField/variations/_read-only/base.js.map +1 -0
  68. package/es/components/TextField/variations/_read-only/base_134hshp.css +1 -0
  69. package/es/components/TextField/variations/_size/base.js +5 -0
  70. package/es/components/TextField/variations/_size/base.js.map +1 -0
  71. package/es/components/TextField/variations/_size/base_1khzr9t.css +1 -0
  72. package/es/components/TextField/{_disabled → variations/_view}/base.js +2 -2
  73. package/es/components/TextField/variations/_view/base.js.map +1 -0
  74. package/es/components/TextField/variations/_view/base_1qd77x6.css +1 -0
  75. package/es/index.css +16 -9
  76. package/es/index.js +2 -2
  77. package/package.json +2 -2
  78. package/styled-components/cjs/components/TextField/TextField.js +173 -43
  79. package/styled-components/cjs/components/TextField/TextField.styles.js +18 -10
  80. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +24 -0
  81. package/styled-components/cjs/components/TextField/TextField.tokens.js +68 -21
  82. package/styled-components/cjs/components/TextField/hooks/index.js +12 -0
  83. package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +138 -0
  84. package/styled-components/cjs/components/TextField/index.js +2 -2
  85. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +39 -0
  86. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +25 -0
  87. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +5 -0
  88. package/styled-components/cjs/components/TextField/ui/index.js +12 -0
  89. package/styled-components/cjs/components/TextField/variations/_disabled/base.js +10 -0
  90. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +10 -0
  91. package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/outer.js +3 -3
  92. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +10 -0
  93. package/styled-components/cjs/components/TextField/variations/_read-only/tokens.json +1 -0
  94. package/styled-components/cjs/components/TextField/variations/_size/base.js +10 -0
  95. package/styled-components/cjs/components/TextField/variations/_view/base.js +10 -0
  96. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +43 -0
  97. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.js +11 -0
  98. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +181 -0
  99. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +40 -0
  100. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.js +11 -0
  101. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +181 -0
  102. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.config.js +43 -0
  103. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.js +11 -0
  104. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +181 -0
  105. package/styled-components/es/components/TextField/TextField.js +177 -47
  106. package/styled-components/es/components/TextField/TextField.styles.js +17 -9
  107. package/styled-components/es/components/TextField/TextField.template-doc.mdx +24 -0
  108. package/styled-components/es/components/TextField/TextField.tokens.js +67 -20
  109. package/styled-components/es/components/TextField/hooks/index.js +1 -0
  110. package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +132 -0
  111. package/styled-components/es/components/TextField/index.js +2 -2
  112. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +30 -0
  113. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +19 -0
  114. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.types.js +1 -0
  115. package/styled-components/es/components/TextField/ui/index.js +1 -0
  116. package/styled-components/es/components/TextField/variations/_disabled/base.js +4 -0
  117. package/styled-components/es/components/TextField/variations/_label-placement/inner.js +4 -0
  118. package/styled-components/es/components/TextField/variations/_label-placement/outer.js +4 -0
  119. package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -0
  120. package/styled-components/es/components/TextField/variations/_read-only/tokens.json +1 -0
  121. package/styled-components/es/components/TextField/variations/_size/base.js +4 -0
  122. package/styled-components/es/components/TextField/variations/_view/base.js +4 -0
  123. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +37 -0
  124. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.js +5 -0
  125. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +181 -0
  126. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +34 -0
  127. package/styled-components/es/examples/plasma_web/components/TextField/TextField.js +5 -0
  128. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +181 -0
  129. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.config.js +37 -0
  130. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.js +5 -0
  131. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +181 -0
  132. package/types/components/TextField/TextField.d.ts +8 -3
  133. package/types/components/TextField/TextField.d.ts.map +1 -1
  134. package/types/components/TextField/TextField.styles.d.ts +6 -3
  135. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  136. package/types/components/TextField/TextField.tokens.d.ts +57 -8
  137. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  138. package/types/components/TextField/TextField.types.d.ts +71 -6
  139. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  140. package/types/components/TextField/hooks/index.d.ts +2 -0
  141. package/types/components/TextField/hooks/index.d.ts.map +1 -0
  142. package/types/components/TextField/hooks/useKeyNavigation.d.ts +17 -0
  143. package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -0
  144. package/types/components/TextField/index.d.ts +3 -2
  145. package/types/components/TextField/index.d.ts.map +1 -1
  146. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +7 -0
  147. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -0
  148. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +3 -0
  149. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -0
  150. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts +37 -0
  151. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map +1 -0
  152. package/types/components/TextField/ui/index.d.ts +2 -0
  153. package/types/components/TextField/ui/index.d.ts.map +1 -0
  154. package/types/components/TextField/variations/_disabled/base.d.ts.map +1 -0
  155. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -0
  156. package/types/components/TextField/variations/_label-placement/index.d.ts.map +1 -0
  157. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -0
  158. package/types/components/TextField/variations/_label-placement/outer.d.ts.map +1 -0
  159. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -0
  160. package/types/components/TextField/variations/_size/base.d.ts.map +1 -0
  161. package/types/components/TextField/variations/_view/base.d.ts +2 -0
  162. package/types/components/TextField/variations/_view/base.d.ts.map +1 -0
  163. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +32 -0
  164. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -0
  165. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +60 -0
  166. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -0
  167. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +32 -0
  168. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -0
  169. package/types/examples/plasma_web/components/TextField/TextField.d.ts +60 -0
  170. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -0
  171. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts +32 -0
  172. package/types/examples/sds_engineer/components/TextField/TextField.config.d.ts.map +1 -0
  173. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +60 -0
  174. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -0
  175. package/cjs/components/TextField/TextField.styles_2qw1n8.css +0 -5
  176. package/cjs/components/TextField/TextField_1lzb2r1.css +0 -1
  177. package/cjs/components/TextField/_disabled/base.js.map +0 -1
  178. package/cjs/components/TextField/_disabled/base_so3w81.css +0 -1
  179. package/cjs/components/TextField/_label-placement/base.js.map +0 -1
  180. package/cjs/components/TextField/_label-placement/inner.js.map +0 -1
  181. package/cjs/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
  182. package/cjs/components/TextField/_label-placement/outer.js.map +0 -1
  183. package/cjs/components/TextField/_label-placement/outer_19ekaek.css +0 -1
  184. package/cjs/components/TextField/_size/base.js.map +0 -1
  185. package/cjs/components/TextField/_size/base_b5smyu.css +0 -1
  186. package/cjs/components/TextField/_view/base.js.map +0 -1
  187. package/cjs/components/TextField/_view/base_5bqzed.css +0 -1
  188. package/es/components/TextField/TextField.styles_2qw1n8.css +0 -5
  189. package/es/components/TextField/TextField_1lzb2r1.css +0 -1
  190. package/es/components/TextField/_disabled/base.js.map +0 -1
  191. package/es/components/TextField/_disabled/base_so3w81.css +0 -1
  192. package/es/components/TextField/_label-placement/base.js.map +0 -1
  193. package/es/components/TextField/_label-placement/inner.js +0 -5
  194. package/es/components/TextField/_label-placement/inner.js.map +0 -1
  195. package/es/components/TextField/_label-placement/inner_1tyuicp.css +0 -1
  196. package/es/components/TextField/_label-placement/outer.js +0 -5
  197. package/es/components/TextField/_label-placement/outer.js.map +0 -1
  198. package/es/components/TextField/_label-placement/outer_19ekaek.css +0 -1
  199. package/es/components/TextField/_size/base.js +0 -5
  200. package/es/components/TextField/_size/base.js.map +0 -1
  201. package/es/components/TextField/_size/base_b5smyu.css +0 -1
  202. package/es/components/TextField/_view/base.js +0 -5
  203. package/es/components/TextField/_view/base.js.map +0 -1
  204. package/es/components/TextField/_view/base_5bqzed.css +0 -1
  205. package/styled-components/cjs/components/TextField/_disabled/base.js +0 -9
  206. package/styled-components/cjs/components/TextField/_label-placement/inner.js +0 -10
  207. package/styled-components/cjs/components/TextField/_size/base.js +0 -10
  208. package/styled-components/cjs/components/TextField/_view/base.js +0 -10
  209. package/styled-components/es/components/TextField/_disabled/base.js +0 -3
  210. package/styled-components/es/components/TextField/_label-placement/inner.js +0 -4
  211. package/styled-components/es/components/TextField/_label-placement/outer.js +0 -4
  212. package/styled-components/es/components/TextField/_size/base.js +0 -4
  213. package/styled-components/es/components/TextField/_view/base.js +0 -4
  214. package/types/components/TextField/_disabled/base.d.ts.map +0 -1
  215. package/types/components/TextField/_label-placement/base.d.ts.map +0 -1
  216. package/types/components/TextField/_label-placement/index.d.ts.map +0 -1
  217. package/types/components/TextField/_label-placement/inner.d.ts.map +0 -1
  218. package/types/components/TextField/_label-placement/outer.d.ts.map +0 -1
  219. package/types/components/TextField/_size/base.d.ts.map +0 -1
  220. package/types/components/TextField/_view/base.d.ts.map +0 -1
  221. /package/cjs/components/TextField/{_label-placement → variations/_label-placement}/base_x642ct.css +0 -0
  222. /package/es/components/TextField/{_label-placement → variations/_label-placement}/base_x642ct.css +0 -0
  223. /package/styled-components/cjs/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
  224. /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
  225. /package/styled-components/cjs/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
  226. /package/styled-components/cjs/components/TextField/{_size → variations/_size}/tokens.json +0 -0
  227. /package/styled-components/cjs/components/TextField/{_view → variations/_view}/tokens.json +0 -0
  228. /package/styled-components/es/components/TextField/{_disabled → variations/_disabled}/tokens.json +0 -0
  229. /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/base.js +0 -0
  230. /package/styled-components/es/components/TextField/{_label-placement → variations/_label-placement}/index.js +0 -0
  231. /package/styled-components/es/components/TextField/{_size → variations/_size}/tokens.json +0 -0
  232. /package/styled-components/es/components/TextField/{_view → variations/_view}/tokens.json +0 -0
  233. /package/types/components/TextField/{_disabled → variations/_disabled}/base.d.ts +0 -0
  234. /package/types/components/TextField/{_label-placement → variations/_label-placement}/base.d.ts +0 -0
  235. /package/types/components/TextField/{_label-placement → variations/_label-placement}/index.d.ts +0 -0
  236. /package/types/components/TextField/{_label-placement → variations/_label-placement}/inner.d.ts +0 -0
  237. /package/types/components/TextField/{_label-placement → variations/_label-placement}/outer.d.ts +0 -0
  238. /package/types/components/TextField/{_size → variations/_read-only}/base.d.ts +0 -0
  239. /package/types/components/TextField/{_view → variations/_size}/base.d.ts +0 -0
@@ -0,0 +1,37 @@
1
+ import { css } from 'styled-components';
2
+ import { textFieldTokens as tokens, textField_labelPlacement_inner as labelPlacement_inner, textField_labelPlacement_outer as labelPlacement_outer } from '../../../../components/TextField';
3
+ export var config = {
4
+ defaults: {
5
+ view: 'default',
6
+ size: 'l',
7
+ labelPlacement: 'outer'
8
+ },
9
+ variations: {
10
+ view: {
11
+ "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor),
12
+ // TODO заменить --surface-transparent-positive на корректный токен
13
+ positive: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor),
14
+ // // TODO заменить --surface-transparent-warning на корректный токен
15
+ warning: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor),
16
+ // // TODO заменить --surface-transparent-negative на корректный токен
17
+ negative: /*#__PURE__*/css(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], tokens.color, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor)
18
+ },
19
+ size: {
20
+ l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
21
+ m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
22
+ s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight),
23
+ xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight)
24
+ },
25
+ labelPlacement: {
26
+ inner: [labelPlacement_inner, /*#__PURE__*/css(["&.", "{", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);}"], labelPlacement_inner, tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight)],
27
+ outer: [labelPlacement_outer, /*#__PURE__*/css(["&.", "{}"], labelPlacement_outer)]
28
+ },
29
+ disabled: {
30
+ "true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
31
+ },
32
+ // TODO заменить --surface-transparent-primary на корректный токен
33
+ readOnly: {
34
+ "true": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColorReadOnly)
35
+ }
36
+ }
37
+ };
@@ -0,0 +1,5 @@
1
+ import { component, mergeConfig } from '../../../../engines';
2
+ import { textFieldConfig } from '../../../../components/TextField';
3
+ import { config } from './TextField.config';
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig, config);
5
+ export var TextField = /*#__PURE__*/component(mergedConfig);
@@ -0,0 +1,181 @@
1
+ import React, { ComponentProps, useState } from 'react';
2
+ import type { StoryObj, Meta } from '@storybook/react';
3
+ import { action } from '@storybook/addon-actions';
4
+ import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
5
+
6
+ import { WithTheme } from '../../../_helpers';
7
+
8
+ import { TextField } from './TextField';
9
+
10
+ const onChange = action('onChange');
11
+ const onFocus = action('onFocus');
12
+ const onBlur = action('onBlur');
13
+ const onSearch = action('onSearch');
14
+ const onChipsChange = action('onChipsChange');
15
+
16
+ const sizes = ['l', 'm', 's', 'xs'];
17
+ const views = ['default', 'positive', 'warning', 'negative'];
18
+ const labelPlacements = ['outer', 'inner'];
19
+
20
+ const meta: Meta<typeof TextField> = {
21
+ title: 'sds_engineer/TextField',
22
+ component: TextField,
23
+ decorators: [WithTheme],
24
+ argTypes: {
25
+ view: {
26
+ options: views,
27
+ control: {
28
+ type: 'select',
29
+ },
30
+ },
31
+ maxLength: {
32
+ control: {
33
+ type: 'number',
34
+ },
35
+ },
36
+ labelPlacement: {
37
+ options: labelPlacements,
38
+ control: {
39
+ type: 'inline-radio',
40
+ },
41
+ },
42
+ size: {
43
+ options: sizes,
44
+ control: {
45
+ type: 'inline-radio',
46
+ },
47
+ },
48
+ },
49
+ };
50
+
51
+ export default meta;
52
+
53
+ type StoryPropsDefault = Omit<
54
+ ComponentProps<typeof TextField>,
55
+ | 'helperBlock'
56
+ | 'contentLeft'
57
+ | 'htmlSize'
58
+ | 'contentRight'
59
+ | 'type'
60
+ | 'name'
61
+ | 'onFocus'
62
+ | 'onBlur'
63
+ | 'onChange'
64
+ | 'value'
65
+ | 'checked'
66
+ | 'maxLength'
67
+ | 'minLength'
68
+ | 'required'
69
+ | 'enumerationType'
70
+ | 'chips'
71
+ | 'onChangeChips'
72
+ > & {
73
+ 'storybook:contentLeft': boolean;
74
+ 'storybook:contentRight': boolean;
75
+ };
76
+
77
+ const StoryDemo = ({
78
+ 'storybook:contentLeft': enableContentLeft,
79
+ 'storybook:contentRight': enableContentRight,
80
+ view,
81
+ ...rest
82
+ }: StoryPropsDefault) => {
83
+ const [text, setText] = useState('Значение поля');
84
+
85
+ const iconSize = rest.size === 'xs' ? 'xs' : 's';
86
+
87
+ return (
88
+ <TextField
89
+ {...rest}
90
+ enumerationType="plain"
91
+ value={text}
92
+ contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
93
+ contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
94
+ view={view}
95
+ onChange={(e) => {
96
+ setText(e.target.value);
97
+ onChange(e.target.value);
98
+ }}
99
+ onFocus={onFocus}
100
+ onBlur={onBlur}
101
+ onSearch={onSearch}
102
+ />
103
+ );
104
+ };
105
+
106
+ export const Default: StoryObj<StoryPropsDefault> = {
107
+ args: {
108
+ id: 'example-text-field',
109
+ size: 'l',
110
+ view: 'default',
111
+ label: 'Лейбл',
112
+ labelPlacement: 'outer',
113
+ placeholder: 'Заполните поле',
114
+ leftHelper: 'Подсказка к полю',
115
+ disabled: false,
116
+ readOnly: false,
117
+ 'storybook:contentLeft': true,
118
+ 'storybook:contentRight': true,
119
+ },
120
+ render: (args) => <StoryDemo {...args} />,
121
+ };
122
+
123
+ type StoryPropsChips = Omit<
124
+ ComponentProps<typeof TextField>,
125
+ | 'helperBlock'
126
+ | 'contentLeft'
127
+ | 'htmlSize'
128
+ | 'contentRight'
129
+ | 'type'
130
+ | 'name'
131
+ | 'onFocus'
132
+ | 'onBlur'
133
+ | 'onChange'
134
+ | 'onSearch'
135
+ | 'value'
136
+ | 'checked'
137
+ | 'maxLength'
138
+ | 'minLength'
139
+ | 'required'
140
+ | 'enumerationType'
141
+ > & {
142
+ 'storybook:contentLeft': boolean;
143
+ 'storybook:contentRight': boolean;
144
+ };
145
+
146
+ const StoryChips = ({
147
+ 'storybook:contentLeft': enableContentLeft,
148
+ 'storybook:contentRight': enableContentRight,
149
+ view,
150
+ ...rest
151
+ }: StoryPropsChips) => {
152
+ const [text, setText] = useState('Значение поля');
153
+
154
+ const iconSize = rest.size === 'xs' ? 'xs' : 's';
155
+
156
+ return (
157
+ <TextField
158
+ {...rest}
159
+ enumerationType="chip"
160
+ value={text}
161
+ contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
162
+ contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
163
+ view={view}
164
+ onChange={(e) => {
165
+ setText(e.target.value);
166
+ onChange(e.target.value);
167
+ }}
168
+ onFocus={onFocus}
169
+ onBlur={onBlur}
170
+ onChangeChips={onChipsChange}
171
+ />
172
+ );
173
+ };
174
+
175
+ export const Chips: StoryObj<StoryPropsChips> = {
176
+ args: {
177
+ ...Default.args,
178
+ chips: ['1 value', '2 value', '3 value', '4 value'],
179
+ },
180
+ render: (args) => <StoryChips {...args} />,
181
+ };
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
- import type { LabelHTMLAttributes } from 'react';
3
2
  import type { RootProps } from '../../engines';
4
3
  import type { TextFieldProps } from './TextField.types';
5
- export declare const textFieldRoot: (Root: RootProps<HTMLInputElement, TextFieldProps & LabelHTMLAttributes<HTMLLabelElement>>) => React.ForwardRefExoticComponent<import("../../engines/types").Filter<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("./TextField.types").TextFieldPropsVariations & React.RefAttributes<HTMLInputElement>>;
4
+ export declare const base: import("@linaria/core").LinariaClassName;
5
+ export declare const textFieldRoot: (Root: RootProps<HTMLDivElement, TextFieldProps>) => React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLDivElement>>;
6
6
  export declare const textFieldConfig: {
7
7
  name: string;
8
8
  tag: string;
9
- layout: (Root: RootProps<HTMLInputElement, TextFieldProps & LabelHTMLAttributes<HTMLLabelElement>>) => React.ForwardRefExoticComponent<import("../../engines/types").Filter<React.InputHTMLAttributes<HTMLInputElement>, "size"> & import("./TextField.types").TextFieldPropsVariations & React.RefAttributes<HTMLInputElement>>;
9
+ layout: (Root: RootProps<HTMLDivElement, TextFieldProps>) => React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLDivElement>>;
10
10
  base: import("@linaria/core").LinariaClassName;
11
11
  variations: {
12
12
  view: {
@@ -19,12 +19,17 @@ export declare const textFieldConfig: {
19
19
  css: import("@linaria/core").LinariaClassName;
20
20
  attrs: boolean;
21
21
  };
22
+ readOnly: {
23
+ css: import("@linaria/core").LinariaClassName;
24
+ attrs: boolean;
25
+ };
22
26
  labelPlacement: {
23
27
  css: import("@linaria/core").LinariaClassName;
24
28
  };
25
29
  };
26
30
  defaults: {
27
31
  size: string;
32
+ view: string;
28
33
  };
29
34
  };
30
35
  //# sourceMappingURL=TextField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAA4C,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAI3F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAYxD,eAAO,MAAM,aAAa,SAChB,UAAU,gBAAgB,EAAE,cAAc,GAAG,oBAAoB,gBAAgB,CAAC,CAAC,8NAoEvF,CAAC;AAEP,eAAO,MAAM,eAAe;;;mBAtElB,UAAU,gBAAgB,EAAE,cAAc,GAAG,oBAAoB,gBAAgB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;CA6F5F,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAuC,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAoB7F,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,0FAgMxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAlMQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CA8N5E,CAAC"}
@@ -1,7 +1,10 @@
1
1
  /// <reference types="react" />
2
- export declare const Input: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
3
- export declare const InputLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
2
  export declare const InputWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
- export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
+ export declare const InputLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
+ export declare const StyledChips: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
+ export declare const Input: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
6
+ export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
7
+ export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
8
+ export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
9
  export declare const LeftHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
7
10
  //# sourceMappingURL=TextField.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAGF,eAAO,MAAM,YAAY,qKAUxB,CAAC;AAEF,eAAO,MAAM,KAAK,qKAAe,CAAC;AAElC,eAAO,MAAM,UAAU,qKAAe,CAAC"}
1
+ {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KASjB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAAiB,CAAC;AAEpC,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAE9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC"}
@@ -1,29 +1,41 @@
1
+ export declare const classes: {
2
+ hasChips: string;
3
+ hasEmptyContentLeft: string;
4
+ hasEmptyContentRight: string;
5
+ };
1
6
  export declare const tokens: {
2
7
  color: string;
3
8
  backgroundColor: string;
4
9
  backgroundColorHover: string;
5
10
  backgroundColorFocus: string;
6
- /** Цвет каретки */
7
- caretColor: string;
8
- placeholderColor: string;
9
11
  borderColor: string;
10
12
  borderColorHover: string;
11
13
  borderColorFocus: string;
14
+ /** Цвета для read-only состояния */
15
+ colorReadOnly: string;
16
+ backgroundColorReadOnly: string;
17
+ borderColorReadOnly: string;
18
+ placeholderColorReadOnly: string;
19
+ /** Цвет каретки */
20
+ caretColor: string;
21
+ placeholderColor: string;
12
22
  height: string;
13
23
  borderWidth: string;
14
24
  borderRadius: string;
15
- /** отступ от границы ТextField */
25
+ /** Отступ от границы ТextField */
16
26
  padding: string;
17
- paddingWithContent: string;
18
- contentOffset: string;
27
+ paddingWithChips: string;
28
+ leftContentMargin: string;
29
+ rightContentMargin: string;
19
30
  fontFamily: string;
20
31
  fontStyle: string;
21
32
  fontSize: string;
22
33
  fontWeight: string;
23
34
  letterSpacing: string;
24
35
  lineHeight: string;
25
- /** Цвет подписи */
36
+ /** Токены лейбла */
26
37
  labelColor: string;
38
+ labelColorReadOnly: string;
27
39
  labelOffset: string;
28
40
  labelFontFamily: string;
29
41
  labelFontStyle: string;
@@ -37,7 +49,10 @@ export declare const tokens: {
37
49
  labelInnerFontWeight: string;
38
50
  labelInnerLetterSpacing: string;
39
51
  labelInnerLineHeight: string;
52
+ labelInnerPadding: string;
53
+ contentLabelInnerPadding: string;
40
54
  leftHelperColor: string;
55
+ leftHelperColorReadOnly: string;
41
56
  leftHelperOffset: string;
42
57
  leftHelperFontFamily: string;
43
58
  leftHelperFontStyle: string;
@@ -45,8 +60,42 @@ export declare const tokens: {
45
60
  leftHelperFontWeight: string;
46
61
  leftHelperLetterSpacing: string;
47
62
  leftHelperLineHeight: string;
48
- contentColor: string;
49
63
  /** Прозрачность для всего компонента в состоянии disabled */
50
64
  disabledOpacity: string;
65
+ /** Токены чипа */
66
+ chipHeight: string;
67
+ chipBorderRadius: string;
68
+ chipGap: string;
69
+ chipBackground: string;
70
+ chipColor: string;
71
+ chipBackgroundHover: string;
72
+ chipColorHover: string;
73
+ chipScaleHover: string;
74
+ chipBackgroundReadOnly: string;
75
+ chipColorReadOnly: string;
76
+ chipBackgroundReadOnlyHover: string;
77
+ chipColorReadOnlyHover: string;
78
+ chipBackgroundActive: string;
79
+ chipColorActive: string;
80
+ chipScaleActive: string;
81
+ chipFocusColor: string;
82
+ chipCloseIconColor: string;
83
+ chipOutlineSize: string;
84
+ chipWidth: string;
85
+ chipPaddingTop: string;
86
+ chipPaddingRight: string;
87
+ chipPaddingBottom: string;
88
+ chipPaddingLeft: string;
89
+ chipCloseIconSize: string;
90
+ chipFontFamily: string;
91
+ chipFontSize: string;
92
+ chipFontStyle: string;
93
+ chipFontWeight: string;
94
+ chipLetterSpacing: string;
95
+ chipLineHeight: string;
96
+ chipClearContentMarginLeft: string;
97
+ chipClearContentMarginRight: string;
98
+ chipOpacityReadonly: string;
99
+ focusColor: string;
51
100
  };
52
101
  //# sourceMappingURL=TextField.tokens.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;IAKf,mBAAmB;;;;;;;;;IAUnB,kCAAkC;;;;;;;;;;IAelC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;IAgCnB,6DAA6D;;CAEhE,CAAC"}
1
+ {"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;IAWf,oCAAoC;;;;;IAMpC,mBAAmB;;;;;;IAQnB,kCAAkC;;;;;;;;;;;IAelC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkCpB,6DAA6D;;IAG7D,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCrB,CAAC"}
@@ -1,6 +1,48 @@
1
- import type { InputHTMLAttributes, KeyboardEvent } from 'react';
2
- import type { Filter } from '../../engines/types';
3
- export interface TextFieldPropsBase {
1
+ import type { MutableRefObject, InputHTMLAttributes, KeyboardEvent, ChangeEvent } from 'react';
2
+ export declare type TextFieldPrimitiveValue = string | number | boolean;
3
+ export declare type ChipValues = {
4
+ id: string;
5
+ text: TextFieldPrimitiveValue;
6
+ };
7
+ export declare type EnumerationType = 'plain' | 'chip';
8
+ declare type TextFieldChipProps = {
9
+ /**
10
+ * Выбранные значения.
11
+ */
12
+ chips?: never;
13
+ /**
14
+ * Обработчик изменения выбранных значений.
15
+ */
16
+ onChangeChips?: never;
17
+ /**
18
+ * Тип перечисления значений.
19
+ * Варианты: plain, chip
20
+ */
21
+ enumerationType?: 'plain';
22
+ /**
23
+ * Callback по нажатию Enter
24
+ */
25
+ onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
26
+ } | {
27
+ /**
28
+ * Тип перечисления значений.
29
+ * Варианты: plain, chip
30
+ */
31
+ enumerationType: 'chip';
32
+ /**
33
+ * Callback по нажатию Enter
34
+ */
35
+ onSearch?: never;
36
+ /**
37
+ * Выбранные значения.
38
+ */
39
+ chips?: Array<TextFieldPrimitiveValue>;
40
+ /**
41
+ * Обработчик изменения выбранных значений.
42
+ */
43
+ onChangeChips?: (value: Array<TextFieldPrimitiveValue>) => void;
44
+ };
45
+ export declare type TextFieldPropsBase = {
4
46
  /**
5
47
  * Метка-подпись к элементу
6
48
  */
@@ -25,8 +67,8 @@ export interface TextFieldPropsBase {
25
67
  * Callback по нажатию Enter
26
68
  */
27
69
  onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
28
- }
29
- export interface TextFieldPropsVariations extends TextFieldPropsBase {
70
+ } & TextFieldChipProps;
71
+ export declare type TextFieldProps = {
30
72
  /**
31
73
  * Размер контрола.
32
74
  */
@@ -35,6 +77,29 @@ export interface TextFieldPropsVariations extends TextFieldPropsBase {
35
77
  * Вид контрола.
36
78
  */
37
79
  view?: string;
80
+ /**
81
+ * Компонент доступен только для чтения.
82
+ */
83
+ readOnly?: boolean;
84
+ /**
85
+ * Компонент неактивен.
86
+ */
87
+ disabled?: boolean;
88
+ } & TextFieldPropsBase & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
89
+ export interface ControlledRefs {
90
+ chipsRefs: MutableRefObject<Array<HTMLButtonElement>>;
91
+ inputRef?: MutableRefObject<HTMLInputElement | null>;
92
+ contentRef?: MutableRefObject<HTMLDivElement | null>;
93
+ }
94
+ export interface UseKeyNavigationProps {
95
+ controlledRefs: ControlledRefs;
96
+ disabled: boolean;
97
+ readOnly: boolean;
98
+ chips: Array<ChipValues>;
99
+ enumerationType: EnumerationType;
100
+ updateChips: (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => void;
101
+ onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
102
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
38
103
  }
39
- export declare type TextFieldProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & TextFieldPropsVariations;
104
+ export {};
40
105
  //# sourceMappingURL=TextField.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC/E;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAChE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,cAAc,GAAG,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG,wBAAwB,CAAC"}
1
+ {"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE/F,oBAAY,uBAAuB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhE,oBAAY,UAAU,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,uBAAuB,CAAC;CACjC,CAAC;AAEF,oBAAY,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/C,aAAK,kBAAkB,GACjB;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC/E,GACD;IACI;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC;IACvC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CACnE,CAAC;AAER,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC/E,GAAG,kBAAkB,CAAC;AAEvB,oBAAY,cAAc,GAAG;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,kBAAkB,GAClB,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAExD,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,qBAAqB;IAClC,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,eAAe,EAAE,eAAe,CAAC;IACjC,WAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7D"}
@@ -0,0 +1,2 @@
1
+ export { useKeyNavigation } from './useKeyNavigation';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
@@ -0,0 +1,17 @@
1
+ import type { ChangeEvent, KeyboardEvent } from 'react';
2
+ import type { UseKeyNavigationProps } from '../TextField.types';
3
+ export declare const Keys: {
4
+ Enter: string;
5
+ Tab: string;
6
+ Escape: string;
7
+ ArrowLeft: string;
8
+ ArrowRight: string;
9
+ Backspace: string;
10
+ };
11
+ export declare const useKeyNavigation: ({ controlledRefs: { chipsRefs, contentRef, inputRef }, disabled, readOnly, chips, enumerationType, updateChips, onChange, onSearch, }: UseKeyNavigationProps) => {
12
+ readonly handleInputKeydown: (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => void;
13
+ readonly handleChipKeyDown: (event: KeyboardEvent<HTMLButtonElement>, chipId: string, chipIndex: number) => void;
14
+ readonly onChipClear: (clearId: string, index: number) => void;
15
+ readonly handleContentKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
16
+ };
17
+ //# sourceMappingURL=useKeyNavigation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useKeyNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,0IAS1B,qBAAqB;yCAGe,YAAY,gBAAgB,CAAC,GAAG,cAAc,gBAAgB,CAAC;wCA6ChE,cAAc,iBAAiB,CAAC,UAAU,MAAM,aAAa,MAAM;oCAZvE,MAAM,SAAS,MAAM;2CAsBd,cAAc,cAAc,CAAC;CAkDrE,CAAC"}
@@ -1,5 +1,6 @@
1
- export { labelPlacement_inner as textField_labelPlacement_inner } from './_label-placement/inner';
2
- export { labelPlacement_outer as textField_labelPlacement_outer } from './_label-placement/outer';
1
+ export { labelPlacement_inner as textField_labelPlacement_inner } from './variations/_label-placement/inner';
2
+ export { labelPlacement_outer as textField_labelPlacement_outer } from './variations/_label-placement/outer';
3
3
  export { textFieldRoot, textFieldConfig } from './TextField';
4
4
  export { tokens as textFieldTokens } from './TextField.tokens';
5
+ export type { TextFieldProps } from './TextField.types';
5
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAClG,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAElG,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAC7G,OAAO,EAAE,oBAAoB,IAAI,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAE7G,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import type { TextFieldChipProps } from './TextFieldChip.types';
3
+ /**
4
+ * Чип, отображающий выбранный элемент
5
+ */
6
+ export declare const TextFieldChip: React.ForwardRefExoticComponent<TextFieldChipProps & React.RefAttributes<HTMLButtonElement>>;
7
+ //# sourceMappingURL=TextFieldChip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextFieldChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,aAAa,8FAqBzB,CAAC"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("../../../Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
3
+ //# sourceMappingURL=TextFieldChip.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextFieldChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU,6PA2CtB,CAAC"}
@@ -0,0 +1,37 @@
1
+ /// <reference types="react" />
2
+ import type { TextFieldPrimitiveValue } from '../../TextField.types';
3
+ export interface TextFieldChipProps {
4
+ /**
5
+ * ID для чипа.
6
+ */
7
+ id: string;
8
+ /**
9
+ * Отображаемый текст.
10
+ */
11
+ text: TextFieldPrimitiveValue;
12
+ /**
13
+ * Выбранное значение.
14
+ */
15
+ value: TextFieldPrimitiveValue;
16
+ /**
17
+ * Компонент неактивен
18
+ */
19
+ disabled?: boolean;
20
+ /**
21
+ * Элемент формы не может изменяться пользователем
22
+ */
23
+ readOnly?: boolean;
24
+ /**
25
+ * Обработчик удаления выбранного значения.
26
+ */
27
+ onClear: (id: string) => void;
28
+ /**
29
+ * Обработчик клика на выбранное значение.
30
+ */
31
+ onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
32
+ /**
33
+ * Обработчик нажатия клавиши.
34
+ */
35
+ onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, chipId: string) => void;
36
+ }
37
+ //# sourceMappingURL=TextFieldChip.types.d.ts.map