mimir-ui-kit 0.0.12 → 0.0.14

Sign up to get free protection for your applications and to get access to all the features.
Files changed (59) hide show
  1. package/dist/{index4.css → assets/Button.css} +1 -1
  2. package/dist/assets/Input.css +1 -0
  3. package/dist/assets/InputPassword.css +1 -0
  4. package/dist/assets/OtpInput.css +1 -0
  5. package/dist/assets/index.css +1 -0
  6. package/dist/components/Button/Button.d.ts +84 -0
  7. package/dist/components/Button/Button.js +86 -0
  8. package/dist/components/Button/constants.js +33 -5
  9. package/dist/components/Button/index.d.ts +2 -84
  10. package/dist/components/Button/index.js +7 -51
  11. package/dist/components/Button/types.d.ts +2 -2
  12. package/dist/components/Input/Input.d.ts +63 -0
  13. package/dist/components/Input/Input.js +109 -0
  14. package/dist/components/Input/constants.js +16 -3
  15. package/dist/components/Input/index.d.ts +3 -29
  16. package/dist/components/Input/index.js +5 -59
  17. package/dist/components/Input/types.d.ts +11 -0
  18. package/dist/components/Input/types.js +1 -0
  19. package/dist/components/InputPassword/InputPassword.d.ts +12 -0
  20. package/dist/components/InputPassword/InputPassword.js +38 -0
  21. package/dist/components/InputPassword/index.d.ts +2 -306
  22. package/dist/components/InputPassword/index.js +2 -20
  23. package/dist/components/InputPhoneNumber/InputPhoneNumber.d.ts +12 -0
  24. package/dist/components/InputPhoneNumber/InputPhoneNumber.js +38 -0
  25. package/dist/components/InputPhoneNumber/index.d.ts +1 -306
  26. package/dist/components/InputPhoneNumber/index.js +2 -26
  27. package/dist/components/InputPhoneNumber/utils.js +24 -7
  28. package/dist/components/OtpInput/OtpInput.d.ts +28 -0
  29. package/dist/components/OtpInput/OtpInput.js +133 -0
  30. package/dist/components/OtpInput/constants.d.ts +1 -0
  31. package/dist/components/OtpInput/constants.js +6 -3
  32. package/dist/components/OtpInput/index.d.ts +1 -18
  33. package/dist/components/OtpInput/index.js +2 -85
  34. package/dist/components/icons/Eye.js +31 -20
  35. package/dist/components/icons/index.js +2 -2
  36. package/dist/components/index.d.ts +4 -4
  37. package/dist/components/index.js +18 -18
  38. package/dist/hooks/index.js +4 -4
  39. package/dist/hooks/useMediaQuery/constants.js +9 -2
  40. package/dist/hooks/useMediaQuery/index.js +4 -4
  41. package/dist/hooks/useMediaQuery/useMediaQuery.js +13 -10
  42. package/dist/index-CweZ_OcN.js +65 -0
  43. package/dist/index.d.ts +2 -1
  44. package/dist/index.js +23 -21
  45. package/package.json +91 -91
  46. package/dist/assets/styles/index.css +0 -1
  47. package/dist/components/Button/Button.stories.d.ts +0 -67
  48. package/dist/components/Input/Input.stories.d.ts +0 -13
  49. package/dist/components/InputPassword/Input.stories.d.ts +0 -7
  50. package/dist/components/InputPhoneNumber/Input.stories.d.ts +0 -335
  51. package/dist/components/OtpInput/Input.stories.d.ts +0 -26
  52. package/dist/index-DIxK0V-G.js +0 -44
  53. package/dist/index.css +0 -1
  54. package/dist/index2.css +0 -1
  55. package/dist/index3.css +0 -1
  56. package/dist/utils/getLog.d.ts +0 -1
  57. package/dist/utils/getLog.js +0 -4
  58. package/dist/utils/index.d.ts +0 -1
  59. package/dist/utils/index.js +0 -4
