@xola/ui-kit 3.0.8 → 3.4.1
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/README.md +61 -12
- package/build/components/Alert.d.ts +18 -0
- package/build/components/Alert.js +28 -0
- package/build/components/Animation/FadeIn.d.ts +13 -0
- package/build/components/Animation/FadeIn.js +29 -0
- package/build/components/Animation/SlideDown.d.ts +6 -0
- package/build/components/Animation/SlideDown.js +20 -0
- package/build/components/Avatar.d.ts +16 -0
- package/build/components/Avatar.js +21 -0
- package/build/components/Badge.d.ts +27 -0
- package/build/components/Badge.js +40 -0
- package/build/components/Breadcrumb.d.ts +21 -0
- package/build/components/Breadcrumb.js +27 -0
- package/build/components/Breakdown.d.ts +63 -0
- package/build/components/Breakdown.js +89 -0
- package/build/components/Buttons/Button.d.ts +53 -0
- package/build/components/Buttons/Button.js +83 -0
- package/build/components/Buttons/ButtonGroup.d.ts +35 -0
- package/build/components/Buttons/ButtonGroup.js +55 -0
- package/build/components/Buttons/SubmitButton.d.ts +11 -0
- package/build/components/Buttons/SubmitButton.js +83 -0
- package/build/components/Buttons/ToggleButton.d.ts +21 -0
- package/build/components/Buttons/ToggleButton.js +34 -0
- package/build/components/Charts/BaseChartOptions.d.ts +136 -0
- package/build/components/Charts/BaseChartOptions.js +95 -0
- package/build/components/Charts/HistogramOptions.d.ts +192 -0
- package/build/components/Charts/HistogramOptions.js +69 -0
- package/build/components/Charts/PieOptions.d.ts +177 -0
- package/build/components/Charts/PieOptions.js +55 -0
- package/build/components/Counter.d.ts +5 -0
- package/build/components/Counter.js +16 -0
- package/build/components/DatePicker/DatePicker.d.ts +41 -0
- package/build/components/DatePicker/DatePicker.helpers.d.ts +17 -0
- package/build/components/DatePicker/DatePicker.helpers.js +22 -0
- package/build/components/DatePicker/DatePicker.js +241 -0
- package/build/components/DatePicker/DatePickerPopover.d.ts +29 -0
- package/build/components/DatePicker/DatePickerPopover.js +81 -0
- package/build/components/DatePicker/Day.d.ts +13 -0
- package/build/components/DatePicker/Day.js +40 -0
- package/build/components/DatePicker/LocalizedDayPicker.d.ts +6 -0
- package/build/components/DatePicker/LocalizedDayPicker.js +20 -0
- package/build/components/DatePicker/MonthGrid.d.ts +11 -0
- package/build/components/DatePicker/MonthGrid.js +52 -0
- package/build/components/DatePicker/MonthPicker.d.ts +7 -0
- package/build/components/DatePicker/MonthPicker.js +28 -0
- package/build/components/DatePicker/MonthSelector.d.ts +8 -0
- package/build/components/DatePicker/MonthSelector.js +47 -0
- package/build/components/DatePicker/MonthYearSelector.d.ts +8 -0
- package/build/components/DatePicker/MonthYearSelector.js +44 -0
- package/build/components/DatePicker/NavbarElement.d.ts +15 -0
- package/build/components/DatePicker/NavbarElement.js +43 -0
- package/build/components/DatePicker/RangeDatePicker.d.ts +25 -0
- package/build/components/DatePicker/RangeDatePicker.js +134 -0
- package/build/components/DatePicker/RelativeDateRange.d.ts +51 -0
- package/build/components/DatePicker/RelativeDateRange.js +280 -0
- package/build/components/DatePicker/UpcomingDatePicker.d.ts +11 -0
- package/build/components/DatePicker/UpcomingDatePicker.js +27 -0
- package/build/components/Dot/Dot.d.ts +24 -0
- package/build/components/Dot/Dot.js +24 -0
- package/build/components/Dot/DotProgress.d.ts +6 -0
- package/build/components/Dot/DotProgress.js +10 -0
- package/build/components/Drawer.d.ts +28 -0
- package/build/components/Drawer.js +126 -0
- package/build/components/Forms/BaseInput.d.ts +20 -0
- package/build/components/Forms/BaseInput.js +41 -0
- package/build/components/Forms/Checkbox.d.ts +10 -0
- package/build/components/Forms/Checkbox.js +34 -0
- package/build/components/Forms/Checkbox.module.css.js +7 -0
- package/build/components/Forms/ComboBox.d.ts +8 -0
- package/build/components/Forms/ComboBox.js +41 -0
- package/build/components/Forms/FormGroup.d.ts +5 -0
- package/build/components/Forms/FormGroup.js +6 -0
- package/build/components/Forms/InlineValuePopover.d.ts +17 -0
- package/build/components/Forms/InlineValuePopover.js +47 -0
- package/build/components/Forms/Input.d.ts +6 -0
- package/build/components/Forms/Input.js +9 -0
- package/build/components/Forms/Label.d.ts +7 -0
- package/build/components/Forms/Label.js +17 -0
- package/build/components/Forms/RangeSlider.d.ts +33 -0
- package/build/components/Forms/RangeSlider.js +39 -0
- package/build/components/Forms/Select.d.ts +5 -0
- package/build/components/Forms/Select.js +8 -0
- package/build/components/Forms/Switch.d.ts +46 -0
- package/build/components/Forms/Switch.js +62 -0
- package/build/components/Forms/Textarea.d.ts +6 -0
- package/build/components/Forms/Textarea.js +35 -0
- package/build/components/Forms/ValuePopoverText.d.ts +6 -0
- package/build/components/Forms/ValuePopoverText.js +10 -0
- package/build/components/GooglePlacesAutocomplete.d.ts +14 -0
- package/build/components/HeaderToolbar.d.ts +21 -0
- package/build/components/HeaderToolbar.js +33 -0
- package/build/components/ImageUpload.d.ts +17 -0
- package/build/components/ImageUpload.js +86 -0
- package/build/components/Key.d.ts +6 -0
- package/build/components/Key.js +28 -0
- package/build/components/Logo.d.ts +19 -0
- package/build/components/Logo.js +10 -0
- package/build/components/Modal.d.ts +52 -0
- package/build/components/Modal.js +126 -0
- package/build/components/Popover/Popover.d.ts +20 -0
- package/build/components/Popover/Popover.js +50 -0
- package/build/components/Popover/Popover.module.css.js +7 -0
- package/build/components/Popover/PopoverList.d.ts +25 -0
- package/build/components/Popover/PopoverList.js +59 -0
- package/build/components/Popover/PopoverScroll.module.css.js +4 -0
- package/build/components/Provider.d.ts +18 -0
- package/build/components/Provider.js +17 -0
- package/build/components/Screens/Login.d.ts +25 -0
- package/build/components/Screens/Login.js +144 -0
- package/build/components/Search.d.ts +16 -0
- package/build/components/Search.js +174 -0
- package/build/components/Sidebar/Sidebar.Account.d.ts +13 -0
- package/build/components/Sidebar/Sidebar.Account.js +56 -0
- package/build/components/Sidebar/Sidebar.Button.d.ts +10 -0
- package/build/components/Sidebar/Sidebar.Button.js +21 -0
- package/build/components/Sidebar/Sidebar.Footer.d.ts +8 -0
- package/build/components/Sidebar/Sidebar.Footer.js +9 -0
- package/build/components/Sidebar/Sidebar.Heading.d.ts +10 -0
- package/build/components/Sidebar/Sidebar.Heading.js +10 -0
- package/build/components/Sidebar/Sidebar.Link.d.ts +24 -0
- package/build/components/Sidebar/Sidebar.Link.js +56 -0
- package/build/components/Sidebar/Sidebar.Menu.d.ts +10 -0
- package/build/components/Sidebar/Sidebar.Menu.js +28 -0
- package/build/components/Sidebar/Sidebar.Menu.module.css.js +7 -0
- package/build/components/Sidebar/Sidebar.d.ts +58 -0
- package/build/components/Sidebar/Sidebar.js +218 -0
- package/build/components/Sidebar/SidebarScroll.module.css.js +4 -0
- package/build/components/Sidebar/index.d.ts +8 -0
- package/build/components/Skeleton.d.ts +13 -0
- package/build/components/Skeleton.js +29 -0
- package/build/components/Skeleton.module.css.js +7 -0
- package/build/components/Spinner.d.ts +26 -0
- package/build/components/Spinner.js +27 -0
- package/build/components/Table.d.ts +59 -0
- package/build/components/Table.js +71 -0
- package/build/components/Tabs/Tabs.Panel.d.ts +9 -0
- package/build/components/Tabs/Tabs.Panel.js +7 -0
- package/build/components/Tabs/Tabs.Tab.d.ts +19 -0
- package/build/components/Tabs/Tabs.Tab.js +37 -0
- package/build/components/Tabs/Tabs.d.ts +27 -0
- package/build/components/Tabs/Tabs.js +28 -0
- package/build/components/Tabs/index.d.ts +4 -0
- package/build/components/Tag.d.ts +25 -0
- package/build/components/Tag.js +36 -0
- package/build/components/Tooltip.d.ts +8 -0
- package/build/components/Tooltip.js +8 -0
- package/build/components/Utilities/Currency.d.ts +32 -0
- package/build/components/Utilities/Currency.js +49 -0
- package/build/components/Utilities/Number.d.ts +8 -0
- package/build/components/Utilities/Number.js +15 -0
- package/build/components/Utilities/Phone.d.ts +8 -0
- package/build/components/Utilities/Phone.js +19 -0
- package/build/helpers/avatar.d.ts +1 -0
- package/build/helpers/avatar.js +8 -0
- package/build/helpers/browser.d.ts +2 -0
- package/build/helpers/browser.js +9 -0
- package/build/helpers/children.d.ts +3 -0
- package/build/helpers/children.js +6 -0
- package/build/helpers/classnames.d.ts +5 -0
- package/build/helpers/currency.d.ts +2 -0
- package/build/helpers/currency.js +11 -0
- package/build/helpers/date.d.ts +12 -0
- package/build/helpers/date.js +44 -0
- package/build/helpers/flash.d.ts +21 -0
- package/build/helpers/flash.js +87 -0
- package/build/helpers/numbers.d.ts +4 -0
- package/build/helpers/numbers.js +23 -0
- package/build/helpers/phone.d.ts +11 -0
- package/build/helpers/phone.js +25 -0
- package/build/hooks/useId.d.ts +1 -0
- package/build/hooks/useId.js +9 -0
- package/build/hooks/useIsClient.d.ts +1 -0
- package/build/hooks/useIsClient.js +10 -0
- package/build/hooks/useViewportHeight.d.ts +1 -0
- package/build/hooks/useViewportHeight.js +15 -0
- package/build/icons/build/AnnounceIcon.js +6 -0
- package/build/icons/build/BellIcon.js +23 -0
- package/build/icons/build/CalendarIcon.js +15 -0
- package/build/icons/build/CheckIcon.js +7 -0
- package/build/icons/build/ChevronDownIcon.js +7 -0
- package/build/icons/build/ChevronLeftIcon.js +7 -0
- package/build/icons/build/ChevronRightIcon.js +7 -0
- package/build/icons/build/CircleNotch.js +5 -0
- package/build/icons/build/CloseIcon.js +7 -0
- package/build/icons/build/DownArrowIcon.js +15 -0
- package/build/icons/build/ImageIcon.js +23 -0
- package/build/icons/build/SearchIcon.js +15 -0
- package/build/icons/build/TrashIcon.js +16 -0
- package/build/icons/build/WarningDiamondIcon.js +23 -0
- package/build/icons/build/helpers/classnames.js +8 -0
- package/build/icons/build/helpers/icon.js +10 -0
- package/build/icons/build/helpers/iconSizes.js +13 -0
- package/build/icons/build/images/XolaLogoSimple.js +13 -0
- package/build/index.d.ts +66 -0
- package/build/index.js +142 -0
- package/build/theme.d.ts +413 -0
- package/build/theme.js +372 -0
- package/build/types/index.d.ts +22 -0
- package/build/types/migration.d.ts +2 -0
- package/build/ui-kit.css +1 -0
- package/build/utils/avatar.d.ts +1 -0
- package/build/utils/avatar.js +8 -0
- package/build/utils/currency.d.ts +2 -0
- package/build/utils/currency.js +11 -0
- package/build/utils/date.d.ts +12 -0
- package/build/utils/date.js +23 -0
- package/build/utils/index.d.ts +5 -0
- package/build/utils/numbers.d.ts +4 -0
- package/build/utils/numbers.js +19 -0
- package/build/utils/phone.d.ts +2 -0
- package/build/utils/phone.js +17 -0
- package/package.json +76 -49
- package/postcss.config.js +1 -1
- package/tailwind.config.js +28 -8
- package/build/style.css +0 -1
- package/build/ui-kit.es.js +0 -12173
- package/index.d.ts +0 -72
package/build/theme.js
ADDED
|
@@ -0,0 +1,372 @@
|
|
|
1
|
+
const p = {
|
|
2
|
+
colors: {
|
|
3
|
+
transparent: "transparent",
|
|
4
|
+
current: "currentColor",
|
|
5
|
+
black: "#222324",
|
|
6
|
+
white: "#ffffff",
|
|
7
|
+
gray: {
|
|
8
|
+
hover: "#F7F9FB",
|
|
9
|
+
lighter: "#F0F2F4",
|
|
10
|
+
light: "#E0E3E7",
|
|
11
|
+
DEFAULT: "#BDC0C6",
|
|
12
|
+
dark: "#8A8C91",
|
|
13
|
+
darker: "#505254"
|
|
14
|
+
},
|
|
15
|
+
blue: {
|
|
16
|
+
lighter: "#D1E1FF",
|
|
17
|
+
light: "#2979D0",
|
|
18
|
+
DEFAULT: "#1352C6",
|
|
19
|
+
dark: "#3467C4",
|
|
20
|
+
darker: "#0E44A8"
|
|
21
|
+
},
|
|
22
|
+
turquoise: {
|
|
23
|
+
DEFAULT: "#3FE2EE"
|
|
24
|
+
},
|
|
25
|
+
green: {
|
|
26
|
+
lighter: "#E2FFEF",
|
|
27
|
+
lightish: "#C1F9D9",
|
|
28
|
+
light: "#33E781",
|
|
29
|
+
DEFAULT: "#27CE70",
|
|
30
|
+
dark: "#23B965",
|
|
31
|
+
darker: "#168848"
|
|
32
|
+
},
|
|
33
|
+
red: {
|
|
34
|
+
lighter: "#FFF0F0",
|
|
35
|
+
lightish: "#FFE1E1",
|
|
36
|
+
light: "#FFA1A1",
|
|
37
|
+
DEFAULT: "#FF5A5A",
|
|
38
|
+
dark: "#E93737",
|
|
39
|
+
darker: "#CD1F1F"
|
|
40
|
+
},
|
|
41
|
+
yellow: {
|
|
42
|
+
lighter: "#FFFAF0",
|
|
43
|
+
lightish: "#FFECC6",
|
|
44
|
+
light: "#FFDB8E",
|
|
45
|
+
DEFAULT: "#FFC03D",
|
|
46
|
+
dark: "#EBAA24",
|
|
47
|
+
darker: "#987122"
|
|
48
|
+
},
|
|
49
|
+
orange: {
|
|
50
|
+
lighter: "#FFF1E7",
|
|
51
|
+
lightish: "#FFF1E7",
|
|
52
|
+
light: "#FFB493",
|
|
53
|
+
DEFAULT: "#FF9668",
|
|
54
|
+
dark: "#EC743F",
|
|
55
|
+
darker: "#ff7336"
|
|
56
|
+
},
|
|
57
|
+
primary: {
|
|
58
|
+
lighter: "#D1E1FF",
|
|
59
|
+
light: "#2979D0",
|
|
60
|
+
DEFAULT: "#1352C6",
|
|
61
|
+
dark: "#3467C4",
|
|
62
|
+
darker: "#0E44A8"
|
|
63
|
+
},
|
|
64
|
+
secondary: {
|
|
65
|
+
hover: "#F7F9FB",
|
|
66
|
+
lighter: "#F0F2F4",
|
|
67
|
+
light: "#E0E3E7",
|
|
68
|
+
DEFAULT: "#BDC0C6",
|
|
69
|
+
dark: "#8A8C91",
|
|
70
|
+
darker: "#505254"
|
|
71
|
+
},
|
|
72
|
+
warning: {
|
|
73
|
+
lighter: "#FFFAF0",
|
|
74
|
+
lightish: "#FFECC6",
|
|
75
|
+
light: "#FFDB8E",
|
|
76
|
+
DEFAULT: "#FFC03D",
|
|
77
|
+
dark: "#EBAA24",
|
|
78
|
+
darker: "#987122"
|
|
79
|
+
},
|
|
80
|
+
success: {
|
|
81
|
+
lighter: "#E2FFEF",
|
|
82
|
+
lightish: "#C1F9D9",
|
|
83
|
+
light: "#33E781",
|
|
84
|
+
DEFAULT: "#27CE70",
|
|
85
|
+
dark: "#23B965",
|
|
86
|
+
darker: "#168848"
|
|
87
|
+
},
|
|
88
|
+
danger: {
|
|
89
|
+
lighter: "#FFF0F0",
|
|
90
|
+
lightish: "#FFE1E1",
|
|
91
|
+
light: "#FFA1A1",
|
|
92
|
+
DEFAULT: "#FF5A5A",
|
|
93
|
+
dark: "#E93737",
|
|
94
|
+
darker: "#CD1F1F"
|
|
95
|
+
},
|
|
96
|
+
caution: {
|
|
97
|
+
lighter: "#FFF1E7",
|
|
98
|
+
lightish: "#FFF1E7",
|
|
99
|
+
light: "#FFB493",
|
|
100
|
+
DEFAULT: "#FF9668",
|
|
101
|
+
dark: "#EC743F",
|
|
102
|
+
darker: "#ff7336"
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
spacing: {
|
|
106
|
+
0: "0px",
|
|
107
|
+
1: "4px",
|
|
108
|
+
2: "8px",
|
|
109
|
+
3: "12px",
|
|
110
|
+
4: "16px",
|
|
111
|
+
5: "20px",
|
|
112
|
+
6: "24px",
|
|
113
|
+
7: "28px",
|
|
114
|
+
8: "32px",
|
|
115
|
+
9: "36px",
|
|
116
|
+
10: "40px",
|
|
117
|
+
11: "44px",
|
|
118
|
+
12: "48px",
|
|
119
|
+
14: "56px",
|
|
120
|
+
15: "60px",
|
|
121
|
+
16: "64px",
|
|
122
|
+
18: "72px",
|
|
123
|
+
20: "80px",
|
|
124
|
+
22: "88px",
|
|
125
|
+
24: "96px",
|
|
126
|
+
25: "100px",
|
|
127
|
+
28: "112px",
|
|
128
|
+
30: "120px",
|
|
129
|
+
32: "128px",
|
|
130
|
+
36: "144px",
|
|
131
|
+
40: "160px",
|
|
132
|
+
44: "176px",
|
|
133
|
+
48: "192px",
|
|
134
|
+
50: "200px",
|
|
135
|
+
52: "208px",
|
|
136
|
+
54: "216px",
|
|
137
|
+
56: "224px",
|
|
138
|
+
60: "240px",
|
|
139
|
+
64: "256px",
|
|
140
|
+
65: "260px",
|
|
141
|
+
72: "288px",
|
|
142
|
+
75: "300px",
|
|
143
|
+
80: "320px",
|
|
144
|
+
85: "340px",
|
|
145
|
+
96: "384px",
|
|
146
|
+
100: "400px",
|
|
147
|
+
105: "420px",
|
|
148
|
+
110: "440px",
|
|
149
|
+
125: "500px",
|
|
150
|
+
140: "560px",
|
|
151
|
+
150: "600px",
|
|
152
|
+
200: "800px",
|
|
153
|
+
"0.25": "1px",
|
|
154
|
+
"0.5": "2px",
|
|
155
|
+
"0.75": "3px",
|
|
156
|
+
"1.5": "6px",
|
|
157
|
+
"2.5": "10px",
|
|
158
|
+
"3.5": "14px",
|
|
159
|
+
"4.5": "18px",
|
|
160
|
+
"7.5": "30px"
|
|
161
|
+
},
|
|
162
|
+
fontSize: {
|
|
163
|
+
xs: "10px",
|
|
164
|
+
sm: "12px",
|
|
165
|
+
base: "14px",
|
|
166
|
+
md: "16px",
|
|
167
|
+
lg: "18px",
|
|
168
|
+
xl: "21px",
|
|
169
|
+
"2xl": "24px",
|
|
170
|
+
"3xl": "38px"
|
|
171
|
+
},
|
|
172
|
+
borderRadius: {
|
|
173
|
+
none: "0px",
|
|
174
|
+
DEFAULT: "4px",
|
|
175
|
+
sm: "2px",
|
|
176
|
+
md: "6px",
|
|
177
|
+
lg: "8px",
|
|
178
|
+
xl: "12px",
|
|
179
|
+
"2xl": "16px",
|
|
180
|
+
full: "9999px"
|
|
181
|
+
},
|
|
182
|
+
extend: {
|
|
183
|
+
animation: {
|
|
184
|
+
"reverse-spin": "reverse-spin 1s linear infinite"
|
|
185
|
+
},
|
|
186
|
+
keyframes: {
|
|
187
|
+
"reverse-spin": {
|
|
188
|
+
from: {
|
|
189
|
+
transform: "rotate(360deg)"
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
},
|
|
193
|
+
fontFamily: {
|
|
194
|
+
sans: [
|
|
195
|
+
"InterVariable",
|
|
196
|
+
"Inter",
|
|
197
|
+
"ui-sans-serif",
|
|
198
|
+
"system-ui",
|
|
199
|
+
"sans-serif",
|
|
200
|
+
'"Apple Color Emoji"',
|
|
201
|
+
'"Segoe UI Emoji"',
|
|
202
|
+
'"Segoe UI Symbol"',
|
|
203
|
+
'"Noto Color Emoji"'
|
|
204
|
+
],
|
|
205
|
+
mono: [
|
|
206
|
+
"Roboto Mono",
|
|
207
|
+
"ui-monospace",
|
|
208
|
+
"SFMono-Regular",
|
|
209
|
+
"Menlo",
|
|
210
|
+
"Monaco",
|
|
211
|
+
"Consolas",
|
|
212
|
+
'"Liberation Mono"',
|
|
213
|
+
'"Courier New"',
|
|
214
|
+
"monospace"
|
|
215
|
+
]
|
|
216
|
+
},
|
|
217
|
+
screens: {
|
|
218
|
+
"3xl": "1836px"
|
|
219
|
+
},
|
|
220
|
+
lineHeight: {
|
|
221
|
+
0: "0px",
|
|
222
|
+
1: "4px",
|
|
223
|
+
2: "8px",
|
|
224
|
+
3: "12px",
|
|
225
|
+
4: "16px",
|
|
226
|
+
5: "20px",
|
|
227
|
+
6: "24px",
|
|
228
|
+
7: "28px",
|
|
229
|
+
8: "32px",
|
|
230
|
+
9: "36px",
|
|
231
|
+
10: "40px",
|
|
232
|
+
11: "44px",
|
|
233
|
+
12: "48px",
|
|
234
|
+
"0.25": "1px",
|
|
235
|
+
"0.5": "2px",
|
|
236
|
+
"0.75": "3px",
|
|
237
|
+
"1.5": "6px",
|
|
238
|
+
"2.5": "10px",
|
|
239
|
+
xs: "10px",
|
|
240
|
+
sm: "12px",
|
|
241
|
+
"3.5": "14px",
|
|
242
|
+
base: "14px",
|
|
243
|
+
md: "16px",
|
|
244
|
+
"4.5": "18px",
|
|
245
|
+
lg: "18px",
|
|
246
|
+
p1: "130%",
|
|
247
|
+
p2: "130%",
|
|
248
|
+
p3: "110%",
|
|
249
|
+
p4: "100%"
|
|
250
|
+
},
|
|
251
|
+
letterSpacing: {
|
|
252
|
+
tightest: "-.4px"
|
|
253
|
+
},
|
|
254
|
+
minWidth: {
|
|
255
|
+
0: "0px",
|
|
256
|
+
1: "4px",
|
|
257
|
+
2: "8px",
|
|
258
|
+
3: "12px",
|
|
259
|
+
4: "16px",
|
|
260
|
+
5: "20px",
|
|
261
|
+
6: "24px",
|
|
262
|
+
7: "28px",
|
|
263
|
+
8: "32px",
|
|
264
|
+
9: "36px",
|
|
265
|
+
10: "40px",
|
|
266
|
+
11: "44px",
|
|
267
|
+
12: "48px",
|
|
268
|
+
14: "56px",
|
|
269
|
+
15: "60px",
|
|
270
|
+
16: "64px",
|
|
271
|
+
18: "72px",
|
|
272
|
+
20: "80px",
|
|
273
|
+
22: "88px",
|
|
274
|
+
24: "96px",
|
|
275
|
+
25: "100px",
|
|
276
|
+
28: "112px",
|
|
277
|
+
30: "120px",
|
|
278
|
+
32: "128px",
|
|
279
|
+
36: "144px",
|
|
280
|
+
40: "160px",
|
|
281
|
+
44: "176px",
|
|
282
|
+
48: "192px",
|
|
283
|
+
50: "200px",
|
|
284
|
+
52: "208px",
|
|
285
|
+
54: "216px",
|
|
286
|
+
56: "224px",
|
|
287
|
+
60: "240px",
|
|
288
|
+
64: "256px",
|
|
289
|
+
65: "260px",
|
|
290
|
+
72: "288px",
|
|
291
|
+
75: "300px",
|
|
292
|
+
80: "320px",
|
|
293
|
+
85: "340px",
|
|
294
|
+
96: "384px",
|
|
295
|
+
100: "400px",
|
|
296
|
+
105: "420px",
|
|
297
|
+
110: "440px",
|
|
298
|
+
125: "500px",
|
|
299
|
+
140: "560px",
|
|
300
|
+
150: "600px",
|
|
301
|
+
200: "800px",
|
|
302
|
+
"0.25": "1px",
|
|
303
|
+
"0.5": "2px",
|
|
304
|
+
"0.75": "3px",
|
|
305
|
+
"1.5": "6px",
|
|
306
|
+
"2.5": "10px",
|
|
307
|
+
"3.5": "14px",
|
|
308
|
+
"4.5": "18px",
|
|
309
|
+
"7.5": "30px"
|
|
310
|
+
},
|
|
311
|
+
maxWidth: {
|
|
312
|
+
0: "0px",
|
|
313
|
+
1: "4px",
|
|
314
|
+
2: "8px",
|
|
315
|
+
3: "12px",
|
|
316
|
+
4: "16px",
|
|
317
|
+
5: "20px",
|
|
318
|
+
6: "24px",
|
|
319
|
+
7: "28px",
|
|
320
|
+
8: "32px",
|
|
321
|
+
9: "36px",
|
|
322
|
+
10: "40px",
|
|
323
|
+
11: "44px",
|
|
324
|
+
12: "48px",
|
|
325
|
+
14: "56px",
|
|
326
|
+
15: "60px",
|
|
327
|
+
16: "64px",
|
|
328
|
+
18: "72px",
|
|
329
|
+
20: "80px",
|
|
330
|
+
22: "88px",
|
|
331
|
+
24: "96px",
|
|
332
|
+
25: "100px",
|
|
333
|
+
28: "112px",
|
|
334
|
+
30: "120px",
|
|
335
|
+
32: "128px",
|
|
336
|
+
36: "144px",
|
|
337
|
+
40: "160px",
|
|
338
|
+
44: "176px",
|
|
339
|
+
48: "192px",
|
|
340
|
+
50: "200px",
|
|
341
|
+
52: "208px",
|
|
342
|
+
54: "216px",
|
|
343
|
+
56: "224px",
|
|
344
|
+
60: "240px",
|
|
345
|
+
64: "256px",
|
|
346
|
+
65: "260px",
|
|
347
|
+
72: "288px",
|
|
348
|
+
75: "300px",
|
|
349
|
+
80: "320px",
|
|
350
|
+
85: "340px",
|
|
351
|
+
96: "384px",
|
|
352
|
+
100: "400px",
|
|
353
|
+
105: "420px",
|
|
354
|
+
110: "440px",
|
|
355
|
+
125: "500px",
|
|
356
|
+
140: "560px",
|
|
357
|
+
150: "600px",
|
|
358
|
+
200: "800px",
|
|
359
|
+
"0.25": "1px",
|
|
360
|
+
"0.5": "2px",
|
|
361
|
+
"0.75": "3px",
|
|
362
|
+
"1.5": "6px",
|
|
363
|
+
"2.5": "10px",
|
|
364
|
+
"3.5": "14px",
|
|
365
|
+
"4.5": "18px",
|
|
366
|
+
"7.5": "30px"
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
};
|
|
370
|
+
export {
|
|
371
|
+
p as theme
|
|
372
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
|
|
2
|
+
export type Size = "tiny" | "small" | "medium" | "large" | "huge";
|
|
3
|
+
export type Color = "primary" | "secondary" | "success" | "warning" | "caution" | "danger";
|
|
4
|
+
export type Variant = "standard" | "outline" | "link";
|
|
5
|
+
export type PolymorphicComponentProps<T extends ElementType, P = Record<string, never>> = P & Omit<ComponentPropsWithoutRef<T>, keyof P> & {
|
|
6
|
+
as?: T;
|
|
7
|
+
};
|
|
8
|
+
export interface CommonComponentProps {
|
|
9
|
+
className?: string;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export interface IconProps extends ComponentPropsWithoutRef<"svg"> {
|
|
13
|
+
size?: "tiny" | "small" | "medium" | "large";
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export type PolymorphicRef<T extends ElementType> = ComponentPropsWithoutRef<T>["ref"];
|
|
17
|
+
export interface ComponentWithChildren {
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
}
|
|
20
|
+
export interface ComponentWithOptionalChildren {
|
|
21
|
+
children?: ReactNode;
|
|
22
|
+
}
|
package/build/ui-kit.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._main_jm0tk_1{background:#fff;border-width:1px!important;border-style:solid!important}._main_jm0tk_1 .tippy-content{padding:0;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}._main_jm0tk_1 .tippy-arrow{fill:#fff}._main_jm0tk_1[data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}._main_jm0tk_1[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}._main_jm0tk_1[data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}._main_jm0tk_1[data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}._main_jm0tk_1[data-placement^=top][class*=bg-black]>.tippy-arrow:before{border-top-color:#000}._main_jm0tk_1[data-placement^=bottom][class*=bg-black]>.tippy-arrow:before{border-bottom-color:#000}._main_jm0tk_1[data-placement^=left][class*=bg-black]>.tippy-arrow:before{border-left-color:#000}._main_jm0tk_1[data-placement^=right][class*=bg-black]>.tippy-arrow:before{border-right-color:#000}::-webkit-scrollbar{-webkit-appearance:none;width:8px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#00000080;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.ui-combo-box__control{padding:0;font-family:InterVariable,Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:14px;line-height:14px;--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity, 1))!important;border-radius:4px!important;--tw-border-opacity: 1 !important;border-color:rgb(224 227 231 / var(--tw-border-opacity, 1))!important}.ui-combo-box__control:hover{--tw-border-opacity: 1 !important;border-color:rgb(34 35 36 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1;background-color:rgb(240 242 244 / var(--tw-bg-opacity, 1))}.ui-combo-box__control:focus-within{--tw-border-opacity: 1 !important;border-color:rgb(19 82 198 / var(--tw-border-opacity, 1))!important;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.border-danger .ui-combo-box__control{--tw-border-opacity: 1 !important;border-color:rgb(255 90 90 / var(--tw-border-opacity, 1))!important}.ui-combo-box__placeholder{--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity, 1))!important}.ui-combo-box__control:hover .ui-combo-box__placeholder{--tw-text-opacity: 1 !important;color:rgb(80 82 84 / var(--tw-text-opacity, 1))!important}.ui-combo-box__menu{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.ui-combo-box__option--is-focused{--tw-bg-opacity: 1 !important;background-color:rgb(240 242 244 / var(--tw-bg-opacity, 1))!important}.ui-combo-box__option--is-selected{--tw-bg-opacity: 1 !important;background-color:rgb(41 121 208 / var(--tw-bg-opacity, 1))!important}.ui-combo-box__input-container{--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity, 1))!important}.ui-combo-box__control:hover .ui-combo-box__input-container{--tw-text-opacity: 1 !important;color:rgb(80 82 84 / var(--tw-text-opacity, 1))!important}.ui-combo-box__dropdown-indicator svg{height:14px;width:14px;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.ui-combo-box--is-disabled svg{--tw-text-opacity: 1;color:rgb(189 192 198 / var(--tw-text-opacity, 1))}.ui-combo-box__indicator-separator{display:none}.ui-combo-box__input:focus{box-shadow:none!important}._checkbox_1gb8z_1:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231352C6' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")!important}/*! nouislider - 14.7.0 - 4/6/2021 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;touch-action:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub,.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{transform:translateY(-18px);top:auto;right:28px}.ui-range-slider .noUi-handle:before,.ui-range-slider .noUi-handle:after{display:none}.ui-range-slider{height:8px;width:100%;--tw-bg-opacity: 1;background-color:rgb(240 242 244 / var(--tw-bg-opacity, 1))}.ui-range-slider .noUi-connect{--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity, 1))}.ui-range-slider .noUi-handle{height:20px;width:20px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-range-slider .noUi-tooltip{left:50%;top:130%;height:32px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(34 35 36 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-range-slider .noUi-tooltip:after{content:"";border-color:transparent transparent black transparent;position:absolute;bottom:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid}@keyframes _shimmer_qt4e9_7{to{transform:translate(100%)}}._shimmer_qt4e9_7{transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:_shimmer_qt4e9_7 3s infinite}._main_1bcuo_1 .tippy-content{padding:0}::-webkit-scrollbar-thumb{--tw-bg-opacity: 1 !important;background-color:rgb(80 82 84 / var(--tw-bg-opacity, 1))!important}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export function getInitials(name: any): string;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import n from "get-user-locale";
|
|
2
|
+
const s = n(), c = /* @__PURE__ */ new Set(["JPY", "CLP", "KRW", "LAK", "PYG", "VND", "VUV"]), m = (e) => c.has(e), i = (e, r = s, t = 0, o = !1) => new Intl.NumberFormat(r, {
|
|
3
|
+
style: "currency",
|
|
4
|
+
currency: e,
|
|
5
|
+
maximumFractionDigits: 0,
|
|
6
|
+
currencyDisplay: o ? "narrowSymbol" : "symbol"
|
|
7
|
+
}).format(t).replaceAll(/\d/g, "").trim();
|
|
8
|
+
export {
|
|
9
|
+
i as getSymbol,
|
|
10
|
+
m as isZeroDecimal
|
|
11
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as dayjs } from 'dayjs';
|
|
2
|
+
export namespace DateFormat {
|
|
3
|
+
let DATE_ISO: string;
|
|
4
|
+
}
|
|
5
|
+
export function isValidTimeZoneName(timezoneName: any): boolean;
|
|
6
|
+
export function formatDate(date: any, format?: string): string;
|
|
7
|
+
export function formatTime(time: any, format?: string): string;
|
|
8
|
+
export function dateFromObjectId(id: any): dayjs.Dayjs;
|
|
9
|
+
export function now(date: any, timezone: any): dayjs.Dayjs;
|
|
10
|
+
export function dateToString(date: any): string;
|
|
11
|
+
export function toDate(date: any, isStartDate?: boolean): Date;
|
|
12
|
+
export function isSame(date1: any, date2: any, unit?: string): boolean;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import t from "dayjs";
|
|
2
|
+
import o from "dayjs/plugin/customParseFormat";
|
|
3
|
+
import a from "dayjs/plugin/localizedFormat";
|
|
4
|
+
import n from "dayjs/plugin/quarterOfYear";
|
|
5
|
+
import i from "dayjs/plugin/timezone";
|
|
6
|
+
import f from "dayjs/plugin/utc";
|
|
7
|
+
t.extend(o);
|
|
8
|
+
t.extend(a);
|
|
9
|
+
t.extend(n);
|
|
10
|
+
t.extend(f);
|
|
11
|
+
t.extend(i);
|
|
12
|
+
const s = {
|
|
13
|
+
DATE_ISO: "YYYY-MM-DD"
|
|
14
|
+
}, Y = (r, e = s.DATE_ISO) => t(r).format(e), F = (r, e = "h:mm a") => {
|
|
15
|
+
const m = String(r).padStart(4, 0);
|
|
16
|
+
return t(m, "hhmm").format(e);
|
|
17
|
+
}, I = (r) => t(new Date(Number.parseInt(r.slice(0, 8), 16) * 1e3));
|
|
18
|
+
export {
|
|
19
|
+
s as DateFormat,
|
|
20
|
+
I as dateFromObjectId,
|
|
21
|
+
Y as formatDate,
|
|
22
|
+
F as formatTime
|
|
23
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export function almostZero(number: any): boolean;
|
|
2
|
+
export function numberFormat(amount: any, currency?: null, locale?: string, maximumFractionDigits?: number, isCompact?: boolean, isNarrowSymbolForm?: boolean): string;
|
|
3
|
+
export function roundNumber(currency: any, amount: any): number;
|
|
4
|
+
export function compactNumber(value: any, locale?: string): string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import c from "get-user-locale";
|
|
2
|
+
import { round as e } from "lodash-es";
|
|
3
|
+
import { isZeroDecimal as l } from "./currency.js";
|
|
4
|
+
const a = c(), d = (o) => {
|
|
5
|
+
const r = Math.abs(o);
|
|
6
|
+
return r >= 0 && r <= 1e-3;
|
|
7
|
+
}, N = (o, r = null, t = a, n = 2, s = !1, u = !1) => {
|
|
8
|
+
const m = { style: r ? "currency" : "decimal", minimumFractionDigits: n, maximumFractionDigits: n };
|
|
9
|
+
return r && (m.currency = r, m.currencyDisplay = u ? "narrowSymbol" : "symbol"), s ? i(o, t) : new Intl.NumberFormat(t, m).format(o);
|
|
10
|
+
}, F = (o, r) => {
|
|
11
|
+
let t = Number(r);
|
|
12
|
+
return l(o) ? e(t) : (e(t, 3) === e(t, 4) && (t = e(t, 3)), e(t, 2));
|
|
13
|
+
}, i = (o, r = a) => new Intl.NumberFormat(r, { notation: "compact", maximumFractionDigits: 2 }).format(o);
|
|
14
|
+
export {
|
|
15
|
+
d as almostZero,
|
|
16
|
+
i as compactNumber,
|
|
17
|
+
N as numberFormat,
|
|
18
|
+
F as roundNumber
|
|
19
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { parsePhoneNumber as f } from "libphonenumber-js";
|
|
2
|
+
const i = (r, o = "US") => {
|
|
3
|
+
try {
|
|
4
|
+
let t = f(r, o);
|
|
5
|
+
if (!t)
|
|
6
|
+
return r;
|
|
7
|
+
const e = t.country;
|
|
8
|
+
e && e !== o && (t = f(r, e));
|
|
9
|
+
let a;
|
|
10
|
+
return e && t ? a = e === o ? t.formatNational() : t.formatInternational() : a = r, a;
|
|
11
|
+
} catch {
|
|
12
|
+
return r;
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
i as formatPhoneNumber
|
|
17
|
+
};
|