@salutejs/plasma-new-hope 0.325.0-canary.1954.15274625094.0 → 0.325.0-canary.1954.15294244136.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (248) hide show
  1. package/cjs/components/CodeField/CodeField.css +14 -0
  2. package/cjs/components/CodeField/CodeField.js +290 -0
  3. package/cjs/components/CodeField/CodeField.js.map +1 -0
  4. package/cjs/components/CodeField/CodeField.styles.js +57 -0
  5. package/cjs/components/CodeField/CodeField.styles.js.map +1 -0
  6. package/cjs/components/CodeField/CodeField.styles_7zxgpc.css +6 -0
  7. package/cjs/components/CodeField/CodeField.tokens.js +59 -0
  8. package/cjs/components/CodeField/CodeField.tokens.js.map +1 -0
  9. package/cjs/components/CodeField/utils/constants.js +18 -0
  10. package/cjs/components/CodeField/utils/constants.js.map +1 -0
  11. package/cjs/components/CodeField/utils/handleCodeError.js +55 -0
  12. package/cjs/components/CodeField/utils/handleCodeError.js.map +1 -0
  13. package/cjs/components/CodeField/utils/handleItemError.js +53 -0
  14. package/cjs/components/CodeField/utils/handleItemError.js.map +1 -0
  15. package/cjs/components/CodeField/utils/initialValuesHelper.js +33 -0
  16. package/cjs/components/CodeField/utils/initialValuesHelper.js.map +1 -0
  17. package/cjs/components/CodeField/variations/_disabled/base.js +9 -0
  18. package/cjs/components/CodeField/variations/_disabled/base.js.map +1 -0
  19. package/cjs/components/CodeField/variations/_disabled/base_obsae2.css +1 -0
  20. package/cjs/components/CodeField/variations/_shape/base.js +9 -0
  21. package/cjs/components/CodeField/variations/_shape/base.js.map +1 -0
  22. package/cjs/components/CodeField/variations/_shape/base_1scsyya.css +1 -0
  23. package/cjs/components/CodeField/variations/_size/base.js +9 -0
  24. package/cjs/components/CodeField/variations/_size/base.js.map +1 -0
  25. package/cjs/components/CodeField/variations/_size/base_1wrvbr5.css +1 -0
  26. package/cjs/components/CodeField/variations/_view/base.js +9 -0
  27. package/cjs/components/CodeField/variations/_view/base.js.map +1 -0
  28. package/cjs/components/CodeField/variations/_view/base_9a5yza.css +1 -0
  29. package/cjs/components/List/List.css +3 -1
  30. package/cjs/components/List/List.js +3 -2
  31. package/cjs/components/List/List.js.map +1 -1
  32. package/cjs/components/List/List.styles.js +1 -1
  33. package/cjs/components/List/List.styles.js.map +1 -1
  34. package/cjs/components/List/List.styles_97b8jq.css +1 -0
  35. package/cjs/components/List/variations/_size/base.js +1 -1
  36. package/cjs/components/List/variations/_size/base.js.map +1 -1
  37. package/cjs/components/List/variations/_size/base_jq4nc8.css +1 -0
  38. package/cjs/components/NumberInput/ui/Input/Input.js +0 -3
  39. package/cjs/components/NumberInput/ui/Input/Input.js.map +1 -1
  40. package/cjs/index.css +18 -1
  41. package/cjs/index.js +10 -0
  42. package/cjs/index.js.map +1 -1
  43. package/emotion/cjs/components/CodeField/CodeField.js +299 -0
  44. package/emotion/cjs/components/CodeField/CodeField.styles.js +65 -0
  45. package/emotion/cjs/components/CodeField/CodeField.template-doc.mdx +150 -0
  46. package/emotion/cjs/components/CodeField/CodeField.tokens.js +57 -0
  47. package/emotion/cjs/components/CodeField/CodeField.types.js +5 -0
  48. package/emotion/cjs/components/CodeField/index.js +50 -0
  49. package/emotion/cjs/components/CodeField/utils/constants.js +12 -0
  50. package/emotion/cjs/components/CodeField/utils/handleCodeError.js +58 -0
  51. package/emotion/cjs/components/CodeField/utils/handleItemError.js +56 -0
  52. package/emotion/cjs/components/CodeField/utils/index.js +38 -0
  53. package/emotion/cjs/components/CodeField/utils/initialValuesHelper.js +30 -0
  54. package/emotion/cjs/components/CodeField/variations/_disabled/base.js +9 -0
  55. package/emotion/cjs/components/CodeField/variations/_disabled/tokens.json +4 -0
  56. package/emotion/cjs/components/CodeField/variations/_shape/base.js +10 -0
  57. package/emotion/cjs/components/CodeField/variations/_shape/tokens.json +1 -0
  58. package/emotion/cjs/components/CodeField/variations/_size/base.js +10 -0
  59. package/emotion/cjs/components/CodeField/variations/_size/tokens.json +19 -0
  60. package/emotion/cjs/components/CodeField/variations/_view/base.js +10 -0
  61. package/emotion/cjs/components/CodeField/variations/_view/tokens.json +0 -0
  62. package/emotion/cjs/components/List/List.js +3 -2
  63. package/emotion/cjs/components/List/List.styles.js +10 -2
  64. package/emotion/cjs/components/List/variations/_size/base.js +2 -1
  65. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -3
  66. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +31 -0
  67. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +11 -0
  68. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  69. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +31 -0
  70. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.js +11 -0
  71. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  72. package/emotion/cjs/index.js +11 -0
  73. package/emotion/es/components/CodeField/CodeField.js +290 -0
  74. package/emotion/es/components/CodeField/CodeField.styles.js +58 -0
  75. package/emotion/es/components/CodeField/CodeField.template-doc.mdx +150 -0
  76. package/emotion/es/components/CodeField/CodeField.tokens.js +51 -0
  77. package/emotion/es/components/CodeField/CodeField.types.js +1 -0
  78. package/emotion/es/components/CodeField/index.js +3 -0
  79. package/emotion/es/components/CodeField/utils/constants.js +6 -0
  80. package/emotion/es/components/CodeField/utils/handleCodeError.js +52 -0
  81. package/emotion/es/components/CodeField/utils/handleItemError.js +50 -0
  82. package/emotion/es/components/CodeField/utils/index.js +3 -0
  83. package/emotion/es/components/CodeField/utils/initialValuesHelper.js +24 -0
  84. package/emotion/es/components/CodeField/variations/_disabled/base.js +3 -0
  85. package/emotion/es/components/CodeField/variations/_disabled/tokens.json +4 -0
  86. package/emotion/es/components/CodeField/variations/_shape/base.js +4 -0
  87. package/emotion/es/components/CodeField/variations/_shape/tokens.json +1 -0
  88. package/emotion/es/components/CodeField/variations/_size/base.js +4 -0
  89. package/emotion/es/components/CodeField/variations/_size/tokens.json +19 -0
  90. package/emotion/es/components/CodeField/variations/_view/base.js +4 -0
  91. package/emotion/es/components/CodeField/variations/_view/tokens.json +0 -0
  92. package/emotion/es/components/List/List.js +2 -2
  93. package/emotion/es/components/List/List.styles.js +10 -2
  94. package/emotion/es/components/List/variations/_size/base.js +2 -1
  95. package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -3
  96. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +25 -0
  97. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.js +5 -0
  98. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  99. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.config.js +25 -0
  100. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.js +5 -0
  101. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  102. package/emotion/es/index.js +1 -0
  103. package/es/components/CodeField/CodeField.css +14 -0
  104. package/es/components/CodeField/CodeField.js +280 -0
  105. package/es/components/CodeField/CodeField.js.map +1 -0
  106. package/es/components/CodeField/CodeField.styles.js +48 -0
  107. package/es/components/CodeField/CodeField.styles.js.map +1 -0
  108. package/es/components/CodeField/CodeField.styles_7zxgpc.css +6 -0
  109. package/es/components/CodeField/CodeField.tokens.js +54 -0
  110. package/es/components/CodeField/CodeField.tokens.js.map +1 -0
  111. package/es/components/CodeField/utils/constants.js +9 -0
  112. package/es/components/CodeField/utils/constants.js.map +1 -0
  113. package/es/components/CodeField/utils/handleCodeError.js +51 -0
  114. package/es/components/CodeField/utils/handleCodeError.js.map +1 -0
  115. package/es/components/CodeField/utils/handleItemError.js +49 -0
  116. package/es/components/CodeField/utils/handleItemError.js.map +1 -0
  117. package/es/components/CodeField/utils/initialValuesHelper.js +27 -0
  118. package/es/components/CodeField/utils/initialValuesHelper.js.map +1 -0
  119. package/es/components/CodeField/variations/_disabled/base.js +5 -0
  120. package/es/components/CodeField/variations/_disabled/base.js.map +1 -0
  121. package/es/components/CodeField/variations/_disabled/base_obsae2.css +1 -0
  122. package/es/components/CodeField/variations/_shape/base.js +5 -0
  123. package/es/components/CodeField/variations/_shape/base.js.map +1 -0
  124. package/es/components/CodeField/variations/_shape/base_1scsyya.css +1 -0
  125. package/es/components/CodeField/variations/_size/base.js +5 -0
  126. package/es/components/CodeField/variations/_size/base.js.map +1 -0
  127. package/es/components/CodeField/variations/_size/base_1wrvbr5.css +1 -0
  128. package/es/components/CodeField/variations/_view/base.js +5 -0
  129. package/es/components/CodeField/variations/_view/base.js.map +1 -0
  130. package/es/components/CodeField/variations/_view/base_9a5yza.css +1 -0
  131. package/es/components/List/List.css +3 -1
  132. package/es/components/List/List.js +2 -2
  133. package/es/components/List/List.js.map +1 -1
  134. package/es/components/List/List.styles.js +1 -1
  135. package/es/components/List/List.styles.js.map +1 -1
  136. package/es/components/List/List.styles_97b8jq.css +1 -0
  137. package/es/components/List/variations/_size/base.js +1 -1
  138. package/es/components/List/variations/_size/base.js.map +1 -1
  139. package/es/components/List/variations/_size/base_jq4nc8.css +1 -0
  140. package/es/components/NumberInput/ui/Input/Input.js +0 -3
  141. package/es/components/NumberInput/ui/Input/Input.js.map +1 -1
  142. package/es/index.css +18 -1
  143. package/es/index.js +3 -0
  144. package/es/index.js.map +1 -1
  145. package/package.json +2 -2
  146. package/styled-components/cjs/components/CodeField/CodeField.js +299 -0
  147. package/styled-components/cjs/components/CodeField/CodeField.styles.js +38 -0
  148. package/styled-components/cjs/components/CodeField/CodeField.template-doc.mdx +150 -0
  149. package/styled-components/cjs/components/CodeField/CodeField.tokens.js +57 -0
  150. package/styled-components/cjs/components/CodeField/CodeField.types.js +5 -0
  151. package/styled-components/cjs/components/CodeField/index.js +50 -0
  152. package/styled-components/cjs/components/CodeField/utils/constants.js +12 -0
  153. package/styled-components/cjs/components/CodeField/utils/handleCodeError.js +58 -0
  154. package/styled-components/cjs/components/CodeField/utils/handleItemError.js +56 -0
  155. package/styled-components/cjs/components/CodeField/utils/index.js +38 -0
  156. package/styled-components/cjs/components/CodeField/utils/initialValuesHelper.js +30 -0
  157. package/styled-components/cjs/components/CodeField/variations/_disabled/base.js +9 -0
  158. package/styled-components/cjs/components/CodeField/variations/_disabled/tokens.json +4 -0
  159. package/styled-components/cjs/components/CodeField/variations/_shape/base.js +10 -0
  160. package/styled-components/cjs/components/CodeField/variations/_shape/tokens.json +1 -0
  161. package/styled-components/cjs/components/CodeField/variations/_size/base.js +10 -0
  162. package/styled-components/cjs/components/CodeField/variations/_size/tokens.json +19 -0
  163. package/styled-components/cjs/components/CodeField/variations/_view/base.js +10 -0
  164. package/styled-components/cjs/components/CodeField/variations/_view/tokens.json +0 -0
  165. package/styled-components/cjs/components/List/List.js +3 -2
  166. package/styled-components/cjs/components/List/List.styles.js +1 -2
  167. package/styled-components/cjs/components/List/variations/_size/base.js +2 -1
  168. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -3
  169. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +31 -0
  170. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +11 -0
  171. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  172. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +31 -0
  173. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.js +11 -0
  174. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  175. package/styled-components/cjs/index.js +11 -0
  176. package/styled-components/es/components/CodeField/CodeField.js +290 -0
  177. package/styled-components/es/components/CodeField/CodeField.styles.js +30 -0
  178. package/styled-components/es/components/CodeField/CodeField.template-doc.mdx +150 -0
  179. package/styled-components/es/components/CodeField/CodeField.tokens.js +51 -0
  180. package/styled-components/es/components/CodeField/CodeField.types.js +1 -0
  181. package/styled-components/es/components/CodeField/index.js +3 -0
  182. package/styled-components/es/components/CodeField/utils/constants.js +6 -0
  183. package/styled-components/es/components/CodeField/utils/handleCodeError.js +52 -0
  184. package/styled-components/es/components/CodeField/utils/handleItemError.js +50 -0
  185. package/styled-components/es/components/CodeField/utils/index.js +3 -0
  186. package/styled-components/es/components/CodeField/utils/initialValuesHelper.js +24 -0
  187. package/styled-components/es/components/CodeField/variations/_disabled/base.js +3 -0
  188. package/styled-components/es/components/CodeField/variations/_disabled/tokens.json +4 -0
  189. package/styled-components/es/components/CodeField/variations/_shape/base.js +4 -0
  190. package/styled-components/es/components/CodeField/variations/_shape/tokens.json +1 -0
  191. package/styled-components/es/components/CodeField/variations/_size/base.js +4 -0
  192. package/styled-components/es/components/CodeField/variations/_size/tokens.json +19 -0
  193. package/styled-components/es/components/CodeField/variations/_view/base.js +4 -0
  194. package/styled-components/es/components/CodeField/variations/_view/tokens.json +0 -0
  195. package/styled-components/es/components/List/List.js +2 -2
  196. package/styled-components/es/components/List/List.styles.js +1 -2
  197. package/styled-components/es/components/List/variations/_size/base.js +2 -1
  198. package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -3
  199. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +25 -0
  200. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.js +5 -0
  201. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  202. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js +25 -0
  203. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.js +5 -0
  204. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  205. package/styled-components/es/index.js +1 -0
  206. package/types/components/CodeField/CodeField.d.ts +69 -0
  207. package/types/components/CodeField/CodeField.d.ts.map +1 -0
  208. package/types/components/CodeField/CodeField.styles.d.ts +11 -0
  209. package/types/components/CodeField/CodeField.styles.d.ts.map +1 -0
  210. package/types/components/CodeField/CodeField.tokens.d.ts +52 -0
  211. package/types/components/CodeField/CodeField.tokens.d.ts.map +1 -0
  212. package/types/components/CodeField/CodeField.types.d.ts +93 -0
  213. package/types/components/CodeField/CodeField.types.d.ts.map +1 -0
  214. package/types/components/CodeField/index.d.ts +4 -0
  215. package/types/components/CodeField/index.d.ts.map +1 -0
  216. package/types/components/CodeField/utils/constants.d.ts +7 -0
  217. package/types/components/CodeField/utils/constants.d.ts.map +1 -0
  218. package/types/components/CodeField/utils/handleCodeError.d.ts +15 -0
  219. package/types/components/CodeField/utils/handleCodeError.d.ts.map +1 -0
  220. package/types/components/CodeField/utils/handleItemError.d.ts +14 -0
  221. package/types/components/CodeField/utils/handleItemError.d.ts.map +1 -0
  222. package/types/components/CodeField/utils/index.d.ts +4 -0
  223. package/types/components/CodeField/utils/index.d.ts.map +1 -0
  224. package/types/components/CodeField/utils/initialValuesHelper.d.ts +4 -0
  225. package/types/components/CodeField/utils/initialValuesHelper.d.ts.map +1 -0
  226. package/types/components/CodeField/variations/_disabled/base.d.ts +2 -0
  227. package/types/components/CodeField/variations/_disabled/base.d.ts.map +1 -0
  228. package/types/components/CodeField/variations/_shape/base.d.ts +2 -0
  229. package/types/components/CodeField/variations/_shape/base.d.ts.map +1 -0
  230. package/types/components/CodeField/variations/_size/base.d.ts +2 -0
  231. package/types/components/CodeField/variations/_size/base.d.ts.map +1 -0
  232. package/types/components/CodeField/variations/_view/base.d.ts +2 -0
  233. package/types/components/CodeField/variations/_view/base.d.ts.map +1 -0
  234. package/types/components/List/List.d.ts +6 -6
  235. package/types/components/List/List.d.ts.map +1 -1
  236. package/types/components/List/List.styles.d.ts.map +1 -1
  237. package/types/components/List/List.types.d.ts +3 -3
  238. package/types/components/List/List.types.d.ts.map +1 -1
  239. package/types/components/List/ui/ListItem.types.d.ts +2 -2
  240. package/types/components/List/ui/ListItem.types.d.ts.map +1 -1
  241. package/types/components/List/variations/_size/base.d.ts.map +1 -1
  242. package/types/components/NumberInput/ui/Input/Input.d.ts.map +1 -1
  243. package/types/index.d.ts +1 -0
  244. package/types/index.d.ts.map +1 -1
  245. package/cjs/components/List/List.styles_9yg2yl.css +0 -1
  246. package/cjs/components/List/variations/_size/base_x642ct.css +0 -1
  247. package/es/components/List/List.styles_9yg2yl.css +0 -1
  248. package/es/components/List/variations/_size/base_x642ct.css +0 -1
