kwant-ui 3.13.8 → 4.1.0-alpha.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 (38) hide show
  1. package/dist/components/HoverInput/HoverInput.d.ts +2 -2
  2. package/dist/components/HoverInput/types.d.ts +2 -6
  3. package/dist/components/HoverSelect/types.d.ts +0 -2
  4. package/dist/components/Select/Select.types.d.ts +1 -2
  5. package/dist/index.es.js +3 -3
  6. package/dist/index.js +2 -2
  7. package/dist/package.json +1 -1
  8. package/package.json +1 -1
  9. package/dist/components/Button/Button.d.ts.map +0 -1
  10. package/dist/components/Button/Button.styled.d.ts.map +0 -1
  11. package/dist/components/Button/helper.d.ts.map +0 -1
  12. package/dist/components/Button/types.d.ts.map +0 -1
  13. package/dist/components/MultiSelect/onOutsideClick.d.ts +0 -3
  14. package/dist/components/Slider/Slider.d.ts.map +0 -1
  15. package/dist/components/Slider/Slider.styled.d.ts.map +0 -1
  16. package/dist/components/Slider/index.d.ts.map +0 -1
  17. package/dist/components/Slider/types.d.ts.map +0 -1
  18. package/dist/components/StepperDrawer/StepperDrawer.d.ts +0 -3
  19. package/dist/components/StepperDrawer/StepperDrawer.types.d.ts +0 -8
  20. package/dist/components/StepperDrawer/StepperDrawer.utils.d.ts +0 -1
  21. package/dist/components/StepperDrawer/StepperDrawerStyled.d.ts +0 -5
  22. package/dist/components/StepperDrawer/index.d.ts +0 -2
  23. package/dist/components/Text/TextStyled.d.ts.map +0 -1
  24. package/dist/components/Text/index.d.ts.map +0 -1
  25. package/dist/components/Text/types.d.ts.map +0 -1
  26. package/dist/components/Text/typography.d.ts.map +0 -1
  27. package/dist/components/Text/utils.d.ts.map +0 -1
  28. package/dist/components/stepper/index.d.ts.map +0 -1
  29. package/dist/index.d.ts.map +0 -1
  30. package/dist/kwant-ui.es.js +0 -4345
  31. package/dist/kwant-ui.umd.js +0 -507
  32. package/dist/public/assets/sprite.svg +0 -9502
  33. package/dist/stories/Drawer/StepperDrawerStory.d.ts +0 -2
  34. package/dist/stories/StepperDrawer.stories.d.ts +0 -72
  35. package/dist/themes/colors.d.ts.map +0 -1
  36. package/dist/themes/index.d.ts.map +0 -1
  37. package/dist/themes/types.d.ts.map +0 -1
  38. package/dist/types.d.ts +0 -572