@@ -1,67 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- import { EButtonSize, EButtonVariantDefault, EButtonVariantRound, EButtonForm } from './constants';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: import('react').ForwardRefExoticComponent<(Omit<import('./types').TButtonDefaultFormProps & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
7
- className?: string;
8
- disabled?: boolean;
9
- rightIcon?: import('react').ReactNode;
10
- leftIcon?: import('react').ReactNode;
11
- full?: boolean;
12
- formId?: string;
13
- }, "ref"> | Omit<import('./types').TButtonRoundFormProps & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
14
- className?: string;
15
- disabled?: boolean;
16
- rightIcon?: import('react').ReactNode;
17
- leftIcon?: import('react').ReactNode;
18
- full?: boolean;
19
- formId?: string;
20
- }, "ref">) & import('react').RefAttributes<HTMLButtonElement>>;
21
- parameters: {
22
- layout: string;
23
- };
24
- tags: string[];
25
- argTypes: {
26
- variant: {
27
- options: (EButtonVariantDefault | EButtonVariantRound)[];
28
- control: {
29
- type: "select";
30
- };
31
- description: string;
32
- };
33
- size: {
34
- options: EButtonSize[];
35
- control: {
36
- type: "select";
37
- };
38
- description: string;
39
- };
40
- form: {
41
- options: EButtonForm[];
42
- control: {
43
- type: "select";
44
- };
45
- description: string;
46
- };
47
- };
48
- args: {
49
- onClick: import('@vitest/spy').Mock<[event: import('react').MouseEvent<HTMLButtonElement, MouseEvent>], void>;
50
- children: string;
51
- form: EButtonForm.DefaultButton;
52
- variant: EButtonVariantDefault.PrimaryCitrine;
53
- size: EButtonSize.M;
54
- };
55
- };
56
- export default meta;
57
- type Story = StoryObj<typeof meta>;
58
- export declare const DefaultPrimarySapphire: Story;
59
- export declare const DefaultPrimaryCitrine: Story;
60
- export declare const DefaultSecondaryAsphalt: Story;
61
- export declare const DefaultSecondaryGray: Story;
62
- export declare const DefaultSecondaryWhite: Story;
63
- export declare const DefaultSecondaryRed: Story;
64
- export declare const DefaultWithIcons: Story;
65
- export declare const RoundBlack: Story;
66
- export declare const RoundGray: Story;
67
- export declare const RoundWhite: Story;
@@ -1,13 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { TProps as TInputProps } from '.';
3
-
4
- declare const meta: Meta<TInputProps>;
5
- export default meta;
6
- type Story = StoryObj<typeof meta>;
7
- export declare const Primary: Story;
8
- export declare const Alarm: Story;
9
- export declare const Success: Story;
10
- export declare const SmallSize: Story;
11
- export declare const MediumSize: Story;
12
- export declare const LargeSize: Story;
13
- export declare const Disabled: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { TProps as TInputPasswordProps } from '.';
3
-
4
- declare const meta: Meta<TInputPasswordProps>;
5
- export default meta;
6
- type Story = StoryObj<typeof meta>;
7
- export declare const Default: Story;
@@ -1,335 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- import { EInputSize, EInputVariant } from '../Input/constants';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
7
- form?: string | undefined;
8
- slot?: string | undefined;
9
- style?: import('react').CSSProperties | undefined;
10
- title?: string | undefined;
11
- pattern?: string | undefined;
12
- disabled?: boolean | undefined;
13
- formAction?: string | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
14
- formEncType?: string | undefined;
15
- formMethod?: string | undefined;
16
- formNoValidate?: boolean | undefined;
17
- formTarget?: string | undefined;
18
- name?: string | undefined;
19
- type?: import('react').HTMLInputTypeAttribute | undefined;
20
- value?: string | readonly string[] | number | undefined;
21
- defaultChecked?: boolean | undefined;
22
- defaultValue?: string | number | readonly string[] | undefined;
23
- suppressContentEditableWarning?: boolean | undefined;
24
- suppressHydrationWarning?: boolean | undefined;
25
- accessKey?: string | undefined;
26
- autoFocus?: boolean | undefined;
27
- className?: string | undefined;
28
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
29
- contextMenu?: string | undefined;
30
- dir?: string | undefined;
31
- draggable?: (boolean | "true" | "false") | undefined;
32
- hidden?: boolean | undefined;
33
- id?: string | undefined;
34
- lang?: string | undefined;
35
- nonce?: string | undefined;
36
- spellCheck?: (boolean | "true" | "false") | undefined;
37
- tabIndex?: number | undefined;
38
- translate?: "yes" | "no" | undefined;
39
- radioGroup?: string | undefined;
40
- role?: import('react').AriaRole | undefined;
41
- about?: string | undefined;
42
- content?: string | undefined;
43
- datatype?: string | undefined;
44
- inlist?: any;
45
- prefix?: string | undefined;
46
- property?: string | undefined;
47
- rel?: string | undefined;
48
- resource?: string | undefined;
49
- rev?: string | undefined;
50
- typeof?: string | undefined;
51
- vocab?: string | undefined;
52
- autoCapitalize?: string | undefined;
53
- autoCorrect?: string | undefined;
54
- autoSave?: string | undefined;
55
- color?: string | undefined;
56
- itemProp?: string | undefined;
57
- itemScope?: boolean | undefined;
58
- itemType?: string | undefined;
59
- itemID?: string | undefined;
60
- itemRef?: string | undefined;
61
- results?: number | undefined;
62
- security?: string | undefined;
63
- unselectable?: "on" | "off" | undefined;
64
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
65
- is?: string | undefined;
66
- "aria-activedescendant"?: string | undefined;
67
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
68
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
69
- "aria-braillelabel"?: string | undefined;
70
- "aria-brailleroledescription"?: string | undefined;
71
- "aria-busy"?: (boolean | "true" | "false") | undefined;
72
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
73
- "aria-colcount"?: number | undefined;
74
- "aria-colindex"?: number | undefined;
75
- "aria-colindextext"?: string | undefined;
76
- "aria-colspan"?: number | undefined;
77
- "aria-controls"?: string | undefined;
78
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
79
- "aria-describedby"?: string | undefined;
80
- "aria-description"?: string | undefined;
81
- "aria-details"?: string | undefined;
82
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
83
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
84
- "aria-errormessage"?: string | undefined;
85
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
86
- "aria-flowto"?: string | undefined;
87
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
88
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
89
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
90
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
91
- "aria-keyshortcuts"?: string | undefined;
92
- "aria-label"?: string | undefined;
93
- "aria-labelledby"?: string | undefined;
94
- "aria-level"?: number | undefined;
95
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
96
- "aria-modal"?: (boolean | "true" | "false") | undefined;
97
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
98
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
99
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
100
- "aria-owns"?: string | undefined;
101
- "aria-placeholder"?: string | undefined;
102
- "aria-posinset"?: number | undefined;
103
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
104
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
105
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
106
- "aria-required"?: (boolean | "true" | "false") | undefined;
107
- "aria-roledescription"?: string | undefined;
108
- "aria-rowcount"?: number | undefined;
109
- "aria-rowindex"?: number | undefined;
110
- "aria-rowindextext"?: string | undefined;
111
- "aria-rowspan"?: number | undefined;
112
- "aria-selected"?: (boolean | "true" | "false") | undefined;
113
- "aria-setsize"?: number | undefined;
114
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
115
- "aria-valuemax"?: number | undefined;
116
- "aria-valuemin"?: number | undefined;
117
- "aria-valuenow"?: number | undefined;
118
- "aria-valuetext"?: string | undefined;
119
- children?: import('react').ReactNode | undefined;
120
- dangerouslySetInnerHTML?: {
121
- __html: string | TrustedHTML;
122
- } | undefined;
123
- onCopy?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
124
- onCopyCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
125
- onCut?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
126
- onCutCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
127
- onPaste?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
128
- onPasteCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
129
- onCompositionEnd?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
130
- onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
131
- onCompositionStart?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
132
- onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
133
- onCompositionUpdate?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
134
- onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
135
- onFocus?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
136
- onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
137
- onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
138
- onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
139
- onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
140
- onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
141
- onBeforeInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
142
- onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
143
- onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
144
- onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
145
- onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
146
- onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
147
- onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
148
- onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
149
- onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
150
- onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
151
- onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
152
- onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
153
- onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
154
- onErrorCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
155
- onKeyDown?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
156
- onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
157
- onKeyPress?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
158
- onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
159
- onKeyUp?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
160
- onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
161
- onAbort?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
162
- onAbortCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
163
- onCanPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
164
- onCanPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
165
- onCanPlayThrough?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
166
- onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
167
- onDurationChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
168
- onDurationChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
169
- onEmptied?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
170
- onEmptiedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
171
- onEncrypted?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
172
- onEncryptedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
173
- onEnded?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
174
- onEndedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
175
- onLoadedData?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
176
- onLoadedDataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
177
- onLoadedMetadata?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
178
- onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
179
- onLoadStart?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
180
- onLoadStartCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
181
- onPause?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
182
- onPauseCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
183
- onPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
184
- onPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
185
- onPlaying?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
186
- onPlayingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
187
- onProgress?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
188
- onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
189
- onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
190
- onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
191
- onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
192
- onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
193
- onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
194
- onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
195
- onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
196
- onSeekingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
197
- onStalled?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
198
- onStalledCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
199
- onSuspend?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
200
- onSuspendCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
201
- onTimeUpdate?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
202
- onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
203
- onVolumeChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
204
- onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
205
- onWaiting?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
206
- onWaitingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
207
- onAuxClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
208
- onAuxClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
209
- onClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
210
- onClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
211
- onContextMenu?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
212
- onContextMenuCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
213
- onDoubleClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
214
- onDoubleClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
215
- onDrag?: import('react').DragEventHandler<HTMLInputElement> | undefined;
216
- onDragCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
217
- onDragEnd?: import('react').DragEventHandler<HTMLInputElement> | undefined;
218
- onDragEndCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
219
- onDragEnter?: import('react').DragEventHandler<HTMLInputElement> | undefined;
220
- onDragEnterCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
221
- onDragExit?: import('react').DragEventHandler<HTMLInputElement> | undefined;
222
- onDragExitCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
223
- onDragLeave?: import('react').DragEventHandler<HTMLInputElement> | undefined;
224
- onDragLeaveCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
225
- onDragOver?: import('react').DragEventHandler<HTMLInputElement> | undefined;
226
- onDragOverCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
227
- onDragStart?: import('react').DragEventHandler<HTMLInputElement> | undefined;
228
- onDragStartCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
229
- onDrop?: import('react').DragEventHandler<HTMLInputElement> | undefined;
230
- onDropCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
231
- onMouseDown?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
232
- onMouseDownCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
233
- onMouseEnter?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
234
- onMouseLeave?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
235
- onMouseMove?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
236
- onMouseMoveCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
237
- onMouseOut?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
238
- onMouseOutCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
239
- onMouseOver?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
240
- onMouseOverCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
241
- onMouseUp?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
242
- onMouseUpCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
243
- onSelect?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
244
- onSelectCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
245
- onTouchCancel?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
246
- onTouchCancelCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
247
- onTouchEnd?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
248
- onTouchEndCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
249
- onTouchMove?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
250
- onTouchMoveCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
251
- onTouchStart?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
252
- onTouchStartCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
253
- onPointerDown?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
254
- onPointerDownCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
255
- onPointerMove?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
256
- onPointerMoveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
257
- onPointerUp?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
258
- onPointerUpCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
259
- onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
260
- onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
261
- onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
262
- onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
263
- onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
264
- onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
265
- onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
266
- onPointerOutCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
267
- onGotPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
268
- onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
269
- onLostPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
270
- onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
271
- onScroll?: import('react').UIEventHandler<HTMLInputElement> | undefined;
272
- onScrollCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
273
- onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
274
- onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
275
- onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
276
- onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
277
- onAnimationEnd?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
278
- onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
279
- onAnimationIteration?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
280
- onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
281
- onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
282
- onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
283
- list?: string | undefined;
284
- accept?: string | undefined;
285
- alt?: string | undefined;
286
- autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
287
- capture?: boolean | "user" | "environment" | undefined;
288
- checked?: boolean | undefined;
289
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
290
- height?: number | string | undefined;
291
- max?: number | string | undefined;
292
- maxLength?: number | undefined;
293
- min?: number | string | undefined;
294
- minLength?: number | undefined;
295
- multiple?: boolean | undefined;
296
- placeholder?: string | undefined;
297
- required?: boolean | undefined;
298
- src?: string | undefined;
299
- step?: number | string | undefined;
300
- width?: number | string | undefined;
301
- } & {
302
- className?: string;
303
- label?: string;
304
- variant?: `${EInputVariant}` | EInputVariant;
305
- autofocus?: boolean;
306
- readonly?: boolean;
307
- size?: `${EInputSize}` | EInputSize;
308
- } & import('react').RefAttributes<HTMLInputElement>>>;
309
- parameters: {
310
- layout: string;
311
- };
312
- tags: string[];
313
- argTypes: {
314
- size: {
315
- options: EInputSize[];
316
- control: {
317
- type: "select";
318
- };
319
- };
320
- variant: {
321
- options: EInputVariant[];
322
- control: {
323
- type: "select";
324
- };
325
- };
326
- };
327
- args: {
328
- onClick: import('@vitest/spy').Mock<[event: import('react').MouseEvent<HTMLInputElement, MouseEvent>], void>;
329
- size: EInputSize.L;
330
- variant: EInputVariant.DefaultGray;
331
- };
332
- };
333
- export default meta;
334
- type Story = StoryObj<typeof meta>;
335
- export declare const Primary: Story;
@@ -1,26 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- import { EInputSize, EInputVariant } from '../Input/constants';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ value, valueLength, needSeparator, onChange, ...props }: import('.').TProps) => import("react/jsx-runtime").JSX.Element;
7
- parameters: {
8
- layout: string;
9
- };
10
- tags: string[];
11
- argTypes: {
12
- needSeparator: {
13
- control: {
14
- type: "boolean";
15
- };
16
- };
17
- };
18
- args: {
19
- variant: EInputVariant.DefaultWhite;
20
- size: EInputSize.L;
21
- };
22
- };
23
- export default meta;
24
- type Story = StoryObj<typeof meta>;
25
- export declare const Default: Story;
26
- export declare const WithoutSeparator: Story;
@@ -1,44 +0,0 @@
1
- function u(e) {
2
- return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
3
- }
4
- var f = { exports: {} };
5
- /*!
6
- Copyright (c) 2018 Jed Watson.
7
- Licensed under the MIT License (MIT), see
8
- http://jedwatson.github.io/classnames
9
- */
10
- (function(e) {
11
- (function() {
12
- var i = {}.hasOwnProperty;
13
- function s() {
14
- for (var t = "", r = 0; r < arguments.length; r++) {
15
- var n = arguments[r];
16
- n && (t = o(t, a(n)));
17
- }
18
- return t;
19
- }
20
- function a(t) {
21
- if (typeof t == "string" || typeof t == "number")
22
- return t;
23
- if (typeof t != "object")
24
- return "";
25
- if (Array.isArray(t))
26
- return s.apply(null, t);
27
- if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
28
- return t.toString();
29
- var r = "";
30
- for (var n in t)
31
- i.call(t, n) && t[n] && (r = o(r, n));
32
- return r;
33
- }
34
- function o(t, r) {
35
- return r ? t ? t + " " + r : t + r : t;
36
- }
37
- e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
38
- })();
39
- })(f);
40
- var c = f.exports;
41
- const p = /* @__PURE__ */ u(c);
42
- export {
43
- p as c
44
- };
package/dist/index.css DELETED
@@ -1 +0,0 @@
1
- ._otp_3vrel_1{display:flex;width:100%;column-gap:8px}._input_3vrel_7{flex:0 0 64px;padding:0;text-align:center}._separator_3vrel_13{display:block;flex:0 0 54px;align-self:center;height:1px;background-color:var(--black-100)}
package/dist/index2.css DELETED
@@ -1 +0,0 @@
1
- ._input_578w4_1{padding-right:44px}._wrapper_578w4_5{position:relative;display:flex;align-items:center;border-radius:8px}._wrapper_578w4_5 svg{color:inherit;fill:inherit}._button-wrapper_578w4_16{position:absolute;top:0;right:16px;z-index:2;display:flex;width:24px;height:100%;max-height:64px;border-radius:8px}._button_578w4_16{align-self:center;background-color:transparent;border-radius:8px}
package/dist/index3.css DELETED
@@ -1 +0,0 @@
1
- ._input_uy10d_1{--button-border-radius-l: 8px;--button-border-radius-m: 6px;--button-border-radius-s: 6px;position:relative;display:block;width:100%;min-width:0;height:var(--input-height);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);letter-spacing:-.42px;background:none;background-color:var(--input-bg-color);border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-feature-settings:"zero";padding-inline:var(--input-padding) var(--input-padding)}._s_uy10d_25{--input-height: var(--control-height-s);--input-font-size: var(--control-text-size-s);--input-padding: var(--space-m);--input-border-radius: var(--button-border-radius-s)}._m_uy10d_32{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-m);--input-padding: var(--space-m);--input-border-radius: var(--button-border-radius-m)}._l_uy10d_39{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-padding: var(--space-m);--input-border-radius: var(--button-border-radius-l)}._default-gray_uy10d_46{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--black-60);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal)}._default-white_uy10d_57{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-60);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal)}._default-white_uy10d_57::placeholder{color:var(--input-color)}._default-white_uy10d_57:hover::placeholder{color:var(--input-color)}._success_uy10d_74{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal)}._success_uy10d_74::placeholder{color:var(--input-color)}._success_uy10d_74:hover::placeholder{color:var(--input-color)}._alarm_uy10d_91{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal)}._alarm_uy10d_91::placeholder{color:var(--input-color)}._alarm_uy10d_91:hover::placeholder{color:var(--input-color)}._error_uy10d_108{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal)}._error_uy10d_108::placeholder{color:var(--input-color)}._error_uy10d_108:hover::placeholder{color:var(--input-color)}._input_uy10d_1:hover{color:var(--input-color-hover);background:var(--input-bg-color-hover)}._input_uy10d_1:focus{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._disabled_uy10d_136{--input-cursor: not-allowed;color:var(--light-text);background-color:var(--black-20)}._disabled_uy10d_136:hover,._disabled_uy10d_136:active,._disabled_uy10d_136:focus{color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_uy10d_136::placeholder{color:var(--light-text)}._disabled_uy10d_136:hover::placeholder{color:var(--light-text)}
@@ -1 +0,0 @@
1
- export declare const getLog: (message: string) => string;
@@ -1,4 +0,0 @@
1
- const e = (t) => t;
2
- export {
3
- e as getLog
4
- };
@@ -1 +0,0 @@
1
- export { getLog } from './getLog';
@@ -1,4 +0,0 @@
1
- import { getLog as g } from "./getLog.js";
2
- export {
3
- g as getLog
4
- };