@@ -0,0 +1,107 @@
1
+ import React, { ComponentProps, useState } from 'react';
2
+ import type { StoryObj, Meta } from '@storybook/react';
3
+ import { action } from '@storybook/addon-actions';
4
+ import { getConfigVariations } from '@salutejs/plasma-sb-utils';
5
+
6
+ import { WithTheme } from '../../../_helpers';
7
+
8
+ import { CodeField } from './CodeField';
9
+ import { config } from './CodeField.config';
10
+
11
+ const onChange = action('onChange');
12
+ const onFullCodeEnter = action('onFullCodeEnter');
13
+
14
+ const { views, sizes } = getConfigVariations(config);
15
+ const codeLengths = [4, 5, 6];
16
+ const shapes = ['default', 'segmented'];
17
+ const captionAlignVariants = ['left', 'center'];
18
+ const itemErrorBehaviorVariants = ['remove-symbol', 'keep', 'forbid-enter'];
19
+ const codeErrorBehaviorVariants = ['remove-code', 'keep'];
20
+
21
+ const meta: Meta<typeof CodeField> = {
22
+ title: 'web/Data Entry/CodeField',
23
+ component: CodeField,
24
+ decorators: [WithTheme],
25
+ argTypes: {
26
+ view: {
27
+ options: views,
28
+ control: {
29
+ type: 'select',
30
+ },
31
+ },
32
+ size: {
33
+ options: sizes,
34
+ control: {
35
+ type: 'inline-radio',
36
+ },
37
+ },
38
+ shape: {
39
+ options: shapes,
40
+ control: {
41
+ type: 'inline-radio',
42
+ },
43
+ },
44
+ captionAlign: {
45
+ options: captionAlignVariants,
46
+ control: {
47
+ type: 'inline-radio',
48
+ },
49
+ },
50
+ codeLength: {
51
+ options: codeLengths,
52
+ control: {
53
+ type: 'inline-radio',
54
+ },
55
+ },
56
+ itemErrorBehavior: {
57
+ options: itemErrorBehaviorVariants,
58
+ control: {
59
+ type: 'inline-radio',
60
+ },
61
+ },
62
+ codeErrorBehavior: {
63
+ options: codeErrorBehaviorVariants,
64
+ control: {
65
+ type: 'inline-radio',
66
+ },
67
+ },
68
+ },
69
+ parameters: {
70
+ controls: {
71
+ exclude: ['view'],
72
+ },
73
+ },
74
+ };
75
+
76
+ export default meta;
77
+
78
+ type StoryPropsDefault = ComponentProps<typeof CodeField>;
79
+
80
+ const StoryDefault = (args: StoryPropsDefault) => {
81
+ const [value, setValue] = useState('');
82
+
83
+ const handleChange = (newValue: string) => {
84
+ setValue(newValue);
85
+ onChange(newValue);
86
+ };
87
+
88
+ return <CodeField {...args} value={value} onChange={handleChange} onFullCodeEnter={onFullCodeEnter} />;
89
+ };
90
+
91
+ export const Default: StoryObj<StoryPropsDefault> = {
92
+ args: {
93
+ view: 'default',
94
+ size: 'm',
95
+ shape: 'default',
96
+ codeLength: 6,
97
+ caption: 'Caption',
98
+ captionAlign: 'center',
99
+ width: '',
100
+ isError: false,
101
+ itemErrorBehavior: 'remove-symbol',
102
+ codeErrorBehavior: 'keep',
103
+ autoFocus: true,
104
+ disabled: false,
105
+ },
106
+ render: StoryDefault,
107
+ };
@@ -78,4 +78,5 @@ export * from "./components/NumberFormat";
78
78
  export * from "./components/Toast/ToastNew";
