@okam/stack-ui 1.6.1 → 1.6.2
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.
- package/ArrowDown-2bdc734f.mjs +7 -0
- package/ArrowDown-a6edacd9.js +1 -0
- package/ArrowLeft-4eeead7e.js +1 -0
- package/ArrowLeft-cfc85f6d.mjs +10 -0
- package/BrandArrowRight-686606ab.mjs +7 -0
- package/BrandArrowRight-810d374a.js +1 -0
- package/Check-5b690106.js +1 -0
- package/Check-f0e31d77.mjs +7 -0
- package/ChevronLeft-3d464239.js +1 -0
- package/ChevronLeft-50f70f08.mjs +7 -0
- package/ChevronRight-5709c683.js +1 -0
- package/ChevronRight-ea754d4d.mjs +7 -0
- package/CloseBtn-2f4aad79.mjs +13 -0
- package/CloseBtn-e65fe8bd.js +1 -0
- package/Facebook-0c77fec8.mjs +13 -0
- package/Facebook-f2646126.js +1 -0
- package/FacebookColored-9be40f21.mjs +15 -0
- package/FacebookColored-d986225c.js +1 -0
- package/Globe-cb458fad.mjs +48 -0
- package/Globe-cbe70168.js +1 -0
- package/Instagram-2f8ef20d.js +1 -0
- package/Instagram-bf4a1667.mjs +10 -0
- package/InstagramColored-6a2b2b7a.js +1 -0
- package/InstagramColored-c4931693.mjs +73 -0
- package/Link-4ef5aaf2.mjs +10 -0
- package/Link-db71325e.js +1 -0
- package/Mail-a1aec200.js +1 -0
- package/Mail-c45e037a.mjs +12 -0
- package/Plus-144cf5f8.mjs +19 -0
- package/Plus-75849570.js +1 -0
- package/Share-608e1dd8.js +1 -0
- package/Share-c707352d.mjs +15 -0
- package/Twitter-1eb11c0c.js +1 -0
- package/Twitter-78d0ccc7.mjs +15 -0
- package/TwitterColored-334512f5.mjs +15 -0
- package/TwitterColored-8b72aa64.js +1 -0
- package/Upload-1f27bbaa.mjs +13 -0
- package/Upload-578304b2.js +1 -0
- package/YouTube-5dbf2e75.js +1 -0
- package/YouTube-782a6434.mjs +15 -0
- package/YouTubeColored-45e92b0e.mjs +16 -0
- package/YouTubeColored-5baa4a6c.js +1 -0
- package/components/Accordion/index.d.ts +3 -0
- package/components/Accordion/interface.d.ts +16 -0
- package/components/Box/index.d.ts +5 -0
- package/components/Box/interface.d.ts +10 -0
- package/components/Button/index.d.ts +5 -0
- package/components/Button/interface.d.ts +16 -0
- package/components/Calendar/components/CalendarCell.d.ts +3 -0
- package/components/Calendar/components/CalendarGrid.d.ts +3 -0
- package/components/Calendar/index.d.ts +3 -0
- package/components/Calendar/interface.d.ts +32 -0
- package/components/Date/index.d.ts +3 -0
- package/components/Date/interface.d.ts +6 -0
- package/components/Dialog/index.d.ts +2 -0
- package/components/Dialog/interface.d.ts +6 -0
- package/components/Icon/index.d.ts +3 -0
- package/components/Icon/interface.d.ts +7 -0
- package/components/Lightbox/hooks/overlay/index.d.ts +12 -0
- package/components/Lightbox/hooks/overlay/interface.d.ts +2 -0
- package/components/Lightbox/index.d.ts +3 -0
- package/components/Lightbox/interface.d.ts +20 -0
- package/components/Modal/Dialog.d.ts +3 -0
- package/components/Modal/index.d.ts +3 -0
- package/components/Modal/interface.d.ts +11 -0
- package/components/Popover/index.d.ts +10 -0
- package/components/Popover/interface.d.ts +11 -0
- package/components/ShareButton/index.d.ts +4 -0
- package/components/ShareButton/interface.d.ts +23 -0
- package/components/ShareButton/utils/generateUtmTags.d.ts +2 -0
- package/components/ShareButton/utils/useFacebookShareUrl.d.ts +2 -0
- package/components/ShareButton/utils/useMailToShareUrl.d.ts +2 -0
- package/components/ShareButton/utils/useTwitterShareUrl.d.ts +2 -0
- package/components/ShareButton/utils/useWindow.d.ts +5 -0
- package/components/SidePanel/index.d.ts +4 -0
- package/components/SidePanel/interface.d.ts +9 -0
- package/components/Typography/index.d.ts +5 -0
- package/components/Typography/interface.d.ts +9 -0
- package/components/WysiwygBlock/index.d.ts +3 -0
- package/components/WysiwygBlock/interface.d.ts +5 -0
- package/components/fields/Checkbox/Checkbox.interface.d.ts +24 -0
- package/components/fields/Checkbox/index.d.ts +3 -0
- package/components/fields/DatePicker/components/CalendarPopover.d.ts +2 -0
- package/components/fields/DatePicker/components/DateField.d.ts +4 -0
- package/components/fields/DatePicker/index.d.ts +3 -0
- package/components/fields/DatePicker/interface.d.ts +37 -0
- package/components/fields/Select/Select.d.ts +4 -0
- package/components/fields/Select/Select.interface.d.ts +21 -0
- package/components/fields/Select/components/Listbox.d.ts +4 -0
- package/components/fields/Select/components/Listbox.interface.d.ts +12 -0
- package/components/fields/Select/components/Popover.d.ts +3 -0
- package/components/fields/Select/components/Popover.interface.d.ts +12 -0
- package/components/fields/TextArea/index.d.ts +3 -0
- package/components/fields/TextArea/interface.d.ts +17 -0
- package/components/fields/TextInputField/index.d.ts +4 -0
- package/components/fields/TextInputField/interface.d.ts +23 -0
- package/components/icons/ArrowDown.d.ts +3 -0
- package/components/icons/ArrowLeft.d.ts +3 -0
- package/components/icons/ArrowRight.d.ts +3 -0
- package/components/icons/BrandArrowRight.d.ts +3 -0
- package/components/icons/Check.d.ts +3 -0
- package/components/icons/ChevronLeft.d.ts +3 -0
- package/components/icons/ChevronRight.d.ts +3 -0
- package/components/icons/CloseBtn.d.ts +3 -0
- package/components/icons/Facebook.d.ts +3 -0
- package/components/icons/FacebookColored.d.ts +3 -0
- package/components/icons/Globe.d.ts +3 -0
- package/components/icons/IconFallback.d.ts +3 -0
- package/components/icons/Instagram.d.ts +3 -0
- package/components/icons/InstagramColored.d.ts +3 -0
- package/components/icons/Link.d.ts +3 -0
- package/components/icons/Mail.d.ts +3 -0
- package/components/icons/Plus.d.ts +3 -0
- package/components/icons/Share.d.ts +3 -0
- package/components/icons/Twitter.d.ts +3 -0
- package/components/icons/TwitterColored.d.ts +3 -0
- package/components/icons/Upload.d.ts +3 -0
- package/components/icons/YouTube.d.ts +3 -0
- package/components/icons/YouTubeColored.d.ts +3 -0
- package/index.d.ts +32 -0
- package/index.js +46 -4536
- package/index.mjs +9221 -0
- package/package.json +16 -12
- package/providers/Client/index.d.ts +4 -0
- package/providers/Client/interface.d.ts +10 -0
- package/providers/SidePanel/index.d.ts +4 -0
- package/providers/SidePanel/interface.d.ts +17 -0
- package/providers/Theme/hooks.d.ts +3 -0
- package/providers/Theme/index.d.ts +10 -0
- package/providers/Theme/interface.d.ts +23 -0
- package/providers/Theme/utils.d.ts +2 -0
- package/theme/Accordion/index.d.ts +154 -0
- package/theme/Box/index.d.ts +100 -0
- package/theme/Button/index.d.ts +70 -0
- package/theme/Calendar/index.d.ts +237 -0
- package/theme/Checkbox/index.d.ts +75 -0
- package/theme/DatePicker/index.d.ts +51 -0
- package/theme/LightBox/index.d.ts +143 -0
- package/theme/ShareButton/index.d.ts +110 -0
- package/theme/SidePanel/index.d.ts +15 -0
- package/theme/TextArea/index.d.ts +17 -0
- package/theme/Typography/index.d.ts +134 -0
- package/theme/index.d.ts +5 -0
- package/transitions/ModalTransition.d.ts +7 -0
- package/transitions/RenderWithSlide.d.ts +7 -0
- package/transitions/SidePanelTransition.d.ts +7 -0
- package/types/components.d.ts +23 -0
- package/README.md +0 -8
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
declare const typography: import("tailwind-variants").TVReturnType<{
|
|
2
|
+
size: {
|
|
3
|
+
h1: "text-5xl";
|
|
4
|
+
h2: "text-4xl";
|
|
5
|
+
h3: "text-3xl";
|
|
6
|
+
h4: "text-2xl";
|
|
7
|
+
h5: "text-xl";
|
|
8
|
+
h6: "text-lg";
|
|
9
|
+
leading: "text-md font-bold leading-normal";
|
|
10
|
+
paragraph: "text-md inline";
|
|
11
|
+
footnotes: "text-sm";
|
|
12
|
+
xs: "text-xs";
|
|
13
|
+
};
|
|
14
|
+
font: {
|
|
15
|
+
body: "font-body";
|
|
16
|
+
};
|
|
17
|
+
weight: {
|
|
18
|
+
normal: "font-normal";
|
|
19
|
+
light: "font-light";
|
|
20
|
+
bold: "font-bold";
|
|
21
|
+
};
|
|
22
|
+
color: {
|
|
23
|
+
gray: "text-gray-500";
|
|
24
|
+
white: "text-white";
|
|
25
|
+
};
|
|
26
|
+
isError: {
|
|
27
|
+
true: "text-sm text-error ml-8 py-3";
|
|
28
|
+
};
|
|
29
|
+
align: {
|
|
30
|
+
center: "text-center";
|
|
31
|
+
left: "text-left";
|
|
32
|
+
right: "text-right";
|
|
33
|
+
};
|
|
34
|
+
}, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
35
|
+
size: {
|
|
36
|
+
h1: "text-5xl";
|
|
37
|
+
h2: "text-4xl";
|
|
38
|
+
h3: "text-3xl";
|
|
39
|
+
h4: "text-2xl";
|
|
40
|
+
h5: "text-xl";
|
|
41
|
+
h6: "text-lg";
|
|
42
|
+
leading: "text-md font-bold leading-normal";
|
|
43
|
+
paragraph: "text-md inline";
|
|
44
|
+
footnotes: "text-sm";
|
|
45
|
+
xs: "text-xs";
|
|
46
|
+
};
|
|
47
|
+
font: {
|
|
48
|
+
body: "font-body";
|
|
49
|
+
};
|
|
50
|
+
weight: {
|
|
51
|
+
normal: "font-normal";
|
|
52
|
+
light: "font-light";
|
|
53
|
+
bold: "font-bold";
|
|
54
|
+
};
|
|
55
|
+
color: {
|
|
56
|
+
gray: "text-gray-500";
|
|
57
|
+
white: "text-white";
|
|
58
|
+
};
|
|
59
|
+
isError: {
|
|
60
|
+
true: "text-sm text-error ml-8 py-3";
|
|
61
|
+
};
|
|
62
|
+
align: {
|
|
63
|
+
center: "text-center";
|
|
64
|
+
left: "text-left";
|
|
65
|
+
right: "text-right";
|
|
66
|
+
};
|
|
67
|
+
}, {
|
|
68
|
+
size: {
|
|
69
|
+
h1: "text-5xl";
|
|
70
|
+
h2: "text-4xl";
|
|
71
|
+
h3: "text-3xl";
|
|
72
|
+
h4: "text-2xl";
|
|
73
|
+
h5: "text-xl";
|
|
74
|
+
h6: "text-lg";
|
|
75
|
+
leading: "text-md font-bold leading-normal";
|
|
76
|
+
paragraph: "text-md inline";
|
|
77
|
+
footnotes: "text-sm";
|
|
78
|
+
xs: "text-xs";
|
|
79
|
+
};
|
|
80
|
+
font: {
|
|
81
|
+
body: "font-body";
|
|
82
|
+
};
|
|
83
|
+
weight: {
|
|
84
|
+
normal: "font-normal";
|
|
85
|
+
light: "font-light";
|
|
86
|
+
bold: "font-bold";
|
|
87
|
+
};
|
|
88
|
+
color: {
|
|
89
|
+
gray: "text-gray-500";
|
|
90
|
+
white: "text-white";
|
|
91
|
+
};
|
|
92
|
+
isError: {
|
|
93
|
+
true: "text-sm text-error ml-8 py-3";
|
|
94
|
+
};
|
|
95
|
+
align: {
|
|
96
|
+
center: "text-center";
|
|
97
|
+
left: "text-left";
|
|
98
|
+
right: "text-right";
|
|
99
|
+
};
|
|
100
|
+
}>, {
|
|
101
|
+
size: {
|
|
102
|
+
h1: "text-5xl";
|
|
103
|
+
h2: "text-4xl";
|
|
104
|
+
h3: "text-3xl";
|
|
105
|
+
h4: "text-2xl";
|
|
106
|
+
h5: "text-xl";
|
|
107
|
+
h6: "text-lg";
|
|
108
|
+
leading: "text-md font-bold leading-normal";
|
|
109
|
+
paragraph: "text-md inline";
|
|
110
|
+
footnotes: "text-sm";
|
|
111
|
+
xs: "text-xs";
|
|
112
|
+
};
|
|
113
|
+
font: {
|
|
114
|
+
body: "font-body";
|
|
115
|
+
};
|
|
116
|
+
weight: {
|
|
117
|
+
normal: "font-normal";
|
|
118
|
+
light: "font-light";
|
|
119
|
+
bold: "font-bold";
|
|
120
|
+
};
|
|
121
|
+
color: {
|
|
122
|
+
gray: "text-gray-500";
|
|
123
|
+
white: "text-white";
|
|
124
|
+
};
|
|
125
|
+
isError: {
|
|
126
|
+
true: "text-sm text-error ml-8 py-3";
|
|
127
|
+
};
|
|
128
|
+
align: {
|
|
129
|
+
center: "text-center";
|
|
130
|
+
left: "text-left";
|
|
131
|
+
right: "text-right";
|
|
132
|
+
};
|
|
133
|
+
}, undefined>;
|
|
134
|
+
export default typography;
|
package/theme/index.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { RefCallBack } from 'react-hook-form';
|
|
3
|
+
import type { TCustomTheme, TToken } from '../providers/Theme/interface';
|
|
4
|
+
export interface TDefaultComponent<T = TToken> {
|
|
5
|
+
as?: React.ElementType<any>;
|
|
6
|
+
customTheme?: TCustomTheme;
|
|
7
|
+
tokens?: T;
|
|
8
|
+
themeName?: string | null;
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export type TReactHookForm = {
|
|
12
|
+
onBlur?: (...event: any[]) => void;
|
|
13
|
+
onChange?: (...event: any[]) => void;
|
|
14
|
+
fieldRef?: RefCallBack;
|
|
15
|
+
min?: string | number | undefined;
|
|
16
|
+
max?: string | number | undefined;
|
|
17
|
+
maxLength?: number | undefined;
|
|
18
|
+
minLength?: number | undefined;
|
|
19
|
+
pattern?: string | undefined;
|
|
20
|
+
validation?: object;
|
|
21
|
+
};
|
|
22
|
+
export type Nullable<T> = T | undefined | null;
|
|
23
|
+
export type Maybe<T> = T | null;
|