mimir-ui-kit 0.0.1 → 0.0.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. package/dist/assets/fonts/11d5bc9f0cad36d1.woff2 +0 -0
  2. package/dist/assets/fonts/1a738bfdbc1e4d9d.woff +0 -0
  3. package/dist/assets/fonts/242d04bef81519ae.woff2 +0 -0
  4. package/dist/assets/fonts/3b9f59412b17ff93.woff +0 -0
  5. package/dist/assets/fonts/3cdd7fabbe89d2b9.woff +0 -0
  6. package/dist/assets/fonts/43b748f250df0f08.woff +0 -0
  7. package/dist/assets/fonts/585d10920d676fcd.woff2 +0 -0
  8. package/dist/assets/fonts/63611593e008a77c.woff2 +0 -0
  9. package/dist/assets/fonts/badaa6d1837432de.woff +0 -0
  10. package/dist/assets/fonts/cac2ba46e8c8adc9.woff2 +0 -0
  11. package/dist/assets/fonts/d080ae18fd04e52c.woff2 +0 -0
  12. package/dist/assets/fonts/e51d2feb30084bc2.woff2 +0 -0
  13. package/dist/assets/fonts/ee3db32f0aadef5d.woff2 +0 -0
  14. package/dist/assets/fonts/f4d681a788c6d497.woff2 +0 -0
  15. package/dist/assets/styles/index.css +1 -0
  16. package/dist/components/Button/Button.stories.d.ts +33 -0
  17. package/dist/components/Button/constants.d.ts +16 -0
  18. package/dist/components/Button/constants.js +5 -0
  19. package/dist/components/Button/index.d.ts +29 -0
  20. package/dist/components/Button/index.js +30 -0
  21. package/dist/components/Input/Input.stories.d.ts +329 -0
  22. package/dist/components/Input/constants.d.ts +10 -0
  23. package/dist/components/Input/constants.js +5 -0
  24. package/dist/components/Input/index.d.ts +77 -0
  25. package/dist/components/Input/index.js +84 -0
  26. package/dist/components/InputPhoneNumber/Input.stories.d.ts +325 -0
  27. package/dist/components/InputPhoneNumber/index.d.ts +309 -0
  28. package/dist/components/InputPhoneNumber/index.js +28 -0
  29. package/dist/components/InputPhoneNumber/utils.d.ts +2 -0
  30. package/dist/components/InputPhoneNumber/utils.js +9 -0
  31. package/dist/components/index.d.ts +3 -0
  32. package/dist/components/index.js +8 -0
  33. package/dist/hooks/index.d.ts +0 -0
  34. package/dist/hooks/index.js +1 -0
  35. package/dist/index-DIxK0V-G.js +44 -0
  36. package/dist/index.css +1 -0
  37. package/dist/index.d.ts +2 -0
  38. package/dist/index.js +10 -0
  39. package/dist/index2.css +1 -0
  40. package/dist/utils/getLog.d.ts +1 -0
  41. package/dist/utils/getLog.js +4 -0
  42. package/dist/utils/index.d.ts +1 -0
  43. package/dist/utils/index.js +4 -0
  44. package/package.json +91 -15
  45. package/README.md +0 -1
  46. package/index.js +0 -9