79
79
  export * from "./components/Carousel";
80
80
  export * from "./components/PaginationDots";
81
+ export * from "./components/CodeField";
81
82
  export * from "./components/List";
@@ -0,0 +1,69 @@
1
+ import React from 'react';
2
+ import type { RootProps } from '../../../src/engines';
3
+ import type { CodeFieldProps } from './CodeField.types';
4
+ export declare const codeFieldRoot: (Root: RootProps<HTMLDivElement, CodeFieldProps>) => React.ForwardRefExoticComponent<{
5
+ value?: string | undefined;
6
+ placeholder?: string | undefined;
7
+ autoFocus?: boolean | undefined;
8
+ codeLength?: 4 | 6 | 5 | undefined;
9
+ caption?: React.ReactNode;
10
+ captionAlign?: "center" | "left" | undefined;
11
+ width?: string | number | undefined;
12
+ shape?: "default" | "segmented" | undefined;
13
+ view?: string | undefined;
14
+ size?: string | undefined;
15
+ disabled?: boolean | undefined;
16
+ isError?: boolean | undefined;
17
+ setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
18
+ allowedSymbols?: string | RegExp | undefined;
19
+ itemErrorBehavior?: import("./CodeField.types").ItemErrorBehavior | undefined;
20
+ codeErrorBehavior?: import("./CodeField.types").CodeErrorBehavior | undefined;
21
+ onChange?: ((value: string) => void) | undefined;
22
+ onFullCodeEnter?: ((code: string) => void) | undefined;
23
+ } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
24
+ export declare const codeFieldConfig: {
25
+ name: string;
26
+ tag: string;
27
+ layout: (Root: RootProps<HTMLDivElement, CodeFieldProps>) => React.ForwardRefExoticComponent<{
28
+ value?: string | undefined;
29
+ placeholder?: string | undefined;
30
+ autoFocus?: boolean | undefined;
31
+ codeLength?: 4 | 6 | 5 | undefined;
32
+ caption?: React.ReactNode;
33
+ captionAlign?: "center" | "left" | undefined;
34
+ width?: string | number | undefined;
35
+ shape?: "default" | "segmented" | undefined;
36
+ view?: string | undefined;
37
+ size?: string | undefined;
38
+ disabled?: boolean | undefined;
39
+ isError?: boolean | undefined;
40
+ setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
41
+ allowedSymbols?: string | RegExp | undefined;
42
+ itemErrorBehavior?: import("./CodeField.types").ItemErrorBehavior | undefined;
43
+ codeErrorBehavior?: import("./CodeField.types").CodeErrorBehavior | undefined;
44
+ onChange?: ((value: string) => void) | undefined;
45
+ onFullCodeEnter?: ((code: string) => void) | undefined;
46
+ } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
47
+ base: import("@linaria/core").LinariaClassName;
48
+ variations: {
49
+ view: {
50
+ css: import("@linaria/core").LinariaClassName;
51
+ };
52
+ size: {
53
+ css: import("@linaria/core").LinariaClassName;
54
+ };
55
+ shape: {
56
+ css: import("@linaria/core").LinariaClassName;
57
+ };
58
+ disabled: {
59
+ css: import("@linaria/core").LinariaClassName;
60
+ attrs: boolean;
61
+ };
62
+ };
63
+ defaults: {
64
+ size: string;
65
+ view: string;
66
+ shape: string;
67
+ };
68
+ };
69
+ //# sourceMappingURL=CodeField.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUxD,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAoRxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAtRQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+S5E,CAAC"}
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ export declare const base: import("@linaria/core").LinariaClassName;
3
+ export declare const CodeWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
+ export declare const CodeGroup: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
+ export declare const Separator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
+ export declare const ItemInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
7
+ export declare const CaptionWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
8
+ captionAlign: 'left' | 'center';
9
+ widthValue?: string | undefined;
10
+ }>;
11
+ //# sourceMappingURL=CodeField.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CodeField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAErB,CAAC;AAEF,eAAO,MAAM,SAAS,8KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc;kBAA8B,MAAM,GAAG,QAAQ;;EAKzE,CAAC"}
@@ -0,0 +1,52 @@
1
+ export declare const classes: {
2
+ itemError: string;
3
+ itemErrorAnimation: string;
4
+ itemErrorFade: string;
5
+ captionError: string;
6
+ codeError: string;
7
+ codeErrorAnimation: string;
8
+ codeErrorFade: string;
9
+ captionAlignLeft: string;
10
+ hoverEnabled: string;
11
+ segmented: string;
12
+ default: string;
13
+ disabled: string;
14
+ };
15
+ export declare const tokens: {
16
+ captionGap: string;
17
+ codeItemsGap: string;
18
+ separatorWidth: string;
19
+ codeItemWidth: string;
20
+ codeItemHeight: string;
21
+ fontFamily: string;
22
+ fontStyle: string;
23
+ fontSize: string;
24
+ fontWeight: string;
25
+ letterSpacing: string;
26
+ lineHeight: string;
27
+ captionFontFamily: string;
28
+ captionFontSize: string;
29
+ captionFontStyle: string;
30
+ captionFontWeight: string;
31
+ captionLetterSpacing: string;
32
+ captionLineHeight: string;
33
+ borderRadius: string;
34
+ borderRadiusSegmented: string;
35
+ segmentedSideBorderRadius: string;
36
+ captionColor: string;
37
+ captionColorError: string;
38
+ codeColor: string;
39
+ codeColorError: string;
40
+ backgroundColor: string;
41
+ backgroundColorHover: string;
42
+ backgroundColorFocus: string;
43
+ backgroundErrorColor: string;
44
+ borderWidth: string;
45
+ borderColor: string;
46
+ borderColorHover: string;
47
+ borderColorFocus: string;
48
+ borderErrorColor: string;
49
+ caretColor: string;
50
+ disabledOpacity: string;
51
+ };
52
+ //# sourceMappingURL=CodeField.tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CodeField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ClB,CAAC"}
@@ -0,0 +1,93 @@
1
+ import type { Dispatch, HTMLAttributes, InputHTMLAttributes, ReactNode, SetStateAction } from 'react';
2
+ export declare type ItemErrorBehavior = 'remove-symbol' | 'keep' | 'forbid-enter';
3
+ export declare type CodeErrorBehavior = 'remove-code' | 'keep';
4
+ export declare type CodeFieldProps = {
5
+ /**
6
+ * Значение поля ввода
7
+ */
8
+ value?: string;
9
+ /**
10
+ * Строка равная, длине кода или же один символ,
11
+ * для отображения в качестве placeholder
12
+ */
13
+ placeholder?: string;
14
+ /**
15
+ * Автофокус на компоненте
16
+ */
17
+ autoFocus?: boolean;
18
+ /**
19
+ * Длина кода
20
+ * @default 6
21
+ */
22
+ codeLength?: 4 | 5 | 6;
23
+ /**
24
+ * Подпись к компоненту
25
+ */
26
+ caption?: ReactNode;
27
+ /**
28
+ * Выравнивание подписи
29
+ * @default left
30
+ */
31
+ captionAlign?: 'left' | 'center';
32
+ /**
33
+ * Ширина компонента
34
+ * @description
35
+ * Значение может принимать строку с единицой измерения CSS (px, rem и тд.).
36
+ * Если передано число без единицы измерения - рассчитывается в rem.
37
+ */
38
+ width?: string | number;
39
+ /**
40
+ * Форма компонента
41
+ * @default default
42
+ */
43
+ shape?: 'default' | 'segmented';
44
+ /**
45
+ * Вид компонента
46
+ */
47
+ view?: string;
48
+ /**
49
+ * Размер компонента
50
+ */
51
+ size?: string;
52
+ /**
53
+ * Компонент не активен
54
+ */
55
+ disabled?: boolean;
56
+ /**
57
+ * Флаг ошибки кода
58
+ */
59
+ isError?: boolean;
60
+ /**
61
+ * Колбек для установки флага ошибки
62
+ */
63
+ setIsError?: Dispatch<SetStateAction<boolean>>;
64
+ /**
65
+ * Регулярное выражение или строка, по которой проверяется символ при вводе
66
+ * @default '^\\d+$' - только цифры
67
+ */
68
+ allowedSymbols?: string | RegExp;
69
+ /**
70
+ * Поведение элемента поля ввода, при вводе некорректного значения
71
+ * - `remove-symbol` - проигрывается анимация ошибки, значение элемента очищается
72
+ * - `keep` - проигрывается анимация ошибки, значение остается
73
+ * - `forbid-enter` - запрещается ввод некорректного значения
74
+ * @default 'remove-symbol'
75
+ */
76
+ itemErrorBehavior?: ItemErrorBehavior;
77
+ /**
78
+ * Поведение элемента поля ввода, при вводе некорректного значения
79
+ * - `remove-code` - проигрывается анимация ошибки, значение всего поля очищается
80
+ * - `keep` - проигрывается анимация ошибки, значение остается
81
+ * @default 'remove-code'
82
+ */
83
+ codeErrorBehavior?: CodeErrorBehavior;
84
+ /**
85
+ * Коллбек, вызываемый при изменении значения кода
86
+ */
87
+ onChange?: (value: string) => void;
88
+ /**
89
+ * Коллбек, вызываемый при вводе полного значения в поле
90
+ */
91
+ onFullCodeEnter?: (code: string) => void;
92
+ } & Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-label' | 'autoComplete'> & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
93
+ //# sourceMappingURL=CodeField.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CodeField.types.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtG,oBAAY,iBAAiB,GAAG,eAAe,GAAG,MAAM,GAAG,cAAc,CAAC;AAC1E,oBAAY,iBAAiB,GAAG,aAAa,GAAG,MAAM,CAAC;AAEvD,oBAAY,cAAc,GAAG;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACjC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC;;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,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,GAAG,cAAc,CAAC,GAC1E,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { codeFieldRoot, codeFieldConfig } from './CodeField';
2
+ export { tokens as codeFieldTokens, classes as codeFieldClasses } from './CodeField.tokens';
3
+ export { ONLY_DIGITS_PATTERN, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN } from './utils/constants';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare const ONLY_DIGITS_PATTERN = "^\\d+$";
2
+ export declare const ONLY_CHARS_PATTERN = "^[a-zA-Z]+$";
3
+ export declare const ONLY_DIGITS_AND_CHARS_PATTERN = "^[a-zA-Z0-9]+$";
4
+ export declare const FORBIDDEN_KEYS: string[];
5
+ export declare const BACKSPACE_KEY = "Backspace";
6
+ export declare const ANIMATION_TIMEOUT = 300;
7
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,kBAAkB,gBAAgB,CAAC;AAChD,eAAO,MAAM,6BAA6B,mBAAmB,CAAC;AAE9D,eAAO,MAAM,cAAc,UAAgE,CAAC;AAC5F,eAAO,MAAM,aAAa,cAAc,CAAC;AAEzC,eAAO,MAAM,iBAAiB,MAAM,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { Dispatch, MutableRefObject, SetStateAction } from 'react';
2
+ import type { CodeErrorBehavior } from '../CodeField.types';
3
+ declare type ValidateSymbolsArgs = {
4
+ codeLength: number;
5
+ codeErrorBehavior: CodeErrorBehavior;
6
+ currentCode: Array<string>;
7
+ inputContainerRef: MutableRefObject<HTMLDivElement | null>;
8
+ inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
9
+ captionRef: MutableRefObject<HTMLDivElement | null>;
10
+ setCode: Dispatch<SetStateAction<Array<string>>>;
11
+ codeSetter: (newCode: Array<string>) => void;
12
+ };
13
+ export declare const handleCodeError: ({ codeLength, codeErrorBehavior, currentCode, inputRefs, inputContainerRef, captionRef, setCode, codeSetter, }: ValidateSymbolsArgs) => void;
14
+ export {};
15
+ //# sourceMappingURL=handleCodeError.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"handleCodeError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleCodeError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAM5D,aAAK,mBAAmB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,UAAU,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,mHASzB,mBAAmB,SA8CrB,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { Dispatch, MutableRefObject, SetStateAction } from 'react';
2
+ import type { ItemErrorBehavior } from '../CodeField.types';
3
+ declare type ValidateSymbolsArgs = {
4
+ currentSymbol: string;
5
+ itemErrorBehavior: ItemErrorBehavior;
6
+ index: number;
7
+ newCode: Array<string>;
8
+ inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
9
+ setCode: Dispatch<SetStateAction<Array<string>>>;
10
+ codeSetter: (newCode: Array<string>) => void;
11
+ };
12
+ export declare const handleItemError: ({ currentSymbol, itemErrorBehavior, index, newCode, inputRefs, setCode, codeSetter, }: ValidateSymbolsArgs) => void;
13
+ export {};
14
+ //# sourceMappingURL=handleItemError.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"handleItemError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleItemError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAK5D,aAAK,mBAAmB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,0FAQzB,mBAAmB,SA4CrB,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { getFieldPattern, getPlaceholderValue, getCodeValue } from './initialValuesHelper';
2
+ export { handleItemError } from './handleItemError';
3
+ export { handleCodeError } from './handleCodeError';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,4 @@
1
+ export declare const getFieldPattern: (allowedSymbols: RegExp | string) => RegExp | null;
2
+ export declare const getCodeValue: (codeLength: number, value: string) => Array<string>;
3
+ export declare const getPlaceholderValue: (codeLength: number, placeholder?: string | undefined) => null | string[];
4
+ //# sourceMappingURL=initialValuesHelper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"initialValuesHelper.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/initialValuesHelper.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,mBAAoB,MAAM,GAAG,MAAM,kBAU9D,CAAC;AAEF,eAAO,MAAM,YAAY,eAAgB,MAAM,SAAS,MAAM,KAAG,MAAM,MAAM,CAM5E,CAAC;AAEF,eAAO,MAAM,mBAAmB,eAAgB,MAAM,uCAAyB,IAAI,GAAG,MAAM,EAU3F,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAShB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_shape/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAkBhB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA2BhB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAqGhB,CAAC"}
@@ -1,25 +1,25 @@
1
1
  import React from 'react';
