@konstructio/ui 0.1.2-alpha.2 → 0.1.2-alpha.20
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/dist/{Modal-V67Uz78z.js → Modal-B8jrP02v.js} +20 -20
- package/dist/_commonjsHelpers-DaMA6jEr.js +8 -0
- package/dist/{chevron-down-BLZPftpV.js → chevron-down-J5nS1Tu0.js} +2 -2
- package/dist/chevron-right-DeMVrnIg.js +19 -0
- package/dist/components/Alert/Alert.js +2 -2
- package/dist/components/AlertDialog/AlertDialog.js +1 -1
- package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
- package/dist/components/AlertDialog/components/index.js +1 -1
- package/dist/components/Badge/Badge.js +31 -28
- package/dist/components/Badge/Badge.variants.js +7 -5
- package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/Breadcrumb/components/Item/Item.js +24 -23
- package/dist/components/Button/Button.variants.js +1 -1
- package/dist/components/Checkbox/Checkbox.js +5 -4
- package/dist/components/Checkbox/Checkbox.variants.js +5 -4
- package/dist/components/Command/Command.js +2 -2
- package/dist/components/Command/components/Command.js +1 -1
- package/dist/components/Command/components/CommandEmpty.js +1 -1
- package/dist/components/Command/components/CommandGroup.js +1 -1
- package/dist/components/Command/components/CommandInput.js +2 -2
- package/dist/components/Command/components/CommandItem.js +1 -1
- package/dist/components/Command/components/CommandList.js +1 -1
- package/dist/components/Command/components/CommandSeparator.js +1 -1
- package/dist/components/Command/components/DialogContent.js +2 -2
- package/dist/components/Command/components/DialogOverlay.js +1 -1
- package/dist/components/Datepicker/DatePicker.js +545 -543
- package/dist/components/Dropdown/Dropdown.js +36 -24
- package/dist/components/Dropdown/Dropdown.variants.js +32 -9
- package/dist/components/Dropdown/components/List/List.js +64 -45
- package/dist/components/Dropdown/components/List/List.variants.js +9 -7
- package/dist/components/Dropdown/components/ListItem/ListItem.js +70 -24
- package/dist/components/Dropdown/components/ListItem/ListItem.variants.js +9 -7
- package/dist/components/Dropdown/components/Wrapper.js +154 -108
- package/dist/components/Dropdown/contexts/dropdown.context.js +9 -8
- package/dist/components/Dropdown/contexts/dropdown.provider.js +20 -19
- package/dist/components/Dropdown/hooks/useDropdown.js +30 -27
- package/dist/components/Dropdown/hooks/useNavigationList.js +32 -28
- package/dist/components/DropdownButton/DropdownButton.js +1 -1
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +1 -1
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Loading/Loading.js +2 -2
- package/dist/components/Modal/Modal.js +2 -2
- package/dist/components/Modal/components/Wrapper/Wrapper.js +3 -3
- package/dist/components/Modal/components/index.js +1 -1
- package/dist/components/NumberInput/NumberInput.js +2 -2
- package/dist/components/PieChart/PieChart.js +649 -648
- package/dist/components/Range/Range.js +1 -1
- package/dist/components/Sidebar/components/Wrapper/Wrapper.js +29 -28
- package/dist/components/Skeleton/Skeleton.js +42 -0
- package/dist/components/Slider/Slider.js +1 -1
- package/dist/components/Switch/Switch.js +6 -5
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/Tabs.variants.js +45 -24
- package/dist/components/Tabs/components/Content.js +1 -1
- package/dist/components/Tabs/components/List.js +1 -1
- package/dist/components/Tabs/components/Trigger.js +9 -8
- package/dist/components/TagSelect/components/Wrapper/Wrapper.js +98 -49
- package/dist/components/TimePicker/components/Wrapper/Wrapper.js +1 -1
- package/dist/components/Toast/Toast.js +57 -55
- package/dist/components/VirtualizedTable/VirtualizedTable.js +121 -0
- package/dist/components/VirtualizedTable/VirtualizedTable.variants.js +5 -0
- package/dist/components/VirtualizedTable/assets/chevron-down.js +25 -0
- package/dist/components/VirtualizedTable/assets/chevron-up.js +25 -0
- package/dist/components/VirtualizedTable/assets/index.js +6 -0
- package/dist/components/VirtualizedTable/components/Actions/Actions.js +40 -0
- package/dist/components/VirtualizedTable/components/Body/Body.js +26 -0
- package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js +165 -0
- package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +34 -0
- package/dist/components/VirtualizedTable/components/Filter/Filter.js +88 -0
- package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js +48 -0
- package/dist/components/VirtualizedTable/components/Header/Header.js +82 -0
- package/dist/components/VirtualizedTable/components/Pagination/Pagination.js +45 -0
- package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js +1871 -0
- package/dist/components/VirtualizedTable/components/index.js +14 -0
- package/dist/components/VirtualizedTable/constants/index.js +5 -0
- package/dist/components/VirtualizedTable/constants/pagination.js +5 -0
- package/dist/components/VirtualizedTable/contexts/index.js +8 -0
- package/dist/components/VirtualizedTable/contexts/table.context.js +31 -0
- package/dist/components/VirtualizedTable/contexts/table.hook.js +11 -0
- package/dist/components/VirtualizedTable/contexts/table.provider.js +84 -0
- package/dist/components/index.js +44 -40
- package/dist/{createLucideIcon-DbC6TvM5.js → createLucideIcon-DGhJ8Z4k.js} +4 -4
- package/dist/debounce-BFejQm9P.js +200 -0
- package/dist/ellipsis-vertical-DpnVYRxI.js +15 -0
- package/dist/{index-D3xzCzcO.js → index-0XtjXVpJ.js} +2 -2
- package/dist/index-BAEWsOG1.js +27 -0
- package/dist/index-BVRIAMfe.js +36 -0
- package/dist/index-BZPx6jYI.js +8 -0
- package/dist/{index-Oq5GlCHP.js → index-Bn4c-gww.js} +1 -1
- package/dist/index-CffpTFMi.js +137 -0
- package/dist/{index-BAraV3ai.js → index-DQJhMz8c.js} +1 -1
- package/dist/index-DdXGVVBv.js +15 -0
- package/dist/index-Dx2grAuN.js +1742 -0
- package/dist/{index-h-Ul0anl.js → index-N2OStZoU.js} +1 -1
- package/dist/{index-BXuxPoz7.js → index-amYX3uxF.js} +18 -17
- package/dist/{index-DB2XhXHn.js → index-l3NwplN0.js} +11 -10
- package/dist/{index-iXyXtdgP.js → index-sp5ZfG6g.js} +1 -1
- package/dist/index.d.ts +121 -10
- package/dist/index.js +41 -37
- package/dist/package.json +33 -25
- package/dist/styles.css +1 -1
- package/dist/ui/civo-theme.css +191 -167
- package/dist/{x-BPcqkRZd.js → x-4F_5p77m.js} +1 -1
- package/package.json +33 -25
- package/dist/_commonjsHelpers-C6fGbg64.js +0 -6
- package/dist/chevron-up-RLP4nX7V.js +0 -54
- package/dist/index-C9T9HQaa.js +0 -423
- package/dist/index-CZnD2QxM.js +0 -32
- package/dist/index-CrBonFvu.js +0 -144
package/dist/ui/civo-theme.css
CHANGED
|
@@ -5,15 +5,16 @@
|
|
|
5
5
|
--color-white: #ffffff;
|
|
6
6
|
|
|
7
7
|
--color-amber-50: #fffbeb;
|
|
8
|
-
--color-amber-100: #
|
|
9
|
-
--color-amber-200: #
|
|
10
|
-
--color-amber-300: #
|
|
11
|
-
--color-amber-400: #
|
|
12
|
-
--color-amber-500: #
|
|
13
|
-
--color-amber-600: #
|
|
14
|
-
--color-amber-700: #
|
|
15
|
-
--color-amber-800: #
|
|
16
|
-
--color-amber-900: #
|
|
8
|
+
--color-amber-100: #fef3c6;
|
|
9
|
+
--color-amber-200: #fee685;
|
|
10
|
+
--color-amber-300: #ffd230;
|
|
11
|
+
--color-amber-400: #ffb93b;
|
|
12
|
+
--color-amber-500: #fe9a37;
|
|
13
|
+
--color-amber-600: #e1712b;
|
|
14
|
+
--color-amber-700: #bb4d1a;
|
|
15
|
+
--color-amber-800: #973c08;
|
|
16
|
+
--color-amber-900: #7b3306;
|
|
17
|
+
--color-amber-950: #461901;
|
|
17
18
|
|
|
18
19
|
--color-aurora-50: #ebfff3;
|
|
19
20
|
--color-aurora-400: #47ff97;
|
|
@@ -22,91 +23,99 @@
|
|
|
22
23
|
|
|
23
24
|
--color-blue-50: #eff6ff;
|
|
24
25
|
--color-blue-100: #dbeafe;
|
|
25
|
-
--color-blue-200: #
|
|
26
|
-
--color-blue-300: #
|
|
27
|
-
--color-blue-400: #
|
|
28
|
-
--color-blue-500: #
|
|
29
|
-
--color-blue-600: #
|
|
30
|
-
--color-blue-700: #
|
|
31
|
-
--color-blue-800: #
|
|
32
|
-
--color-blue-900: #
|
|
26
|
+
--color-blue-200: #bedbff;
|
|
27
|
+
--color-blue-300: #8ec5ff;
|
|
28
|
+
--color-blue-400: #51a2ff;
|
|
29
|
+
--color-blue-500: #2b7fff;
|
|
30
|
+
--color-blue-600: #155dfc;
|
|
31
|
+
--color-blue-700: #1447e6;
|
|
32
|
+
--color-blue-800: #193cb8;
|
|
33
|
+
--color-blue-900: #1c398e;
|
|
34
|
+
--color-blue-950: #162456;
|
|
33
35
|
|
|
34
36
|
--color-cyan-50: #ecfeff;
|
|
35
|
-
--color-cyan-100: #
|
|
36
|
-
--color-cyan-200: #
|
|
37
|
-
--color-cyan-300: #
|
|
38
|
-
--color-cyan-400: #
|
|
39
|
-
--color-cyan-500: #
|
|
40
|
-
--color-cyan-600: #
|
|
41
|
-
--color-cyan-700: #
|
|
42
|
-
--color-cyan-800: #
|
|
43
|
-
--color-cyan-900: #
|
|
37
|
+
--color-cyan-100: #cefafe;
|
|
38
|
+
--color-cyan-200: #a2f4fd;
|
|
39
|
+
--color-cyan-300: #53eafd;
|
|
40
|
+
--color-cyan-400: #42d3f2;
|
|
41
|
+
--color-cyan-500: #3bb8db;
|
|
42
|
+
--color-cyan-600: #2c92b8;
|
|
43
|
+
--color-cyan-700: #1a7595;
|
|
44
|
+
--color-cyan-800: #015f78;
|
|
45
|
+
--color-cyan-900: #104e64;
|
|
46
|
+
--color-cyan-950: #053345;
|
|
44
47
|
|
|
45
48
|
--color-emerald-50: #ecfdf5;
|
|
46
|
-
--color-emerald-100: #
|
|
47
|
-
--color-emerald-200: #
|
|
48
|
-
--color-emerald-300: #
|
|
49
|
-
--color-emerald-400: #
|
|
50
|
-
--color-emerald-500: #
|
|
51
|
-
--color-emerald-600: #
|
|
52
|
-
--color-emerald-700: #
|
|
53
|
-
--color-emerald-800: #
|
|
54
|
-
--color-emerald-900: #
|
|
49
|
+
--color-emerald-100: #d0fae5;
|
|
50
|
+
--color-emerald-200: #a4f4cf;
|
|
51
|
+
--color-emerald-300: #5ee9b5;
|
|
52
|
+
--color-emerald-400: #31d492;
|
|
53
|
+
--color-emerald-500: #37bc7d;
|
|
54
|
+
--color-emerald-600: #2d9966;
|
|
55
|
+
--color-emerald-700: #1f7a55;
|
|
56
|
+
--color-emerald-800: #116045;
|
|
57
|
+
--color-emerald-900: #034f3b;
|
|
58
|
+
--color-emerald-950: #012c22;
|
|
55
59
|
|
|
56
60
|
--color-fuchsia-50: #fdf4ff;
|
|
57
61
|
--color-fuchsia-100: #fae8ff;
|
|
58
|
-
--color-fuchsia-200: #
|
|
59
|
-
--color-fuchsia-300: #
|
|
60
|
-
--color-fuchsia-400: #
|
|
61
|
-
--color-fuchsia-500: #
|
|
62
|
-
--color-fuchsia-600: #
|
|
63
|
-
--color-fuchsia-700: #
|
|
64
|
-
--color-fuchsia-800: #
|
|
65
|
-
--color-fuchsia-900: #
|
|
62
|
+
--color-fuchsia-200: #f6cfff;
|
|
63
|
+
--color-fuchsia-300: #f4a8ff;
|
|
64
|
+
--color-fuchsia-400: #ed6aff;
|
|
65
|
+
--color-fuchsia-500: #e12afb;
|
|
66
|
+
--color-fuchsia-600: #c81cde;
|
|
67
|
+
--color-fuchsia-700: #a813b7;
|
|
68
|
+
--color-fuchsia-800: #8a0194;
|
|
69
|
+
--color-fuchsia-900: #721378;
|
|
70
|
+
--color-fuchsia-950: #4b004f;
|
|
66
71
|
|
|
67
72
|
--color-gray-50: #f9fafb;
|
|
68
73
|
--color-gray-100: #f3f4f6;
|
|
69
74
|
--color-gray-200: #e5e7eb;
|
|
70
75
|
--color-gray-300: #d1d5dc;
|
|
71
|
-
--color-gray-400: #
|
|
72
|
-
--color-gray-500: #
|
|
73
|
-
--color-gray-600: #
|
|
74
|
-
--color-gray-700: #
|
|
75
|
-
--color-gray-800: #
|
|
76
|
-
--color-gray-900: #
|
|
76
|
+
--color-gray-400: #99a1af;
|
|
77
|
+
--color-gray-500: #6a7282;
|
|
78
|
+
--color-gray-600: #4a5565;
|
|
79
|
+
--color-gray-700: #364153;
|
|
80
|
+
--color-gray-800: #1e2939;
|
|
81
|
+
--color-gray-900: #101828;
|
|
82
|
+
--color-gray-950: #030712;
|
|
77
83
|
|
|
78
84
|
--color-green-50: #f0fdf4;
|
|
79
85
|
--color-green-100: #dcfce7;
|
|
80
|
-
--color-green-200: #
|
|
81
|
-
--color-green-300: #
|
|
82
|
-
--color-green-400: #
|
|
83
|
-
--color-green-500: #
|
|
84
|
-
--color-green-600: #
|
|
85
|
-
--color-green-700: #
|
|
86
|
-
--color-green-800: #
|
|
87
|
-
--color-green-900: #
|
|
86
|
+
--color-green-200: #b9f8cf;
|
|
87
|
+
--color-green-300: #7bf1a8;
|
|
88
|
+
--color-green-400: #05df72;
|
|
89
|
+
--color-green-500: #31c950;
|
|
90
|
+
--color-green-600: #2aa63e;
|
|
91
|
+
--color-green-700: #178236;
|
|
92
|
+
--color-green-800: #016630;
|
|
93
|
+
--color-green-900: #0d542b;
|
|
94
|
+
--color-green-950: #032e15;
|
|
88
95
|
|
|
89
96
|
--color-indigo-50: #eef2ff;
|
|
90
97
|
--color-indigo-100: #e0e7ff;
|
|
91
|
-
--color-indigo-200: #
|
|
92
|
-
--color-indigo-300: #
|
|
93
|
-
--color-indigo-400: #
|
|
94
|
-
--color-indigo-500: #
|
|
95
|
-
--color-indigo-600: #
|
|
96
|
-
--color-indigo-700: #
|
|
97
|
-
--color-indigo-800: #
|
|
98
|
-
--color-indigo-900: #
|
|
98
|
+
--color-indigo-200: #c6d2ff;
|
|
99
|
+
--color-indigo-300: #a3b3ff;
|
|
100
|
+
--color-indigo-400: #7c86ff;
|
|
101
|
+
--color-indigo-500: #615fff;
|
|
102
|
+
--color-indigo-600: #4f39f6;
|
|
103
|
+
--color-indigo-700: #432dd7;
|
|
104
|
+
--color-indigo-800: #372aac;
|
|
105
|
+
--color-indigo-900: #312c85;
|
|
106
|
+
--color-indigo-950: #1e1a4d;
|
|
99
107
|
|
|
100
108
|
--color-lime-50: #f7fee7;
|
|
101
|
-
--color-lime-100: #
|
|
102
|
-
--color-lime-200: #
|
|
103
|
-
--color-lime-300: #
|
|
104
|
-
--color-lime-400: #
|
|
105
|
-
--color-lime-500: #
|
|
106
|
-
--color-lime-600: #
|
|
107
|
-
--color-lime-700: #
|
|
108
|
-
--color-lime-800: #
|
|
109
|
-
--color-lime-900: #
|
|
109
|
+
--color-lime-100: #ecfcca;
|
|
110
|
+
--color-lime-200: #d8f999;
|
|
111
|
+
--color-lime-300: #bbf451;
|
|
112
|
+
--color-lime-400: #9ae630;
|
|
113
|
+
--color-lime-500: #7ccf35;
|
|
114
|
+
--color-lime-600: #5ea529;
|
|
115
|
+
--color-lime-700: #497d15;
|
|
116
|
+
--color-lime-800: #3c6301;
|
|
117
|
+
--color-lime-900: #35530e;
|
|
118
|
+
--color-lime-950: #192e03;
|
|
110
119
|
|
|
111
120
|
--color-metal-50: #f3f5f7;
|
|
112
121
|
--color-metal-100: #e7ebee;
|
|
@@ -125,34 +134,37 @@
|
|
|
125
134
|
--color-neutral-100: #f5f5f5;
|
|
126
135
|
--color-neutral-200: #e5e5e5;
|
|
127
136
|
--color-neutral-300: #d4d4d4;
|
|
128
|
-
--color-neutral-400: #
|
|
137
|
+
--color-neutral-400: #a1a1a1;
|
|
129
138
|
--color-neutral-500: #737373;
|
|
130
139
|
--color-neutral-600: #525252;
|
|
131
140
|
--color-neutral-700: #404040;
|
|
132
141
|
--color-neutral-800: #262626;
|
|
133
142
|
--color-neutral-900: #171717;
|
|
143
|
+
--color-neutral-950: #0a0a0a;
|
|
134
144
|
|
|
135
|
-
--color-orange-50: #
|
|
136
|
-
--color-orange-100: #
|
|
137
|
-
--color-orange-200: #
|
|
138
|
-
--color-orange-300: #
|
|
139
|
-
--color-orange-400: #
|
|
140
|
-
--color-orange-500: #
|
|
141
|
-
--color-orange-600: #
|
|
142
|
-
--color-orange-700: #
|
|
143
|
-
--color-orange-800: #
|
|
144
|
-
--color-orange-900: #
|
|
145
|
+
--color-orange-50: #fff7ed;
|
|
146
|
+
--color-orange-100: #ffedd4;
|
|
147
|
+
--color-orange-200: #ffd6a7;
|
|
148
|
+
--color-orange-300: #ffb86a;
|
|
149
|
+
--color-orange-400: #ff8904;
|
|
150
|
+
--color-orange-500: #ff692a;
|
|
151
|
+
--color-orange-600: #f54927;
|
|
152
|
+
--color-orange-700: #ca3519;
|
|
153
|
+
--color-orange-800: #9f2d01;
|
|
154
|
+
--color-orange-900: #7e2a0c;
|
|
155
|
+
--color-orange-950: #441306;
|
|
145
156
|
|
|
146
157
|
--color-pink-50: #fdf2f8;
|
|
147
158
|
--color-pink-100: #fce7f3;
|
|
148
|
-
--color-pink-200: #
|
|
149
|
-
--color-pink-300: #
|
|
150
|
-
--color-pink-400: #
|
|
151
|
-
--color-pink-500: #
|
|
152
|
-
--color-pink-600: #
|
|
153
|
-
--color-pink-700: #
|
|
154
|
-
--color-pink-800: #
|
|
155
|
-
--color-pink-900: #
|
|
159
|
+
--color-pink-200: #fceee8;
|
|
160
|
+
--color-pink-300: #fda5d5;
|
|
161
|
+
--color-pink-400: #fb64b6;
|
|
162
|
+
--color-pink-500: #f6339a;
|
|
163
|
+
--color-pink-600: #e61876;
|
|
164
|
+
--color-pink-700: #c6185c;
|
|
165
|
+
--color-pink-800: #a3044c;
|
|
166
|
+
--color-pink-900: #861043;
|
|
167
|
+
--color-pink-950: #510424;
|
|
156
168
|
|
|
157
169
|
--color-powder-50: #f1f4f9;
|
|
158
170
|
--color-powder-100: #e3eaf2;
|
|
@@ -167,36 +179,39 @@
|
|
|
167
179
|
|
|
168
180
|
--color-purple-50: #faf5ff;
|
|
169
181
|
--color-purple-100: #f3e8ff;
|
|
170
|
-
--color-purple-200: #
|
|
171
|
-
--color-purple-300: #
|
|
172
|
-
--color-purple-400: #
|
|
173
|
-
--color-purple-500: #
|
|
174
|
-
--color-purple-600: #
|
|
175
|
-
--color-purple-700: #
|
|
176
|
-
--color-purple-800: #
|
|
177
|
-
--color-purple-900: #
|
|
182
|
+
--color-purple-200: #e9d4ff;
|
|
183
|
+
--color-purple-300: #dab2ff;
|
|
184
|
+
--color-purple-400: #c27aff;
|
|
185
|
+
--color-purple-500: #ad46ff;
|
|
186
|
+
--color-purple-600: #9810fa;
|
|
187
|
+
--color-purple-700: #8207db;
|
|
188
|
+
--color-purple-800: #6e11b0;
|
|
189
|
+
--color-purple-900: #59168b;
|
|
190
|
+
--color-purple-950: #3c0366;
|
|
178
191
|
|
|
179
192
|
--color-red-50: #fef2f2;
|
|
180
|
-
--color-red-100: #
|
|
181
|
-
--color-red-200: #
|
|
182
|
-
--color-red-300: #
|
|
183
|
-
--color-red-400: #
|
|
184
|
-
--color-red-500: #
|
|
185
|
-
--color-red-600: #
|
|
186
|
-
--color-red-700: #
|
|
187
|
-
--color-red-800: #
|
|
188
|
-
--color-red-900: #
|
|
193
|
+
--color-red-100: #ffe2e2;
|
|
194
|
+
--color-red-200: #ffc9c9;
|
|
195
|
+
--color-red-300: #ffa2a2;
|
|
196
|
+
--color-red-400: #ff6467;
|
|
197
|
+
--color-red-500: #fb2c36;
|
|
198
|
+
--color-red-600: #e7180b;
|
|
199
|
+
--color-red-700: #c11007;
|
|
200
|
+
--color-red-800: #9f0712;
|
|
201
|
+
--color-red-900: #82181a;
|
|
202
|
+
--color-red-950: #460809;
|
|
189
203
|
|
|
190
204
|
--color-rose-50: #fff1f2;
|
|
191
205
|
--color-rose-100: #ffe4e6;
|
|
192
|
-
--color-rose-200: #
|
|
193
|
-
--color-rose-300: #
|
|
194
|
-
--color-rose-400: #
|
|
195
|
-
--color-rose-500: #
|
|
196
|
-
--color-rose-600: #
|
|
197
|
-
--color-rose-700: #
|
|
198
|
-
--color-rose-800: #
|
|
199
|
-
--color-rose-900: #
|
|
206
|
+
--color-rose-200: #ffccd3;
|
|
207
|
+
--color-rose-300: #ffa1ad;
|
|
208
|
+
--color-rose-400: #ff637e;
|
|
209
|
+
--color-rose-500: #ff2056;
|
|
210
|
+
--color-rose-600: #ec253f;
|
|
211
|
+
--color-rose-700: #c71d36;
|
|
212
|
+
--color-rose-800: #a50c36;
|
|
213
|
+
--color-rose-900: #8b0836;
|
|
214
|
+
--color-rose-950: #4d0218;
|
|
200
215
|
|
|
201
216
|
--color-sage-50: #f5f9f1;
|
|
202
217
|
--color-sage-100: #d6e5c7;
|
|
@@ -210,81 +225,88 @@
|
|
|
210
225
|
--color-sage-900: #3c5427;
|
|
211
226
|
|
|
212
227
|
--color-sky-50: #f0f9ff;
|
|
213
|
-
--color-sky-100: #
|
|
214
|
-
--color-sky-200: #
|
|
215
|
-
--color-sky-300: #
|
|
216
|
-
--color-sky-400: #
|
|
217
|
-
--color-sky-500: #
|
|
218
|
-
--color-sky-600: #
|
|
219
|
-
--color-sky-700: #
|
|
220
|
-
--color-sky-800: #
|
|
221
|
-
--color-sky-900: #
|
|
228
|
+
--color-sky-100: #dff2fe;
|
|
229
|
+
--color-sky-200: #b8e6fe;
|
|
230
|
+
--color-sky-300: #74d4ff;
|
|
231
|
+
--color-sky-400: #21bcff;
|
|
232
|
+
--color-sky-500: #34a6f4;
|
|
233
|
+
--color-sky-600: #2984d1;
|
|
234
|
+
--color-sky-700: #1c69a8;
|
|
235
|
+
--color-sky-800: #10598a;
|
|
236
|
+
--color-sky-900: #024a70;
|
|
237
|
+
--color-sky-950: #052f4a;
|
|
222
238
|
|
|
223
239
|
--color-slate-50: #f8fafc;
|
|
224
240
|
--color-slate-100: #f1f5f9;
|
|
225
241
|
--color-slate-200: #e2e8f0;
|
|
226
|
-
--color-slate-300: #
|
|
227
|
-
--color-slate-400: #
|
|
228
|
-
--color-slate-500: #
|
|
229
|
-
--color-slate-600: #
|
|
230
|
-
--color-slate-700: #
|
|
231
|
-
--color-slate-800: #
|
|
232
|
-
--color-slate-900: #
|
|
242
|
+
--color-slate-300: #cad5e2;
|
|
243
|
+
--color-slate-400: #90a1b9;
|
|
244
|
+
--color-slate-500: #62748e;
|
|
245
|
+
--color-slate-600: #45556c;
|
|
246
|
+
--color-slate-700: #314158;
|
|
247
|
+
--color-slate-800: #1d293d;
|
|
248
|
+
--color-slate-900: #0f172b;
|
|
249
|
+
--color-slate-950: #020618;
|
|
233
250
|
|
|
234
251
|
--color-stone-50: #fafaf9;
|
|
235
252
|
--color-stone-100: #f5f5f4;
|
|
236
253
|
--color-stone-200: #e7e5e4;
|
|
237
254
|
--color-stone-300: #d6d3d1;
|
|
238
|
-
--color-stone-400: #
|
|
239
|
-
--color-stone-500: #
|
|
240
|
-
--color-stone-600: #
|
|
241
|
-
--color-stone-700: #
|
|
255
|
+
--color-stone-400: #a6a09b;
|
|
256
|
+
--color-stone-500: #79716b;
|
|
257
|
+
--color-stone-600: #57534d;
|
|
258
|
+
--color-stone-700: #44403b;
|
|
242
259
|
--color-stone-800: #292524;
|
|
243
260
|
--color-stone-900: #1c1917;
|
|
261
|
+
--color-stone-950: #0c0a09;
|
|
244
262
|
|
|
245
263
|
--color-teal-50: #f0fdfa;
|
|
246
|
-
--color-teal-100: #
|
|
247
|
-
--color-teal-200: #
|
|
248
|
-
--color-teal-300: #
|
|
249
|
-
--color-teal-400: #
|
|
250
|
-
--color-teal-500: #
|
|
251
|
-
--color-teal-600: #
|
|
252
|
-
--color-teal-700: #
|
|
253
|
-
--color-teal-800: #
|
|
254
|
-
--color-teal-900: #
|
|
264
|
+
--color-teal-100: #cbfbf1;
|
|
265
|
+
--color-teal-200: #96f7e4;
|
|
266
|
+
--color-teal-300: #46ecd5;
|
|
267
|
+
--color-teal-400: #38d5be;
|
|
268
|
+
--color-teal-500: #36bba7;
|
|
269
|
+
--color-teal-600: #2a9689;
|
|
270
|
+
--color-teal-700: #18786f;
|
|
271
|
+
--color-teal-800: #075f5a;
|
|
272
|
+
--color-teal-900: #0b4f4a;
|
|
273
|
+
--color-teal-950: #022f2e;
|
|
255
274
|
|
|
256
275
|
--color-violet-50: #f5f3ff;
|
|
257
276
|
--color-violet-100: #ede9fe;
|
|
258
|
-
--color-violet-200: #
|
|
259
|
-
--color-violet-300: #
|
|
260
|
-
--color-violet-400: #
|
|
261
|
-
--color-violet-500: #
|
|
262
|
-
--color-violet-600: #
|
|
263
|
-
--color-violet-700: #
|
|
264
|
-
--color-violet-800: #
|
|
265
|
-
--color-violet-900: #
|
|
277
|
+
--color-violet-200: #ddd6ff;
|
|
278
|
+
--color-violet-300: #c4b4ff;
|
|
279
|
+
--color-violet-400: #a684ff;
|
|
280
|
+
--color-violet-500: #8e51ff;
|
|
281
|
+
--color-violet-600: #7f22fe;
|
|
282
|
+
--color-violet-700: #7008e7;
|
|
283
|
+
--color-violet-800: #5d0ec0;
|
|
284
|
+
--color-violet-900: #4d179a;
|
|
285
|
+
--color-violet-950: #2f0d68;
|
|
266
286
|
|
|
267
287
|
--color-yellow-50: #fefce8;
|
|
268
|
-
--color-yellow-100: #
|
|
269
|
-
--color-yellow-200: #
|
|
270
|
-
--color-yellow-300: #
|
|
271
|
-
--color-yellow-400: #
|
|
272
|
-
--color-yellow-500: #
|
|
273
|
-
--color-yellow-600: #
|
|
274
|
-
--color-yellow-700: #
|
|
275
|
-
--color-yellow-800: #
|
|
276
|
-
--color-yellow-900: #
|
|
288
|
+
--color-yellow-100: #fef9c2;
|
|
289
|
+
--color-yellow-200: #fff085;
|
|
290
|
+
--color-yellow-300: #ffdf20;
|
|
291
|
+
--color-yellow-400: #fdc745;
|
|
292
|
+
--color-yellow-500: #f0b13b;
|
|
293
|
+
--color-yellow-600: #d0872e;
|
|
294
|
+
--color-yellow-700: #a65f1b;
|
|
295
|
+
--color-yellow-800: #894b0a;
|
|
296
|
+
--color-yellow-900: #733e0a;
|
|
297
|
+
--color-yellow-950: #432004;
|
|
277
298
|
|
|
278
299
|
--color-zinc-50: #fafafa;
|
|
279
300
|
--color-zinc-100: #f4f4f5;
|
|
280
301
|
--color-zinc-200: #e4e4e7;
|
|
281
302
|
--color-zinc-300: #d4d4d8;
|
|
282
|
-
--color-zinc-400: #
|
|
283
|
-
--color-zinc-500: #
|
|
284
|
-
--color-zinc-600: #
|
|
303
|
+
--color-zinc-400: #9f9fa9;
|
|
304
|
+
--color-zinc-500: #71717b;
|
|
305
|
+
--color-zinc-600: #52525c;
|
|
285
306
|
--color-zinc-700: #3f3f46;
|
|
286
307
|
--color-zinc-800: #27272a;
|
|
287
308
|
--color-zinc-900: #18181b;
|
|
309
|
+
--color-zinc-950: #09090b;
|
|
288
310
|
|
|
289
311
|
--color-kubefirst-primary: #8851c8;
|
|
290
312
|
--color-kubefirst-secondary: #7037ae;
|
|
@@ -295,4 +317,6 @@
|
|
|
295
317
|
|
|
296
318
|
--color-civo-primary: #239dff;
|
|
297
319
|
--color-civo-secondary: #007be0;
|
|
320
|
+
|
|
321
|
+
--color-cloud: #d1ccbe;
|
|
298
322
|
}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@konstructio/ui",
|
|
3
3
|
"description": "A set of reusable and customizable React components built for konstruct.io",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.1.2-alpha.
|
|
5
|
+
"version": "0.1.2-alpha.20",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|
|
@@ -63,22 +63,25 @@
|
|
|
63
63
|
"@radix-ui/react-switch": "^1.2.6",
|
|
64
64
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
65
65
|
"@radix-ui/react-toast": "^1.2.15",
|
|
66
|
+
"@radix-ui/react-tooltip": "^1.2.8",
|
|
66
67
|
"@radix-ui/react-visually-hidden": "^1.2.3",
|
|
67
|
-
"
|
|
68
|
+
"@tanstack/react-table": "^8.21.3",
|
|
69
|
+
"chart.js": "^4.5.1",
|
|
68
70
|
"class-variance-authority": "^0.7.1",
|
|
69
71
|
"clsx": "^2.1.1",
|
|
70
72
|
"cmdk": "^1.1.1",
|
|
71
73
|
"countries-and-timezones": "^3.8.0",
|
|
72
74
|
"js-cookie": "^3.0.5",
|
|
73
|
-
"lucide-react": "^0.
|
|
74
|
-
"react-chartjs-2": "^5.3.
|
|
75
|
-
"react-day-picker": "^9.11.
|
|
75
|
+
"lucide-react": "^0.548.0",
|
|
76
|
+
"react-chartjs-2": "^5.3.1",
|
|
77
|
+
"react-day-picker": "^9.11.1",
|
|
76
78
|
"react-feather": "^2.0.10",
|
|
77
79
|
"react-focus-lock": "^2.13.6",
|
|
78
80
|
"react-remove-scroll": "^2.7.1",
|
|
79
81
|
"tailwind-merge": "^3.3.1"
|
|
80
82
|
},
|
|
81
83
|
"peerDependencies": {
|
|
84
|
+
"@tanstack/react-query": "^5.90",
|
|
82
85
|
"@types/react": "*",
|
|
83
86
|
"@types/react-dom": "*",
|
|
84
87
|
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0",
|
|
@@ -104,46 +107,51 @@
|
|
|
104
107
|
},
|
|
105
108
|
"@types/react-router-dom": {
|
|
106
109
|
"optional": true
|
|
110
|
+
},
|
|
111
|
+
"@tanstack/react-query": {
|
|
112
|
+
"optional": false
|
|
107
113
|
}
|
|
108
114
|
},
|
|
109
115
|
"devDependencies": {
|
|
110
|
-
"@
|
|
111
|
-
"@
|
|
112
|
-
"@storybook/addon-
|
|
113
|
-
"@storybook/
|
|
114
|
-
"@
|
|
115
|
-
"@
|
|
116
|
+
"@faker-js/faker": "^10.1.0",
|
|
117
|
+
"@rollup/plugin-alias": "^6.0.0",
|
|
118
|
+
"@storybook/addon-docs": "^10.0.0",
|
|
119
|
+
"@storybook/addon-links": "^10.0.0",
|
|
120
|
+
"@storybook/react-vite": "^10.0.0",
|
|
121
|
+
"@tailwindcss/vite": "^4.1.16",
|
|
122
|
+
"@tanstack/react-query": "^5.90.5",
|
|
123
|
+
"@testing-library/jest-dom": "^6.9.1",
|
|
116
124
|
"@testing-library/react": "^16.3.0",
|
|
117
125
|
"@testing-library/user-event": "^14.6.1",
|
|
118
126
|
"@types/jest-axe": "^3.5.9",
|
|
119
127
|
"@types/js-cookie": "^3.0.6",
|
|
120
128
|
"@types/lodash": "^4.17.20",
|
|
121
|
-
"@types/react": "^19.
|
|
122
|
-
"@types/react-dom": "^19.
|
|
123
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
124
|
-
"@typescript-eslint/parser": "^8.
|
|
125
|
-
"@vitejs/plugin-react": "^5.0
|
|
129
|
+
"@types/react": "^19.2.2",
|
|
130
|
+
"@types/react-dom": "^19.2.2",
|
|
131
|
+
"@typescript-eslint/eslint-plugin": "^8.46.2",
|
|
132
|
+
"@typescript-eslint/parser": "^8.46.2",
|
|
133
|
+
"@vitejs/plugin-react": "^5.1.0",
|
|
126
134
|
"@vitest/coverage-v8": "^3.2.4",
|
|
127
135
|
"autoprefixer": "^10.4.21",
|
|
128
|
-
"eslint": "^9.
|
|
136
|
+
"eslint": "^9.38.0",
|
|
129
137
|
"eslint-plugin-react": "^7.37.5",
|
|
130
|
-
"eslint-plugin-react-hooks": "^
|
|
131
|
-
"eslint-plugin-react-refresh": "^0.4.
|
|
132
|
-
"eslint-plugin-storybook": "^9.1.
|
|
138
|
+
"eslint-plugin-react-hooks": "^6.1.1",
|
|
139
|
+
"eslint-plugin-react-refresh": "^0.4.23",
|
|
140
|
+
"eslint-plugin-storybook": "^9.1.13",
|
|
133
141
|
"eslint-plugin-vitest": "^0.5.4",
|
|
134
142
|
"glob": "^11.0.3",
|
|
135
143
|
"husky": "^9.1.7",
|
|
136
144
|
"jest-axe": "^10.0.0",
|
|
137
|
-
"jsdom": "^27.0.
|
|
145
|
+
"jsdom": "^27.0.1",
|
|
138
146
|
"lodash": "^4.17.21",
|
|
139
147
|
"postcss": "^8.5.6",
|
|
140
148
|
"prettier": "^3.6.2",
|
|
141
149
|
"rimraf": "^6.0.1",
|
|
142
|
-
"storybook": "^
|
|
143
|
-
"tailwindcss": "^4.1.
|
|
150
|
+
"storybook": "^10.0.0",
|
|
151
|
+
"tailwindcss": "^4.1.16",
|
|
144
152
|
"ts-node": "^10.9.2",
|
|
145
|
-
"typescript": "^5.9.
|
|
146
|
-
"vite": "^7.1.
|
|
153
|
+
"typescript": "^5.9.3",
|
|
154
|
+
"vite": "^7.1.12",
|
|
147
155
|
"vite-plugin-dts": "^4.5.4",
|
|
148
156
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
149
157
|
"vite-plugin-svgr": "^4.5.0",
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import l, { forwardRef as c } from "react";
|
|
2
|
-
import { P as a } from "./index-h-Ul0anl.js";
|
|
3
|
-
function p() {
|
|
4
|
-
return p = Object.assign || function(e) {
|
|
5
|
-
for (var o = 1; o < arguments.length; o++) {
|
|
6
|
-
var t = arguments[o];
|
|
7
|
-
for (var r in t)
|
|
8
|
-
Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
|
|
9
|
-
}
|
|
10
|
-
return e;
|
|
11
|
-
}, p.apply(this, arguments);
|
|
12
|
-
}
|
|
13
|
-
function u(e, o) {
|
|
14
|
-
if (e == null) return {};
|
|
15
|
-
var t = v(e, o), r, n;
|
|
16
|
-
if (Object.getOwnPropertySymbols) {
|
|
17
|
-
var i = Object.getOwnPropertySymbols(e);
|
|
18
|
-
for (n = 0; n < i.length; n++)
|
|
19
|
-
r = i[n], !(o.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
}
|
|
23
|
-
function v(e, o) {
|
|
24
|
-
if (e == null) return {};
|
|
25
|
-
var t = {}, r = Object.keys(e), n, i;
|
|
26
|
-
for (i = 0; i < r.length; i++)
|
|
27
|
-
n = r[i], !(o.indexOf(n) >= 0) && (t[n] = e[n]);
|
|
28
|
-
return t;
|
|
29
|
-
}
|
|
30
|
-
var s = c(function(e, o) {
|
|
31
|
-
var t = e.color, r = t === void 0 ? "currentColor" : t, n = e.size, i = n === void 0 ? 24 : n, f = u(e, ["color", "size"]);
|
|
32
|
-
return /* @__PURE__ */ l.createElement("svg", p({
|
|
33
|
-
ref: o,
|
|
34
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
35
|
-
width: i,
|
|
36
|
-
height: i,
|
|
37
|
-
viewBox: "0 0 24 24",
|
|
38
|
-
fill: "none",
|
|
39
|
-
stroke: r,
|
|
40
|
-
strokeWidth: "2",
|
|
41
|
-
strokeLinecap: "round",
|
|
42
|
-
strokeLinejoin: "round"
|
|
43
|
-
}, f), /* @__PURE__ */ l.createElement("polyline", {
|
|
44
|
-
points: "18 15 12 9 6 15"
|
|
45
|
-
}));
|
|
46
|
-
});
|
|
47
|
-
s.propTypes = {
|
|
48
|
-
color: a.string,
|
|
49
|
-
size: a.oneOfType([a.string, a.number])
|
|
50
|
-
};
|
|
51
|
-
s.displayName = "ChevronUp";
|
|
52
|
-
export {
|
|
53
|
-
s as C
|
|
54
|
-
};
|