@@ -0,0 +1,309 @@
1
+ export type ImperativeHandle = Partial<HTMLInputElement> & {
2
+ getPhoneNumber: () => string;
3
+ };
4
+ export declare const InputPhoneNumber: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
5
+ form?: string | undefined;
6
+ slot?: string | undefined;
7
+ style?: import('react').CSSProperties | undefined;
8
+ title?: string | undefined;
9
+ pattern?: string | undefined;
10
+ disabled?: boolean | undefined;
11
+ 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;
12
+ formEncType?: string | undefined;
13
+ formMethod?: string | undefined;
14
+ formNoValidate?: boolean | undefined;
15
+ formTarget?: string | undefined;
16
+ name?: string | undefined;
17
+ type?: import('react').HTMLInputTypeAttribute | undefined;
18
+ value?: string | readonly string[] | number | undefined;
19
+ defaultChecked?: boolean | undefined;
20
+ defaultValue?: string | number | readonly string[] | undefined;
21
+ suppressContentEditableWarning?: boolean | undefined;
22
+ suppressHydrationWarning?: boolean | undefined;
23
+ accessKey?: string | undefined;
24
+ autoFocus?: boolean | undefined;
25
+ className?: string | undefined;
26
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
27
+ contextMenu?: string | undefined;
28
+ dir?: string | undefined;
29
+ draggable?: (boolean | "true" | "false") | undefined;
30
+ hidden?: boolean | undefined;
31
+ id?: string | undefined;
32
+ lang?: string | undefined;
33
+ nonce?: string | undefined;
34
+ spellCheck?: (boolean | "true" | "false") | undefined;
35
+ tabIndex?: number | undefined;
36
+ translate?: "yes" | "no" | undefined;
37
+ radioGroup?: string | undefined;
38
+ role?: import('react').AriaRole | undefined;
39
+ about?: string | undefined;
40
+ content?: string | undefined;
41
+ datatype?: string | undefined;
42
+ inlist?: any;
43
+ prefix?: string | undefined;
44
+ property?: string | undefined;
45
+ rel?: string | undefined;
46
+ resource?: string | undefined;
47
+ rev?: string | undefined;
48
+ typeof?: string | undefined;
49
+ vocab?: string | undefined;
50
+ autoCapitalize?: string | undefined;
51
+ autoCorrect?: string | undefined;
52
+ autoSave?: string | undefined;
53
+ color?: string | undefined;
54
+ itemProp?: string | undefined;
55
+ itemScope?: boolean | undefined;
56
+ itemType?: string | undefined;
57
+ itemID?: string | undefined;
58
+ itemRef?: string | undefined;
59
+ results?: number | undefined;
60
+ security?: string | undefined;
61
+ unselectable?: "on" | "off" | undefined;
62
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
63
+ is?: string | undefined;
64
+ "aria-activedescendant"?: string | undefined;
65
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
66
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
67
+ "aria-braillelabel"?: string | undefined;
68
+ "aria-brailleroledescription"?: string | undefined;
69
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
70
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
71
+ "aria-colcount"?: number | undefined;
72
+ "aria-colindex"?: number | undefined;
73
+ "aria-colindextext"?: string | undefined;
74
+ "aria-colspan"?: number | undefined;
75
+ "aria-controls"?: string | undefined;
76
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
77
+ "aria-describedby"?: string | undefined;
78
+ "aria-description"?: string | undefined;
79
+ "aria-details"?: string | undefined;
80
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
81
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
82
+ "aria-errormessage"?: string | undefined;
83
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
84
+ "aria-flowto"?: string | undefined;
85
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
86
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
87
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
88
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
89
+ "aria-keyshortcuts"?: string | undefined;
90
+ "aria-label"?: string | undefined;
91
+ "aria-labelledby"?: string | undefined;
92
+ "aria-level"?: number | undefined;
93
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
94
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
95
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
96
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
97
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
98
+ "aria-owns"?: string | undefined;
99
+ "aria-placeholder"?: string | undefined;
100
+ "aria-posinset"?: number | undefined;
101
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
102
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
103
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
104
+ "aria-required"?: (boolean | "true" | "false") | undefined;
105
+ "aria-roledescription"?: string | undefined;
106
+ "aria-rowcount"?: number | undefined;
107
+ "aria-rowindex"?: number | undefined;
108
+ "aria-rowindextext"?: string | undefined;
109
+ "aria-rowspan"?: number | undefined;
110
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
111
+ "aria-setsize"?: number | undefined;
112
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
113
+ "aria-valuemax"?: number | undefined;
114
+ "aria-valuemin"?: number | undefined;
115
+ "aria-valuenow"?: number | undefined;
116
+ "aria-valuetext"?: string | undefined;
117
+ children?: import('react').ReactNode | undefined;
118
+ dangerouslySetInnerHTML?: {
119
+ __html: string | TrustedHTML;
120
+ } | undefined;
121
+ onCopy?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
122
+ onCopyCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
123
+ onCut?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
124
+ onCutCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
125
+ onPaste?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
126
+ onPasteCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
127
+ onCompositionEnd?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
128
+ onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
129
+ onCompositionStart?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
130
+ onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
131
+ onCompositionUpdate?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
132
+ onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
133
+ onFocus?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
134
+ onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
135
+ onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
136
+ onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
137
+ onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
138
+ onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
139
+ onBeforeInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
140
+ onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
141
+ onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
142
+ onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
143
+ onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
144
+ onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
145
+ onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
146
+ onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
147
+ onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
148
+ onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
149
+ onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
150
+ onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
151
+ onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
152
+ onErrorCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
153
+ onKeyDown?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
154
+ onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
155
+ onKeyPress?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
156
+ onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
157
+ onKeyUp?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
158
+ onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
159
+ onAbort?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
160
+ onAbortCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
161
+ onCanPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
162
+ onCanPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
163
+ onCanPlayThrough?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
164
+ onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
165
+ onDurationChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
166
+ onDurationChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
167
+ onEmptied?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
168
+ onEmptiedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
169
+ onEncrypted?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
170
+ onEncryptedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
171
+ onEnded?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
172
+ onEndedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
173
+ onLoadedData?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
174
+ onLoadedDataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
175
+ onLoadedMetadata?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
176
+ onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
177
+ onLoadStart?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
178
+ onLoadStartCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
179
+ onPause?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
180
+ onPauseCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
181
+ onPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
182
+ onPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
183
+ onPlaying?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
184
+ onPlayingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
185
+ onProgress?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
186
+ onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
187
+ onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
188
+ onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
189
+ onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
190
+ onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
191
+ onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
192
+ onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
193
+ onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
194
+ onSeekingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
195
+ onStalled?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
196
+ onStalledCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
197
+ onSuspend?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
198
+ onSuspendCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
199
+ onTimeUpdate?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
200
+ onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
201
+ onVolumeChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
202
+ onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
203
+ onWaiting?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
204
+ onWaitingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
205
+ onAuxClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
206
+ onAuxClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
207
+ onClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
208
+ onClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
209
+ onContextMenu?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
210
+ onContextMenuCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
211
+ onDoubleClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
212
+ onDoubleClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
213
+ onDrag?: import('react').DragEventHandler<HTMLInputElement> | undefined;
214
+ onDragCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
215
+ onDragEnd?: import('react').DragEventHandler<HTMLInputElement> | undefined;
216
+ onDragEndCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
217
+ onDragEnter?: import('react').DragEventHandler<HTMLInputElement> | undefined;
218
+ onDragEnterCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
219
+ onDragExit?: import('react').DragEventHandler<HTMLInputElement> | undefined;
220
+ onDragExitCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
221
+ onDragLeave?: import('react').DragEventHandler<HTMLInputElement> | undefined;
222
+ onDragLeaveCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
223
+ onDragOver?: import('react').DragEventHandler<HTMLInputElement> | undefined;
224
+ onDragOverCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
225
+ onDragStart?: import('react').DragEventHandler<HTMLInputElement> | undefined;
226
+ onDragStartCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
227
+ onDrop?: import('react').DragEventHandler<HTMLInputElement> | undefined;
228
+ onDropCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
229
+ onMouseDown?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
230
+ onMouseDownCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
231
+ onMouseEnter?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
232
+ onMouseLeave?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
233
+ onMouseMove?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
234
+ onMouseMoveCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
235
+ onMouseOut?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
236
+ onMouseOutCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
237
+ onMouseOver?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
238
+ onMouseOverCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
239
+ onMouseUp?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
240
+ onMouseUpCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
241
+ onSelect?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
242
+ onSelectCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
243
+ onTouchCancel?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
244
+ onTouchCancelCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
245
+ onTouchEnd?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
246
+ onTouchEndCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
247
+ onTouchMove?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
248
+ onTouchMoveCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
249
+ onTouchStart?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
250
+ onTouchStartCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
251
+ onPointerDown?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
252
+ onPointerDownCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
253
+ onPointerMove?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
254
+ onPointerMoveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
255
+ onPointerUp?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
256
+ onPointerUpCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
257
+ onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
258
+ onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
259
+ onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
260
+ onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
261
+ onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
262
+ onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
263
+ onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
264
+ onPointerOutCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
265
+ onGotPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
266
+ onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
267
+ onLostPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
268
+ onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
269
+ onScroll?: import('react').UIEventHandler<HTMLInputElement> | undefined;
270
+ onScrollCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
271
+ onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
272
+ onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
273
+ onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
274
+ onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
275
+ onAnimationEnd?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
276
+ onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
277
+ onAnimationIteration?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
278
+ onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
279
+ onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
280
+ onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
281
+ list?: string | undefined;
282
+ accept?: string | undefined;
283
+ alt?: string | undefined;
284
+ autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
285
+ capture?: boolean | "user" | "environment" | undefined;
286
+ checked?: boolean | undefined;
287
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
288
+ height?: number | string | undefined;
289
+ max?: number | string | undefined;
290
+ maxLength?: number | undefined;
291
+ min?: number | string | undefined;
292
+ minLength?: number | undefined;
293
+ multiple?: boolean | undefined;
294
+ placeholder?: string | undefined;
295
+ required?: boolean | undefined;
296
+ src?: string | undefined;
297
+ step?: number | string | undefined;
298
+ width?: number | string | undefined;
299
+ } & {
300
+ className?: string;
301
+ label?: string;
302
+ status?: import('../Input/constants').EInputStatus | `${import('../Input/constants').EInputStatus}`;
303
+ caption?: string;
304
+ autofocus?: boolean;
305
+ readonly?: boolean;
306
+ addonLeft?: import('react').ReactNode;
307
+ addonRight?: import('react').ReactNode;
308
+ size?: import('../Input/constants').EInputSize | `${import('../Input/constants').EInputSize}`;
309
+ } & import('react').RefAttributes<HTMLInputElement>>>;
@@ -0,0 +1,28 @@
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ import { memo as n, forwardRef as d, useState as i, useCallback as I, useImperativeHandle as c } from "react";
3
+ import { Input as f } from "../Input/index.js";
4
+ import { getMaskedInputPhoneValue as P, getUnmaskedInputValue as m } from "./utils.js";
5
+ const b = n(
6
+ d(({ onChange: e, ...o }, r) => {
7
+ const [a, p] = i("+7 "), s = I(
8
+ (t) => {
9
+ const u = P(t.target.value);
10
+ p(u), e == null || e({
11
+ ...t,
12
+ target: {
13
+ ...t.target,
14
+ value: m(u)
15
+ }
16
+ });
17
+ },
18
+ [e]
19
+ );
20
+ return c(r, () => ({
21
+ getPhoneNumber: () => m(a)
22
+ })), /* @__PURE__ */ l(f, { ref: r, ...o, value: a, onChange: s });
23
+ })
24
+ );
25
+ b.displayName = "InputPhoneNumber";
26
+ export {
27
+ b as InputPhoneNumber
28
+ };
@@ -0,0 +1,2 @@
1
+ export declare const getMaskedInputPhoneValue: (value: string) => string;
2
+ export declare const getUnmaskedInputValue: (value: string) => string;
@@ -0,0 +1,9 @@
1
+ const n = (s) => {
2
+ const t = s.replace(/\D/g, "");
3
+ let e = "+7 ";
4
+ return t.startsWith("7") ? e += "(" + t.substring(1, 4) : e += t.substring(0, 3), t.length > 4 && (e += ") " + t.substring(4, 7)), t.length > 7 && (e += "-" + t.substring(7, 9)), t.length > 9 && (e += "-" + t.substring(9, 11)), e;
5
+ }, r = (s) => s.replace(/\D/g, "");
6
+ export {
7
+ n as getMaskedInputPhoneValue,
8
+ r as getUnmaskedInputValue
9
+ };
@@ -0,0 +1,3 @@
1
+ export { Button } from './Button';
2
+ export { Input } from './Input';
3
+ export { InputPhoneNumber } from './InputPhoneNumber';
@@ -0,0 +1,8 @@
1
+ import { Button as t } from "./Button/index.js";
2
+ import { Input as p } from "./Input/index.js";
3
+ import { InputPhoneNumber as n } from "./InputPhoneNumber/index.js";
4
+ export {
5
+ t as Button,
6
+ p as Input,
7
+ n as InputPhoneNumber
8
+ };
File without changes
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,44 @@
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 ADDED
@@ -0,0 +1 @@
1
+ ._inputWrapper_1cv22_1{display:inline-flex;flex-direction:column;width:100%;height:var(--input-height);padding:var(--input-space);background-color:var(--black-5);border-radius:6px}._withOutLabel_1cv22_11{justify-content:center}._label_1cv22_15{margin-bottom:2px;color:var(--black-60);font-size:var(--size-text-s)}._label_1cv22_15:first-letter{text-transform:uppercase}._inputBody_1cv22_24{--caption-margin-left: calc(var(--input-space) + var(--control-border-width));--counter-button-icon-color: var(--color-control-typo-ghost);--counter-button-background: transparent;--counter-offset: 0;--clear-button-color: var(--color-control-typo-clear);display:flex;align-items:center;border-radius:var(--control-input-radius);outline:var(--control-border-width) solid var(--container-border-color)}._xs_1cv22_36{--label-offset: var(--space-2xs);--caption-offset: var(--space-2xs);--input-height: var(--control-height-xs);--input-font-size: var(--control-text-size-xs);--input-space: calc(var(--control-space-xs) * .5)}._s_1cv22_44{--label-offset: var(--space-2xs);--caption-offset: var(--space-2xs);--input-height: var(--control-height-s);--input-font-size: var(--control-text-size-s);--input-space: calc(var(--control-space-s) * .5)}._m_1cv22_52{--label-offset: var(--space-xs);--caption-offset: var(--space-xs);--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-m);--input-space: calc(var(--control-space-m) * .5)}._l_1cv22_15{--label-offset: var(--space-xs);--caption-offset: var(--space-xs);--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-space: calc(var(--control-space-l) * .5)}._addonLeft_1cv22_68,._addonRight_1cv22_69{display:flex}._withAddonLeft_1cv22_73{padding-left:8px}._withAddonRight_1cv22_77{padding-right:8px}._input_1cv22_1{width:100%;color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);letter-spacing:-.42px;background:none;border:none;outline:none;font-feature-settings:"zero"}
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ export * from './utils';
package/dist/index.js ADDED
@@ -0,0 +1,10 @@
1
+ import { Button as t } from "./components/Button/index.js";
2
+ import { Input as p } from "./components/Input/index.js";
3
+ import { InputPhoneNumber as f } from "./components/InputPhoneNumber/index.js";
4
+ import { getLog as u } from "./utils/getLog.js";
5
+ export {
6
+ t as Button,
7
+ p as Input,
8
+ f as InputPhoneNumber,
9
+ u as getLog
10
+ };
@@ -0,0 +1 @@
1
+ ._button_a92xc_1{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-block;flex-shrink:0;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:600;font-size:14px;font-family:var(--font-inter);line-height:16px;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;background:var(--button-bg-color);border:none;border-radius:var(--control-radius);cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._xs_a92xc_28{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs)}._s_a92xc_34{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s)}._m_a92xc_40{--button-height: var(--button-height-m);--button-font-size: var(--control-text-size-m);--button-space: var(--control-space-m)}._l_a92xc_46{--button-height: var(--button-height-l);--button-font-size: var(--control-text-size-l);--button-space: var(--control-space-l)}._xl_a92xc_52{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._xxl_a92xc_59{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._primary-sapphire_a92xc_66{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._primary-citrine_a92xc_76{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._secondary-asphalt_a92xc_86{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._secondary-gray_a92xc_96{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._secondary-white_a92xc_106{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white-hover);--button-color: var(--dark-text);--button-border: transparent}._secondary-red_a92xc_116{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._button_a92xc_1:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_a92xc_1:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_a92xc_1:focus{color:var(--button-color-active);background:var(--button-bg-color-active)}._full_a92xc_141{width:100%}._disabled_a92xc_145{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_a92xc_145:hover,._disabled_a92xc_145:active,._disabled_a92xc_145:focus{color:var(--light-text);background-color:var(--disabled)}
@@ -0,0 +1 @@
1
+ export declare const getLog: (message: string) => string;
@@ -0,0 +1,4 @@
1
+ const e = (t) => t;
2
+ export {
3
+ e as getLog
4
+ };
@@ -0,0 +1 @@
1
+ export { getLog } from './getLog';
@@ -0,0 +1,4 @@
1
+ import { getLog as g } from "./getLog.js";
2
+ export {
3
+ g as getLog
4
+ };
package/package.json CHANGED
@@ -1,15 +1,91 @@
1
- {
2
- "name": "mimir-ui-kit",
3
- "version": "0.0.1",
4
- "description": "Корпоративный UI-kit компании Газпромбанк Автолизинг",
5
- "main": "index.js",
6
- "scripts": {
7
- "test": "echo \"Error: no test specified\" && exit 1"
8
- },
9
- "repository": {
10
- "type": "git",
11
- "url": "https://git.autogpbl.ru/PonomarevAI/mimir-autogpbl-ui-kit.git"
12
- },
13
- "author": "",
14
- "license": "ISC"
15
- }
1
+ {
2
+ "name": "mimir-ui-kit",
3
+ "private": false,
4
+ "version": "0.0.8",
5
+ "type": "module",
6
+ "main": "dist/index.js",
7
+ "types": "dist/index.d.ts",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "sideEffects": [
12
+ "**/*.{css,scss}"
13
+ ],
14
+ "scripts": {
15
+ "dev": "vite",
16
+ "build": "tsc --p ./tsconfig-build.json && vite build",
17
+ "pre-build": "npm run build",
18
+ "ts:check": "tsc -b",
19
+ "lint:eslint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
20
+ "lint:prettier": "npx prettier . --write",
21
+ "lint:stylelint": "stylelint '**/*{.css,.scss}'",
22
+ "lint:stylelint:fix": "stylelint '**/*{.css,.scss}' --fix",
23
+ "preview": "vite preview",
24
+ "storybook": "storybook dev -p 6006",
25
+ "build-storybook": "storybook build",
26
+ "prepare": "husky"
27
+ },
28
+ "devDependencies": {
29
+ "@chromatic-com/storybook": "^1.6.1",
30
+ "@headlessui/react": "^2.1.2",
31
+ "@laynezh/vite-plugin-lib-assets": "^0.5.23",
32
+ "@storybook/addon-essentials": "^8.1.11",
33
+ "@storybook/addon-interactions": "^8.1.11",
34
+ "@storybook/addon-links": "^8.1.11",
35
+ "@storybook/addon-onboarding": "^8.1.11",
36
+ "@storybook/blocks": "^8.1.11",
37
+ "@storybook/react": "^8.1.11",
38
+ "@storybook/react-vite": "^8.1.11",
39
+ "@storybook/test": "^8.1.11",
40
+ "@types/node": "^20.14.10",
41
+ "@types/react": "^18.3.3",
42
+ "@types/react-dom": "^18.3.0",
43
+ "@typescript-eslint/eslint-plugin": "^7.13.1",
44
+ "@typescript-eslint/parser": "^7.13.1",
45
+ "@vitejs/plugin-react": "^4.3.1",
46
+ "classnames": "^2.5.1",
47
+ "eslint": "^8.57.0",
48
+ "eslint-config-prettier": "9.1.0",
49
+ "eslint-plugin-react-hooks": "^4.6.2",
50
+ "eslint-plugin-react-refresh": "^0.4.7",
51
+ "eslint-plugin-storybook": "^0.8.0",
52
+ "glob": "10.3.10",
53
+ "husky": "^9.0.11",
54
+ "lint-staged": "^15.2.7",
55
+ "prettier": "^3.3.2",
56
+ "react": "^18.3.1",
57
+ "react-dom": "^18.3.1",
58
+ "sass": "^1.77.7",
59
+ "storybook": "^8.1.11",
60
+ "stylelint": "^16.6.1",
61
+ "stylelint-config-idiomatic-order": "^10.0.0",
62
+ "stylelint-config-rational-order": "^0.1.2",
63
+ "stylelint-config-standard": "^36.0.1",
64
+ "stylelint-order": "^6.0.4",
65
+ "stylelint-prettier": "^5.0.0",
66
+ "stylelint-scss": "^6.4.0",
67
+ "typescript": "^5.2.2",
68
+ "vite": "^5.3.1",
69
+ "vite-plugin-dts": "^3.9.1",
70
+ "vite-plugin-lib-inject-css": "^2.1.1"
71
+ },
72
+ "peerDependencies": {
73
+ "@headlessui/react": "^2.1.2",
74
+ "react": "^18.3.1",
75
+ "react-dom": "^18.3.1"
76
+ },
77
+ "husky": {
78
+ "hooks": {
79
+ "pre-commit": "lint-staged"
80
+ }
81
+ },
82
+ "lint-staged": {
83
+ "**/*.{ts,tsx}": [
84
+ "eslint",
85
+ "prettier --write"
86
+ ],
87
+ "**/*.{css,scss}": [
88
+ "stylelint --fix"
89
+ ]
90
+ }
91
+ }
package/README.md DELETED
@@ -1 +0,0 @@
1
- Корпоративный UI-kit компании Газпромбанк Автолизинг
package/index.js DELETED
@@ -1,9 +0,0 @@
1
- export function gentleWanr(namespace) {
2
- const didWarn = {};
3
- return (message) => {
4
- if (!didWarn[message]) {
5
- console.warn(`[${namespace} ${message}]`);
6
- didWarn[message] = true;
7
- }
8
- }
9
- }