2
2
  import { RootProps } from '../../engines';
3
3
  import type { ListProps } from './List.types';
4
- export declare const listRoot: (Root: RootProps<HTMLDivElement, ListProps>) => React.ForwardRefExoticComponent<{
4
+ export declare const listRoot: (Root: RootProps<HTMLUListElement, ListProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & {
5
5
  view?: string | undefined;
6
6
  size?: string | undefined;
7
7
  variant?: string | undefined;
8
- disabled?: string | undefined;
8
+ disabled?: boolean | undefined;
9
9
  children?: React.ReactNode;
10
10
  className?: string | undefined;
11
- } & React.RefAttributes<HTMLDivElement>>;
11
+ } & React.RefAttributes<HTMLUListElement>>;
12
12
  export declare const listConfig: {
13
13
  name: string;
14
14
  tag: string;
15
- layout: (Root: RootProps<HTMLDivElement, ListProps>) => React.ForwardRefExoticComponent<{
15
+ layout: (Root: RootProps<HTMLUListElement, ListProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & {
16
16
  view?: string | undefined;
17
17
  size?: string | undefined;
18
18
  variant?: string | undefined;
19
- disabled?: string | undefined;
19
+ disabled?: boolean | undefined;
20
20
  children?: React.ReactNode;
21
21
  className?: string | undefined;
22
- } & React.RefAttributes<HTMLDivElement>>;
22
+ } & React.RefAttributes<HTMLUListElement>>;
23
23
  base: import("@linaria/core").LinariaClassName;
24
24
  variations: {
25
25
  view: {
@@ -1 +1 @@
1
- {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;wCAc7D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAhBQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuClE,CAAC"}
1
+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,UAAU,gBAAgB,EAAE,SAAS,CAAC;;;;;;;0CAc/D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAhBQ,UAAU,gBAAgB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCpE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"List.styles.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}
1
+ {"version":3,"file":"List.styles.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAShB,CAAC"}
@@ -1,4 +1,4 @@
1
- import type { ReactNode } from 'react';
1
+ import type { HTMLAttributes, ReactNode } from 'react';
2
2
  declare type CustomListProps = {
3
3
  /**
4
4
  * Тип отображения для accordion
@@ -15,10 +15,10 @@ declare type CustomListProps = {
15
15
  /**
16
16
  * Disabled
17
17
  */
18
- disabled?: string;
18
+ disabled?: boolean;
19
19
  children?: ReactNode;
20
20
  className?: string;
21
21
  };
22
- export declare type ListProps = CustomListProps;
22
+ export declare type ListProps = HTMLAttributes<HTMLUListElement> & CustomListProps;
23
23
  export {};
24
24
  //# sourceMappingURL=List.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,SAAS,GAAG,eAAe,CAAC"}
1
+ {"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,SAAS,GAAG,cAAc,CAAC,gBAAgB,CAAC,GAAG,eAAe,CAAC"}
@@ -1,4 +1,4 @@
1
- import type { ReactNode } from 'react';
1
+ import type { HTMLAttributes, ReactNode } from 'react';
2
2
  declare type CustomListItemProps = {
3
3
  /**
4
4
  * Disabled
@@ -10,6 +10,6 @@ declare type CustomListItemProps = {
10
10
  contentRight?: ReactNode;
11
11
  children?: ReactNode;
12
12
  };
13
- export declare type ListItemProps = CustomListItemProps;
13
+ export declare type ListItemProps = HTMLAttributes<HTMLLIElement> & CustomListItemProps;
14
14
  export {};
15
15
  //# sourceMappingURL=ListItem.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ui/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,mBAAmB,GAAG;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,oBAAY,aAAa,GAAG,mBAAmB,CAAC"}
1
+ {"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ui/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,aAAK,mBAAmB,GAAG;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,oBAAY,aAAa,GAAG,cAAc,CAAC,aAAa,CAAC,GAAG,mBAAmB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAsBvE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;oHA4OvB,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAsBvE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;oHAyOvB,CAAC"}
package/types/index.d.ts CHANGED
@@ -76,5 +76,6 @@ export * from './components/NumberFormat';
76
76
  export * from './components/Toast/ToastNew';
77
77
  export * from './components/Carousel';
78
78
  export * from './components/PaginationDots';
79
+ export * from './components/CodeField';
79
80
  export * from './components/List';
80
81
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC"}
@@ -1 +0,0 @@
1
- .bmg9h6q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-list-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
@@ -1 +0,0 @@
1
- .bmg9h6q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-list-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}