@@ -1,2 +0,0 @@
1
- declare const StepperDrawerStory: (props: any) => import("react/jsx-runtime").JSX.Element;
2
- export default StepperDrawerStory;
@@ -1,72 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: (props: any) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- argTypes: {
7
- sidebarBorder: {
8
- description: string;
9
- defaultValue: {
10
- summary: string;
11
- };
12
- control: string;
13
- };
14
- drawerSidebar: {
15
- description: string;
16
- defaultValue: {
17
- summary: string;
18
- };
19
- };
20
- drawerHeader: {
21
- description: string;
22
- defaultValue: {
23
- summary: string;
24
- };
25
- };
26
- drawerFooter: {
27
- description: string;
28
- defaultValue: {
29
- summary: string;
30
- };
31
- };
32
- headerBorder: {
33
- description: string;
34
- defaultValue: {
35
- summary: string;
36
- };
37
- control: string;
38
- };
39
- footerBorder: {
40
- description: string;
41
- defaultValue: {
42
- summary: string;
43
- };
44
- control: string;
45
- };
46
- showCloseButton: {
47
- description: string;
48
- defaultValue: {
49
- summary: string;
50
- };
51
- control: string;
52
- };
53
- width: {
54
- description: string;
55
- defaultValue: {
56
- summary: string;
57
- };
58
- control: string;
59
- };
60
- position: {
61
- description: string;
62
- defaultValue: {
63
- summary: string;
64
- };
65
- control: string;
66
- options: string[];
67
- };
68
- };
69
- };
70
- export default meta;
71
- type Story = StoryObj<typeof meta>;
72
- export declare const Default: Story;
@@ -1 +0,0 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/themes/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,MAAM,EAAE,KAwHb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,KAAK,EAAE,KAEZ,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/themes/types.ts"],"names":[],"mappings":"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"}
package/dist/types.d.ts DELETED
@@ -1,572 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React$1 from 'react';
3
- import React__default, { ReactNode, InputHTMLAttributes, FC } from 'react';
4
-
5
- interface Color {
6
- primary: Primary;
7
- secondary: Secondary;
8
- tertiary: Tertiary;
9
- accent: Accent;
10
- link: Link;
11
- error: Error;
12
- success: Success;
13
- black: Black;
14
- white: White;
15
- grey: Grey;
16
- warning: Warning;
17
- disabled: Disabled;
18
- text: Text$1;
19
- input: Input$1;
20
- green: Green;
21
- blue: Blue;
22
- red: Red;
23
- scrollbar: Scrollbar;
24
- [key: string]: any;
25
- }
26
- interface Accent {
27
- accent500: string;
28
- accent100: string;
29
- accent75: string;
30
- accent50: string;
31
- accent15: string;
32
- }
33
- interface Black {
34
- blackHigh: string;
35
- blackMedium: string;
36
- blackLow: string;
37
- black: string;
38
- }
39
- interface Disabled {
40
- disabledHigh: string;
41
- disabledMedium: string;
42
- disabledLow: string;
43
- }
44
- interface Error {
45
- errorHigh: string;
46
- errorMedium: string;
47
- errorLow: string;
48
- errorLower: string;
49
- }
50
- interface Grey {
51
- greyHigh: string;
52
- greyMedium: string;
53
- greyLow: string;
54
- grey90: string;
55
- grey30: string;
56
- grey20: string;
57
- grey5: string;
58
- grey500: string;
59
- }
60
- interface Link {
61
- linkHigh: string;
62
- linkMedium: string;
63
- linkLow: string;
64
- }
65
- interface Primary {
66
- primary100: string;
67
- primary90: string;
68
- primary80: string;
69
- primary70: string;
70
- primary60: string;
71
- primary50: string;
72
- primary40: string;
73
- primary30: string;
74
- primary20: string;
75
- primary10: string;
76
- primary5: string;
77
- }
78
- interface Secondary {
79
- secondary100: string;
80
- secondary90: string;
81
- secondary80: string;
82
- secondary70: string;
83
- secondary60: string;
84
- secondary50: string;
85
- secondary40: string;
86
- secondary30: string;
87
- secondary20: string;
88
- secondary10: string;
89
- secondary5: string;
90
- }
91
- interface Success {
92
- successDark: string;
93
- successMedium: string;
94
- successLow: string;
95
- }
96
- interface Tertiary {
97
- tertiary100: string;
98
- tertiary90: string;
99
- tertiary80: string;
100
- tertiary70: string;
101
- tertiary60: string;
102
- tertiary50: string;
103
- tertiary40: string;
104
- tertiary30: string;
105
- tertiary20: string;
106
- tertiary10: string;
107
- tertiary5: string;
108
- }
109
- interface Warning {
110
- warningHigh: string;
111
- warningMedium: string;
112
- warningLow: string;
113
- }
114
- interface White {
115
- white: string;
116
- }
117
- interface Text$1 {
118
- primary: string;
119
- }
120
- interface Input$1 {
121
- focused: string;
122
- focusedShadow: string;
123
- focusedShadowError: string;
124
- }
125
- interface Green {
126
- green40: string;
127
- green10: string;
128
- green5: string;
129
- }
130
- interface Blue {
131
- blue5: string;
132
- }
133
- interface Red {
134
- red050: string;
135
- }
136
- interface Scrollbar {
137
- track: string;
138
- thumb: string;
139
- }
140
-
141
- declare namespace ButtonComponent {
142
- export type Props = {
143
- label?: string;
144
- buttontype?: ButtonType;
145
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
146
- width?: number;
147
- disabled?: boolean;
148
- icon?: React.ReactNode;
149
- variant?: ButtonVariant;
150
- cursor?: string;
151
- };
152
- export enum Variant {
153
- outline = "outline",
154
- filled = "filled",
155
- light = "light",
156
- subtle = "subtle"
157
- }
158
- type ButtonVariant = keyof typeof Variant;
159
- export type ButtonWrapper = {
160
- buttontype: ButtonType;
161
- disabled?: boolean;
162
- cursor?: string;
163
- variant: ButtonVariant;
164
- width?: number;
165
- };
166
- export enum ButtonEnum {
167
- primary = 0,
168
- secondary = 1,
169
- error = 2,
170
- success = 3,
171
- warning = 4,
172
- tertiary = 5
173
- }
174
- export type ButtonColors = {
175
- primary: string;
176
- secondary: string;
177
- error: string;
178
- success: string;
179
- warning: string;
180
- tertiary: string;
181
- };
182
- export type ButtonType = keyof typeof ButtonEnum;
183
- export type SwitchButtonStyles = {
184
- disabled?: boolean;
185
- theme: Color;
186
- buttontype: ButtonType;
187
- variant: ButtonVariant;
188
- };
189
- export {};
190
- }
191
-
192
- declare const Button: (props: ButtonComponent.Props) => react_jsx_runtime.JSX.Element;
193
-
194
- type Options = {
195
- id: number;
196
- icon: ReactNode;
197
- title: string;
198
- };
199
- type StepperProps = {
200
- options: Options[];
201
- activeStep: number;
202
- onStepChange: (step: number) => void;
203
- direction: 'row' | 'column';
204
- hasBottom: boolean;
205
- bottomOptions: Options[];
206
- };
207
- declare function Stepper({ options, activeStep, onStepChange, direction, hasBottom, bottomOptions }: StepperProps): react_jsx_runtime.JSX.Element;
208
-
209
- declare namespace TextComponent {
210
- type Props = ParagraphTypes & {
211
- onClick?: (event: React.MouseEvent<HTMLParagraphElement, MouseEvent>) => void;
212
- children?: React.ReactNode;
213
- type?: Type;
214
- };
215
- type Category = "subtitle" | "subtitle2" | "body" | "bodyEm" | "bodySm" | "button" | "prefix" | "caption" | "link" | "title";
216
- type Type = "error" | "success";
217
- type ParagraphTypes = {
218
- category?: Category;
219
- color?: string;
220
- type?: Type;
221
- };
222
- }
223
-
224
- declare const Text: (props: TextComponent.Props) => react_jsx_runtime.JSX.Element;
225
-
226
- type DataProps = {
227
- titleText: string;
228
- description: string;
229
- };
230
- type SliderProps = {
231
- autoPlay: boolean;
232
- content?: DataProps[];
233
- interval: number;
234
- contentWidth?: number;
235
- dotsAlignment?: string;
236
- dotsActiveColor?: string;
237
- dotsBackgroundColor?: string;
238
- };
239
- declare const Slider: (props: SliderProps) => react_jsx_runtime.JSX.Element;
240
-
241
- declare namespace Checkbox$1 {
242
- type Props = {
243
- name?: string;
244
- label?: React.ReactNode | string;
245
- onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
246
- onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
247
- color?: string;
248
- disabled?: boolean;
249
- defaultChecked?: boolean;
250
- checked?: boolean;
251
- variant?: CheckboxVariant;
252
- };
253
- enum Variant {
254
- default = "default",
255
- line = "line"
256
- }
257
- type CheckboxVariant = keyof typeof Variant;
258
- type CheckboxContainer = {
259
- label?: string;
260
- disabled?: boolean;
261
- color: string;
262
- };
263
- }
264
-
265
- declare const Checkbox: React$1.ForwardRefExoticComponent<Checkbox$1.Props & React$1.RefAttributes<HTMLInputElement>>;
266
-
267
- type ContainerWidth = "fit-content" | string | "full";
268
- type FeedbackSectionAlignment = "left" | "center" | "right";
269
- type ContentAlignment = "left" | "center" | "right";
270
-
271
- interface OTPChangeHandler<T> {
272
- (otp: string, event: T): void;
273
- }
274
-
275
- type OTPInputProps = {
276
- value?: string;
277
- length?: number;
278
- type?: "number" | "text";
279
- autofocus?: boolean;
280
- onChange?: OTPChangeHandler<
281
- React.ChangeEvent | React.KeyboardEvent | React.ClipboardEvent
282
- >;
283
- onOTPComplete?: (otp: string) => void;
284
- hasError?: boolean;
285
- inputWidth?: string | number;
286
- inputHeight?: string | number;
287
- feedbackSectionAlignment?: FeedbackSectionAlignment;
288
- containerWidth?: ContainerWidth;
289
- contentAlignment?: ContentAlignment;
290
- feedbackSection?: React.ReactNode;
291
- };
292
-
293
- type OTPObj = {
294
- [key: string | number]: string;
295
- };
296
-
297
- declare namespace InputComponent {
298
- type Props = InputHTMLAttributes<HTMLInputElement> & {
299
- onClick?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
300
- onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
301
- disabled?: boolean;
302
- value?: string | number | null;
303
- name?: string;
304
- type?: string;
305
- required?: boolean;
306
- readOnly?: boolean;
307
- label?: string;
308
- errorMessage?: string;
309
- error?: boolean;
310
- id?: string;
311
- helperText?: string;
312
- onBlur?: () => void;
313
- onFocus?: () => void;
314
- rightSection?: React.ReactNode;
315
- leftSection?: React.ReactNode;
316
- };
317
- type Astrik = {
318
- disabled: boolean;
319
- };
320
- type InputWrapper = {
321
- isFocused?: boolean;
322
- error?: boolean;
323
- disabled?: boolean;
324
- };
325
- type SwitchInputWrapperStyles = InputComponent.InputWrapper & {
326
- theme: Color;
327
- };
328
- type SwitchInputStyles = {
329
- theme: Color;
330
- disabled?: boolean;
331
- };
332
- type InputSection = {
333
- paddingRight?: number;
334
- paddingLeft?: number;
335
- };
336
- }
337
-
338
- declare const Input: FC<InputComponent.Props>;
339
-
340
- declare namespace RowComponent {
341
- type Props = RowTypes & {
342
- children?: React.ReactNode;
343
- };
344
- type RowTypes = {};
345
- }
346
- declare namespace ColComponent {
347
- type Props = ColTypes & {
348
- children?: React.ReactNode;
349
- style?: any;
350
- };
351
- type ColTypes = {
352
- xxsm?: number;
353
- xsm?: number;
354
- sm?: number;
355
- md?: number;
356
- lg?: number;
357
- xl?: number;
358
- xxl?: number;
359
- };
360
- }
361
-
362
- declare function Row(props: RowComponent.Props): react_jsx_runtime.JSX.Element;
363
-
364
- declare function Col({ xxsm, xsm, sm, md, lg, xl, xxl, ...props }: ColComponent.Props): react_jsx_runtime.JSX.Element;
365
-
366
- type XAlign = "left" | "center" | "right";
367
- type YAlign = "top" | "bottom";
368
-
369
- type ToastPosition = `${YAlign}-${XAlign}`;
370
-
371
- type IToastProviderConfig = {
372
- timeout?: number;
373
- position?: ToastPosition;
374
- children: React.ReactNode;
375
- offsetX?: number;
376
- offsetY?: number;
377
- };
378
-
379
- declare const ToastProvider: ({ children, position, timeout, offsetX, offsetY }: IToastProviderConfig) => react_jsx_runtime.JSX.Element;
380
-
381
- declare const useToast: (hookConfig?: Omit<IToastProviderConfig, 'children'>) => {
382
- [key: string]: (message: string, config?: {
383
- timeout?: number;
384
- }) => void;
385
- };
386
-
387
- declare const useOutsideClick: (callback: any) => React__default.MutableRefObject<HTMLDivElement>;
388
-
389
- declare function useDebouncedValue(value: string | number, timeout?: number): string | number;
390
-
391
- declare const useToggle: (defaultIsActive?: boolean) => {
392
- isActive: boolean;
393
- toggle: () => void;
394
- close: () => void;
395
- open: () => void;
396
- };
397
-
398
- declare namespace CountryCodeInputComponent {
399
- export type Props = CountryCodeInputTypes & {
400
- children?: React.ReactNode;
401
- };
402
- type SelectedCountryType = {
403
- dial_code?: string;
404
- code?: string;
405
- };
406
- type InputType = 'normal' | 'error';
407
- export type CountryCodeInputTypes = {
408
- label?: string;
409
- value?: number;
410
- selectedCountry?: SelectedCountryType;
411
- type?: InputType;
412
- message?: string;
413
- setSelectedCountry?: any;
414
- setValue?: any;
415
- showCountryCode?: boolean;
416
- };
417
- export {};
418
- }
419
-
420
- declare const CountryCodeInput: ({ label, value, setValue, selectedCountry, setSelectedCountry, type, message, showCountryCode, }: CountryCodeInputComponent.Props) => react_jsx_runtime.JSX.Element;
421
-
422
- declare namespace TooltipComponent {
423
- type Props = TooltipTypes & {
424
- children?: React.ReactNode;
425
- };
426
- type Position = 'top-center' | 'bottom-center' | 'left-center' | 'right-center' | 'bottom-left' | 'top-left' | 'top-right' | 'bottom-right';
427
- type ToolType = 'text' | 'content';
428
- type TooltipTypes = {
429
- position?: Position;
430
- backgroundColor?: string;
431
- tooltipType?: ToolType;
432
- textColor?: string;
433
- tooltipContent?: any;
434
- top?: string;
435
- left?: string;
436
- width?: string;
437
- height?: string;
438
- showTooltip?: boolean;
439
- borderRadius?: string;
440
- };
441
- }
442
-
443
- declare const Tooltip: (props: TooltipComponent.Props) => react_jsx_runtime.JSX.Element;
444
-
445
- type Option = {
446
- label: string;
447
- value: string | null;
448
- [key: string]: any;
449
- };
450
- type Props = {
451
- maxHeight?: number;
452
- width?: number | string;
453
- children?: React__default.ReactNode;
454
- offsetTop?: string;
455
- offsetLeft?: string;
456
- offsetRight?: string;
457
- opened?: boolean;
458
- onChange?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
459
- onDropdownVisibilityChange?: () => void;
460
- data?: Option[];
461
- onSelect?: (option: Option, index: number) => void;
462
- itemComponent?: React__default.FunctionComponent<Option & {
463
- index: number;
464
- }>;
465
- showSeparator?: boolean;
466
- collapseOnSelect?: boolean;
467
- toggleOnTargetClick?: boolean;
468
- inputLeftSection?: React__default.ReactNode;
469
- inputRightSection?: React__default.ReactNode;
470
- searchPlaceholder?: string;
471
- searchable?: boolean;
472
- showScrollbar?: boolean;
473
- };
474
- declare const DropdownSelect: (props: Props) => react_jsx_runtime.JSX.Element;
475
-
476
- declare namespace IconLabelComponent {
477
- type Props = IconLabelTypes & {
478
- children?: React.ReactNode;
479
- };
480
- type IconLabelTypes = {
481
- icon?: any;
482
- label?: string;
483
- };
484
- }
485
-
486
- declare function IconLabel(props: IconLabelComponent.Props): react_jsx_runtime.JSX.Element;
487
-
488
- interface ICrumb {
489
- name: string;
490
- path: string;
491
- }
492
- declare const Breadcrumb: ({ crumbs, showFavoriteButton, onCrumbClick, onFavoriteClick, }: {
493
- crumbs: ICrumb[];
494
- showFavoriteButton?: boolean;
495
- onCrumbClick?: (crumb: ICrumb) => void;
496
- onFavoriteClick?: (crumb: ICrumb) => void;
497
- }) => react_jsx_runtime.JSX.Element;
498
-
499
- declare namespace AvatarDeclarations {
500
- type Size = number | string | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
501
- interface SizesObj {
502
- [key: Size]: {
503
- avatarSize: number;
504
- fontSize: number;
505
- };
506
- }
507
- interface Props {
508
- src?: string;
509
- alt?: string;
510
- backgroundColor?: 'random' | string;
511
- size?: Size;
512
- fontSize?: string | number;
513
- fontColor?: string;
514
- objectFit?: 'cover' | 'contain';
515
- avatarButton?: React.ReactNode;
516
- onClick?: (params: Props) => void;
517
- avatarButtonRightOffset?: number;
518
- avatarButtonBottomOffset?: number;
519
- [key: string]: any;
520
- }
521
- type Image = HTMLImageElement | null;
522
- interface StyledAvatarContainer {
523
- background: string;
524
- size: Size;
525
- }
526
- interface StyledAvatarImage {
527
- objectFit: 'cover' | 'contain';
528
- }
529
- interface StyledAvatarPlaceholder {
530
- fontSize: string;
531
- fontColor: string;
532
- }
533
- interface StyledAvatarButton {
534
- rightOffset: string;
535
- bottomOffset: string;
536
- }
537
- }
538
-
539
- declare const Avatar: (props: AvatarDeclarations.Props) => react_jsx_runtime.JSX.Element;
540
-
541
- declare namespace AvatarGroupDelcarations {
542
- interface Props {
543
- borderWidth?: number;
544
- borderColor?: string;
545
- boxShadow?: string;
546
- avatars?: AvatarDeclarations.Props[];
547
- size?: AvatarDeclarations.Size;
548
- }
549
- interface StyledAvatarContainer {
550
- height: string;
551
- }
552
- interface StyledAvatarItem {
553
- borderWidth?: string;
554
- borderColor?: string;
555
- boxShadow?: string;
556
- index?: number;
557
- }
558
- }
559
-
560
- declare const AvatarGroup: (props: AvatarGroupDelcarations.Props) => react_jsx_runtime.JSX.Element;
561
-
562
- declare namespace SelectorComponent {
563
- type Props = {
564
- content: any;
565
- activeKey?: string;
566
- onClick?: any;
567
- };
568
- }
569
-
570
- declare const Selector: ({ content, activeKey, onClick }: SelectorComponent.Props) => react_jsx_runtime.JSX.Element;
571
-
572
- export { Avatar, AvatarGroup, Breadcrumb, Button, Checkbox, Col, ContainerWidth, ContentAlignment, CountryCodeInput, DataProps, DropdownSelect, FeedbackSectionAlignment, IconLabel, Input, OTPChangeHandler, OTPInputProps, OTPObj, Row, Selector, Slider, SliderProps, Stepper, StepperProps, Text, ToastProvider, Tooltip, useDebouncedValue, useOutsideClick, useToast, useToggle };