@yourdash/uikit 0.1.1 → 0.1.3

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 (9) hide show
  1. package/dist/defaultTheme.module.css +297 -0
  2. package/dist/defaultTheme.module.css.map +1 -0
  3. package/dist/defaultTheme.module.scss +361 -0
  4. package/dist/themeValues.css +7 -0
  5. package/dist/themeValues.css.map +1 -0
  6. package/dist/themeValues.scss +129 -0
  7. package/package.json +7 -5
  8. package/src/imports.d.ts +0 -81
  9. package/src/index.tsx +0 -48
package/dist/defaultTheme.module.css ADDED
@@ -0,0 +1,297 @@
1
+ @charset "UTF-8";
2
+ /*!
3
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
4
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
5
+ */
6
+ /*!
7
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
8
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
9
+ */
10
+ .theme {
11
+ overflow-x: hidden;
12
+ overflow-y: auto;
13
+ height: 100%;
14
+ background: var(--utbgn);
15
+ --ut-author: "Ewsgit";
16
+ --ut-name: "YourDash Classic Dark";
17
+ --ut-version: "0.0.1";
18
+ }
19
+ .theme ::-webkit-scrollbar {
20
+ width: var(--utscrlbrwid);
21
+ border-radius: 0;
22
+ }
23
+ .theme ::-webkit-scrollbar-thumb {
24
+ border-radius: var(--utscrlbrrad);
25
+ }
26
+
27
+ .level0 {
28
+ color: var(--utcol);
29
+ --utcol: #ffffff;
30
+ --utscl: #bbbbbb;
31
+ --utbgn: #222222;
32
+ --utacn: #768ce7;
33
+ --utbrd: 1px solid #555555;
34
+ --utrad: 1rem;
35
+ --utpdn: 1rem;
36
+ --utgap: 0.5rem;
37
+ --uttrans: all 200ms ease-in-out;
38
+ --uttranstrans: 200ms ease-in-out;
39
+ --utsepsize: 1px;
40
+ --utsepcol: #444444;
41
+ --utscrlbrwid: 0.4rem;
42
+ --utscrlbrrad: 0.1rem;
43
+ --uthedhe1wgt: 900;
44
+ --uthedhe1size: 3rem;
45
+ --uthedhe2wgt: 700;
46
+ --uthedhe2size: 2rem;
47
+ --uthedhe3wgt: 600;
48
+ --uthedhe3size: 1.5rem;
49
+ --uthedhe4wgt: 500;
50
+ --uthedhe4size: 1.25rem;
51
+ --uthedhe5wgt: 500;
52
+ --uthedhe5size: 1rem;
53
+ --uthedhe6wgt: 500;
54
+ --uthedhe6size: 0.875rem;
55
+ --utinpcol: #ffffff;
56
+ --utinpbgn: #222222;
57
+ --utinpbrd: 1px solid #444444;
58
+ --utinprad: 0.5rem;
59
+ --utinphei: 2rem;
60
+ --utinppdnhoriz: 0.5rem;
61
+ --utinptrans: all 0.2s ease-in-out;
62
+ --utinpfoccol: #ffffff;
63
+ --utinpfocbgn: #333333;
64
+ --utinpfocbrd: 1px solid #666666;
65
+ --utbtncol: #ffffff;
66
+ --utbtnbgn: #444444;
67
+ --utbtnbrd: 0px solid #666666;
68
+ --utbtnfontsize: 0.9rem;
69
+ --utbtnfontwgt: 400;
70
+ --utbtnrad: 0.5rem;
71
+ --utbtnpdnhoriz: 0.5rem;
72
+ --utbtntrans: all 0.2s ease-in-out;
73
+ --utbtnhvrcol: #ffffff;
74
+ --utbtnhvrbgn: #555555;
75
+ --utbtnhvrbrd: 0px solid #666666;
76
+ --utbtnhvrrad: 0.5rem;
77
+ --utbtnhvrtrans: all 50ms ease-in-out;
78
+ --utbtnatvcol: #000000;
79
+ --utbtnatvbgn: #666666;
80
+ --utbtnatvbrd: 0px solid #777777;
81
+ --utbtnatvrad: 0.5rem;
82
+ --utbtnatvtrans: all 50ms ease-in-out;
83
+ --uttxbfontwgt: 700;
84
+ --utfontfam: Inter;
85
+ --utfontsize: 0.9rem;
86
+ --utfontwgt: 400;
87
+ --uthedcol: #ffffff;
88
+ --uthedfontfam: Inter;
89
+ --uthedfontsize: 1.2rem;
90
+ --uthedfontwgt: 700;
91
+ --uthedpdnvert: 1rem;
92
+ --uthedpdnhoriz: 0.5rem;
93
+ }
94
+
95
+ .level1 {
96
+ color: var(--utcol);
97
+ --utcol: #ffffff;
98
+ --utbgn: #333333;
99
+ --utbrd: 1px solid #666666;
100
+ --utacn: #768ce7;
101
+ --utrad: 0.5rem;
102
+ --utfontfam: Inter;
103
+ --utfontrad: 0.9rem;
104
+ --utfontwgt: 400;
105
+ --utpdn: 0.75rem;
106
+ --utgap: 0.5rem;
107
+ --uttrans: all 200ms ease-in-out;
108
+ --utsepsize: 1px;
109
+ --utsepcol: #555555;
110
+ --uthedhe1wgt: 800;
111
+ --uthedhe1size: 3rem;
112
+ --uthedhe2wgt: 700;
113
+ --uthedhe2size: 2.5rem;
114
+ --uthedhe3wgt: 600;
115
+ --uthedhe3size: 2rem;
116
+ --uthedhe4wgt: 500;
117
+ --uthedhe4size: 1.5rem;
118
+ --uthedhe5wgt: 500;
119
+ --uthedhe5size: 1rem;
120
+ --uthedhe6wgt: 500;
121
+ --uthedhe6size: 0.875rem;
122
+ --utinpcol: #ffffff;
123
+ --utinpbgn: #222222;
124
+ --utinpbrd: 1px solid #444444;
125
+ --utinprad: 0.5rem;
126
+ --utinphei: 2rem;
127
+ --utinppdnhoriz: 0.5rem;
128
+ --utinptrans: all 0.2s ease-in-out;
129
+ --utinpfoccol: #ffffff;
130
+ --utinpfocbgn: #333333;
131
+ --utinpfocbrd: 1px solid #666666;
132
+ --utbtncol: #ffffff;
133
+ --utbtnbgn: #444444;
134
+ --utbtnbrd: 0px solid #444444;
135
+ --utbtnfontsize: 0.9rem;
136
+ --utbtnfontwgt: 400;
137
+ --utbtnrad: 0.5rem;
138
+ --utbtnpdnhoriz: 0.5rem;
139
+ --utbtntrans: all 0.2s ease-in-out;
140
+ --utbtnhvrcol: #ffffff;
141
+ --utbtnhvrbgn: #555555;
142
+ --utbtnhvrbrd: 0px solid #666666;
143
+ --utbtnhvrrad: 0.5rem;
144
+ --utbtnhvrtrans: all 50ms ease-in-out;
145
+ --utbtnatvcol: #000000;
146
+ --utbtnatvbgn: #666666;
147
+ --utbtnatvbrd: 0px solid #666666;
148
+ --utbtnatvrad: 0.5rem;
149
+ --uthedcol: #ffffff;
150
+ --uthedfontfam: Inter;
151
+ --uthedfontsize: 1.2rem;
152
+ --uthedfontwgt: 700;
153
+ --uthedpdnvert: 0.5rem;
154
+ --uthedpdnhoriz: 0.25rem;
155
+ }
156
+
157
+ .level2 {
158
+ color: var(--utcol);
159
+ --utcol: #ffffff;
160
+ --utbgn: #444444;
161
+ --utbrd: 1px solid #666666;
162
+ --utacn: #768ce7;
163
+ --utrad: 0.25rem;
164
+ --utpdn: 0.5rem;
165
+ --utgap: 0.75rem;
166
+ --uttrans: all 200ms ease-in-out;
167
+ --utsepsize: 1px;
168
+ --utsepcol: #555555;
169
+ --uthedhe1wgt: 900;
170
+ --uthedhe1size: 3rem;
171
+ --uthedhe2wgt: 700;
172
+ --uthedhe2size: 2rem;
173
+ --uthedhe3wgt: 600;
174
+ --uthedhe3size: 1.5rem;
175
+ --uthedhe4wgt: 500;
176
+ --uthedhe4size: 1.25rem;
177
+ --uthedhe5wgt: 500;
178
+ --uthedhe5size: 1rem;
179
+ --uthedhe6wgt: 500;
180
+ --uthedhe6size: 0.875rem;
181
+ --uttxbfontwgt: 700;
182
+ --utfontfam: Inter;
183
+ --utfontsize: 0.9rem;
184
+ --utfontwgt: 400;
185
+ --utinpcol: #ffffff;
186
+ --utinpbgn: #222222;
187
+ --utinpbrd: 1px solid #444444;
188
+ --utinprad: 0.5rem;
189
+ --utinphei: 2rem;
190
+ --utinppdnhoriz: 0.5rem;
191
+ --utinptrans: all 0.2s ease-in-out;
192
+ --utinpfoccol: #ffffff;
193
+ --utinpfocbgn: #333333;
194
+ --utinpfocbrd: 1px solid #666666;
195
+ --utbtncol: #ffffff;
196
+ --utbtnbgn: #555555;
197
+ --utbtnbrd: 0px solid #666666;
198
+ --utbtnfontfam: Inter;
199
+ --utbtnfontsize: 0.9rem;
200
+ --utbtnfontwgt: 400;
201
+ --utbtnrad: 0.25rem;
202
+ --utbtnpdnhoriz: 0.5rem;
203
+ --utbtntrans: all 0.2s ease-in-out;
204
+ --utbtnhvrcol: #ffffff;
205
+ --utbtnhvrbgn: #666666;
206
+ --utbtnhvrbrd: 0px solid #666666;
207
+ --utbtnhvrrad: 0.25rem;
208
+ --utbtnhvrtrans: all 50ms ease-in-out;
209
+ --utbtnatvcol: #000000;
210
+ --utbtnatvbgnbg: #666666;
211
+ --utbtnatvbrd: 0px solid #666666;
212
+ --utbtnatvrad: 0.25rem;
213
+ --uthedcol: #ffffff;
214
+ --uthedfontfam: Inter;
215
+ --uthedfontsize: 1.2rem;
216
+ --uthedfontwgt: 700;
217
+ --uthedpdnvert: 0.5rem;
218
+ --uthedpdnhoriz: 0.25rem;
219
+ }
220
+
221
+ .level3 {
222
+ color: var(--utcol);
223
+ --utcol: #ffffff;
224
+ --utbgn: #555555;
225
+ --utbrd: 1px solid #666666;
226
+ --utacn: #768ce7;
227
+ --utrad: 1px;
228
+ --utpdn: 0.5rem;
229
+ --utgap: 1rem;
230
+ --uttrans: all 200ms ease-in-out;
231
+ --utsepsize: 1px;
232
+ --utsepcol: #555555;
233
+ --uthedhe1wgt: 900;
234
+ --uthedhe1size: 3rem;
235
+ --uthedhe2wgt: 700;
236
+ --uthedhe2size: 2rem;
237
+ --uthedhe3wgt: 600;
238
+ --uthedhe3size: 1.5rem;
239
+ --uthedhe4wgt: 500;
240
+ --uthedhe4size: 1.25rem;
241
+ --uthedhe5wgt: 500;
242
+ --uthedhe5size: 1rem;
243
+ --uthedhe6wgt: 500;
244
+ --uthedhe6size: 0.875rem;
245
+ --uttxbfontwgt: 700;
246
+ --utfam: Inter;
247
+ --utsize: 0.9rem;
248
+ --utwgt: 400;
249
+ --utinpcol: #ffffff;
250
+ --utinpbgn: #222222;
251
+ --utinpbrd: 1px solid #444444;
252
+ --utinprad: 0.5rem;
253
+ --utinphei: 2rem;
254
+ --utinppdnhoriz: 0.5rem;
255
+ --utinptrans: all 0.2s ease-in-out;
256
+ --utinpfoccol: #ffffff;
257
+ --utinpfocbgn: #333333;
258
+ --utinpfocbrd: 1px solid #666666;
259
+ --utbtncol: #ffffff;
260
+ --utbtnbgn: #666666;
261
+ --utbtnbrd: 0px solid #666666;
262
+ --utbtnfontfam: Inter;
263
+ --utbtnfontsize: 0.9rem;
264
+ --utbtnfontwgt: 400;
265
+ --utbtnrad: 0.25rem;
266
+ --utbtnpdnhoriz: 0.5rem;
267
+ --utbtnhvrcol: #ffffff;
268
+ --utbtnhvrbgn: #777777;
269
+ --utbtnhvrbrd: 0px solid #777777;
270
+ --utbtnhvrrad: 0.25rem;
271
+ --utbtnhvrtrans: all 50ms ease-in-out;
272
+ --utbtnatvcol: #000000;
273
+ --utbtnatvbgn: #777777;
274
+ --utbtnatvbrd: 0px solid #777777;
275
+ --utbtnatvrad: 0.25rem;
276
+ --uthedcol: #ffffff;
277
+ --uthedfontfam: Inter;
278
+ --uthedfontsize: 1.2rem;
279
+ --uthedfontwgt: 700;
280
+ --uthedpdnvert: 0.5rem;
281
+ --uthedpdnhoriz: 0.25rem;
282
+ }
283
+
284
+ .mobile .level0 {
285
+ --utinphei: 2.5rem;
286
+ }
287
+ .mobile .level1 {
288
+ --utinphei: 2.5rem;
289
+ }
290
+ .mobile .level2 {
291
+ --utinphei: 2.5rem;
292
+ }
293
+ .mobile .level3 {
294
+ --utinphei: 2.5rem;
295
+ }
296
+
297
+ /*# sourceMappingURL=defaultTheme.module.css.map */
package/dist/defaultTheme.module.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["themeValues.scss","defaultTheme.module.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACEA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE","file":"defaultTheme.module.css"}
package/dist/defaultTheme.module.scss ADDED
@@ -0,0 +1,361 @@
1
+ @use "themeValues" as *;
2
+
3
+ /*!
4
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
5
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
6
+ */
7
+
8
+ .theme {
9
+ overflow-x: hidden;
10
+ overflow-y: auto;
11
+ height: 100%;
12
+
13
+ background: rgb(var(#{$theme+$background}));
14
+ #{$theme}-author: "Ewsgit";
15
+ #{$theme}-name: "YourDash Classic Dark";
16
+ #{$theme}-version: "0.0.1";
17
+
18
+ ::-webkit-scrollbar {
19
+ width: var(#{$theme+$scrollbar+$width});
20
+ border-radius: 0;
21
+ }
22
+
23
+ ::-webkit-scrollbar-thumb {
24
+ border-radius: var(#{$theme+$scrollbar+$radius});
25
+ }
26
+ }
27
+
28
+ .level0 {
29
+ color: rgb(var(#{$theme+$color}));
30
+
31
+ #{$theme+$color}: 255, 255, 255;
32
+ #{$theme+$subcolor}: 187, 187, 187;
33
+ #{$theme+$background}: 34, 34, 34;
34
+ #{$theme+$accent}: 118, 140, 231;
35
+ #{$theme+$border}: 1px solid #555555;
36
+ #{$theme+$radius}: 1rem;
37
+ #{$theme+$padding}: 1rem;
38
+ #{$theme+$gap}: 0.5rem;
39
+ #{$theme+$transition}: all 200ms ease-in-out;
40
+ #{$theme+$transition+$transition}: 200ms ease-in-out;
41
+ #{$theme+$separator+$size}: 1px;
42
+ #{$theme+$separator+$color}: 68, 68, 68;
43
+ #{$theme+$scrollbar+$width}: 0.4rem;
44
+ #{$theme+$scrollbar+$radius}: 0.1rem;
45
+
46
+ // heading
47
+ #{$theme+$heading+$h1+$weight}: 900;
48
+ #{$theme+$heading+$h1+$size}: 3rem;
49
+ #{$theme+$heading+$h2+$weight}: 700;
50
+ #{$theme+$heading+$h2+$size}: 2rem;
51
+ #{$theme+$heading+$h3+$weight}: 600;
52
+ #{$theme+$heading+$h3+$size}: 1.5rem;
53
+ #{$theme+$heading+$h4+$weight}: 500;
54
+ #{$theme+$heading+$h4+$size}: 1.25rem;
55
+ #{$theme+$heading+$h5+$weight}: 500;
56
+ #{$theme+$heading+$h5+$size}: 1rem;
57
+ #{$theme+$heading+$h6+$weight}: 500;
58
+ #{$theme+$heading+$h6+$size}: 0.875rem;
59
+
60
+ // input
61
+ #{$theme+$input+$color}: 255, 255, 255;
62
+ #{$theme+$input+$background}: 34, 34, 34;
63
+ #{$theme+$input+$border}: 1px solid #444444;
64
+ #{$theme+$input+$radius}: 0.5rem;
65
+ #{$theme+$input+$height}: 2rem;
66
+ #{$theme+$input+$padding+$horizontal}: 0.5rem;
67
+ #{$theme+$input+$transition}: all 0.2s ease-in-out;
68
+ // focus
69
+ #{$theme+$input+$focus+$color}: 255, 255, 255;
70
+ #{$theme+$input+$focus+$background}: 51, 51, 51;
71
+ #{$theme+$input+$focus+$border}: 1px solid #666666;
72
+
73
+ // button
74
+ #{$theme+$button+$color}: 255, 255, 255;
75
+ #{$theme+$button+$background}: 68, 68, 68;
76
+ #{$theme+$button+$border}: 0px solid #666666;
77
+ #{$theme+$button+$font+$size}: 0.9rem;
78
+ #{$theme+$button+$font+$weight}: 400;
79
+ #{$theme+$button+$radius}: 0.5rem;
80
+ #{$theme+$button+$padding+$horizontal}: 0.5rem;
81
+ #{$theme+$button+$transition}: all 0.2s ease-in-out;
82
+ // hover
83
+ #{$theme+$button+$hover+$color}: 255, 255, 255;
84
+ #{$theme+$button+$hover+$background}: 85, 85, 85;
85
+ #{$theme+$button+$hover+$border}: 0px solid #666666;
86
+ #{$theme+$button+$hover+$radius}: 0.5rem;
87
+ #{$theme+$button+$hover+$transition}: all 50ms ease-in-out;
88
+ // active
89
+ #{$theme+$button+$active+$color}: 0, 0, 0;
90
+ #{$theme+$button+$active+$background}: 102, 102, 102;
91
+ #{$theme+$button+$active+$border}: 0px solid #777777;
92
+ #{$theme+$button+$active+$radius}: 0.5rem;
93
+ #{$theme+$button+$active+$transition}: all 50ms ease-in-out;
94
+
95
+ // text button
96
+ #{$theme+$textbutton+$font+$weight}: 700;
97
+
98
+ // font
99
+ #{$theme+$font+$family}: Inter;
100
+ #{$theme+$font+$size}: 0.9rem;
101
+ #{$theme+$font+$weight}: 400;
102
+
103
+ // header
104
+ #{$theme+$header+$color}: 255, 255, 255;
105
+ #{$theme+$header+$font+$family}: Inter;
106
+ #{$theme+$header+$font+$size}: 1.2rem;
107
+ #{$theme+$header+$font+$weight}: 700;
108
+ #{$theme+$header+$padding+$vertical}: 1rem;
109
+ #{$theme+$header+$padding+$horizontal}: 0.5rem;
110
+ }
111
+
112
+ .level1 {
113
+ color: rgb(var(#{$theme+$color}));
114
+
115
+ #{$theme+$color}: 255, 255, 255;
116
+ #{$theme+$background}: 51, 51, 51;
117
+ #{$theme+$border}: 1px solid #666666;
118
+ #{$theme+$accent}: 118, 140, 231;
119
+ #{$theme+$radius}: 0.5rem;
120
+ #{$theme+$font+$family}: Inter;
121
+ #{$theme+$font+$radius}: 0.9rem;
122
+ #{$theme+$font+$weight}: 400;
123
+ #{$theme+$padding}: 0.75rem;
124
+ #{$theme+$gap}: 0.5rem;
125
+ #{$theme+$transition}: all 200ms ease-in-out;
126
+ #{$theme+$separator+$size}: 1px;
127
+ #{$theme+$separator+$color}: 85, 85, 85;
128
+
129
+ // heading
130
+ #{$theme+$heading+$h1+$weight}: 800;
131
+ #{$theme+$heading+$h1+$size}: 3rem;
132
+ #{$theme+$heading+$h2+$weight}: 700;
133
+ #{$theme+$heading+$h2+$size}: 2.5rem;
134
+ #{$theme+$heading+$h3+$weight}: 600;
135
+ #{$theme+$heading+$h3+$size}: 2rem;
136
+ #{$theme+$heading+$h4+$weight}: 500;
137
+ #{$theme+$heading+$h4+$size}: 1.5rem;
138
+ #{$theme+$heading+$h5+$weight}: 500;
139
+ #{$theme+$heading+$h5+$size}: 1rem;
140
+ #{$theme+$heading+$h6+$weight}: 500;
141
+ #{$theme+$heading+$h6+$size}: 0.875rem;
142
+
143
+ // input
144
+ #{$theme+$input+$color}: 255, 255, 255;
145
+ #{$theme+$input+$background}: 34, 34, 34;
146
+ #{$theme+$input+$border}: 1px solid #444444;
147
+ #{$theme+$input+$radius}: 0.5rem;
148
+ #{$theme+$input+$height}: 2rem;
149
+ #{$theme+$input+$padding+$horizontal}: 0.5rem;
150
+ #{$theme+$input+$transition}: all 0.2s ease-in-out;
151
+ // focus
152
+ #{$theme+$input+$focus+$color}: 255, 255, 255;
153
+ #{$theme+$input+$focus+$background}: 51, 51, 51;
154
+ #{$theme+$input+$focus+$border}: 1px solid #666666;
155
+
156
+ // button
157
+ #{$theme+$button+$color}: 255, 255, 255;
158
+ #{$theme+$button+$background}: 68, 68, 68;
159
+ #{$theme+$button+$border}: 0px solid #444444;
160
+ #{$theme+$button+$font+$size}: 0.9rem;
161
+ #{$theme+$button+$font+$weight}: 400;
162
+ #{$theme+$button+$radius}: 0.5rem;
163
+ #{$theme+$button+$padding+$horizontal}: 0.5rem;
164
+ #{$theme+$button+$transition}: all 0.2s ease-in-out;
165
+ // hover
166
+ #{$theme+$button+$hover+$color}: 255, 255, 255;
167
+ #{$theme+$button+$hover+$background}: 85, 85, 85;
168
+ #{$theme+$button+$hover+$border}: 0px solid #666666;
169
+ #{$theme+$button+$hover+$radius}: 0.5rem;
170
+ #{$theme+$button+$hover+$transition}: all 50ms ease-in-out;
171
+ // active
172
+ #{$theme+$button+$active+$color}: 0, 0, 0;
173
+ #{$theme+$button+$active+$background}: 102, 102, 102;
174
+ #{$theme+$button+$active+$border}: 0px solid #666666;
175
+ #{$theme+$button+$active+$radius}: 0.5rem;
176
+
177
+ // header
178
+ #{$theme+$header+$color}: 255, 255, 255;
179
+ #{$theme+$header+$font+$family}: Inter;
180
+ #{$theme+$header+$font+$size}: 1.2rem;
181
+ #{$theme+$header+$font+$weight}: 700;
182
+ #{$theme+$header+$padding+$vertical}: 0.5rem;
183
+ #{$theme+$header+$padding+$horizontal}: 0.25rem;
184
+ }
185
+
186
+ .level2 {
187
+ color: rgb(var(#{$theme+$color}));
188
+
189
+ #{$theme+$color}: 255, 255, 255;
190
+ #{$theme+$background}: 68, 68, 68;
191
+ #{$theme+$border}: 1px solid #666666;
192
+ #{$theme+$accent}: 118, 140, 231;
193
+ #{$theme+$radius}: 0.25rem;
194
+ #{$theme+$padding}: 0.5rem;
195
+ #{$theme+$gap}: 0.75rem;
196
+ #{$theme+$transition}: all 200ms ease-in-out;
197
+ #{$theme+$separator+$size}: 1px;
198
+ #{$theme+$separator+$color}: 85, 85, 85;
199
+
200
+ // heading
201
+ #{$theme+$heading+$h1+$weight}: 900;
202
+ #{$theme+$heading+$h1+$size}: 3rem;
203
+ #{$theme+$heading+$h2+$weight}: 700;
204
+ #{$theme+$heading+$h2+$size}: 2rem;
205
+ #{$theme+$heading+$h3+$weight}: 600;
206
+ #{$theme+$heading+$h3+$size}: 1.5rem;
207
+ #{$theme+$heading+$h4+$weight}: 500;
208
+ #{$theme+$heading+$h4+$size}: 1.25rem;
209
+ #{$theme+$heading+$h5+$weight}: 500;
210
+ #{$theme+$heading+$h5+$size}: 1rem;
211
+ #{$theme+$heading+$h6+$weight}: 500;
212
+ #{$theme+$heading+$h6+$size}: 0.875rem;
213
+
214
+ // text button
215
+ #{$theme+$textbutton+$font+$weight}: 700;
216
+
217
+ // font
218
+ #{$theme+$font+$family}: Inter;
219
+ #{$theme+$font+$size}: 0.9rem;
220
+ #{$theme+$font+$weight}: 400;
221
+
222
+ // input
223
+ #{$theme+$input+$color}: 255, 255, 255;
224
+ #{$theme+$input+$background}: 34, 34, 34;
225
+ #{$theme+$input+$border}: 1px solid #444444;
226
+ #{$theme+$input+$radius}: 0.5rem;
227
+ #{$theme+$input+$height}: 2rem;
228
+ #{$theme+$input+$padding+$horizontal}: 0.5rem;
229
+ #{$theme+$input+$transition}: all 0.2s ease-in-out;
230
+ // focus
231
+ #{$theme+$input+$focus+$color}: 255, 255, 255;
232
+ #{$theme+$input+$focus+$background}: 51, 51, 51;
233
+ #{$theme+$input+$focus+$border}: 1px solid #666666;
234
+
235
+ // button
236
+ #{$theme+$button+$color}: 255, 255, 255;
237
+ #{$theme+$button+$background}: 85, 85, 85;
238
+ #{$theme+$button+$border}: 0px solid #666666;
239
+ #{$theme+$button+$font+$family}: Inter;
240
+ #{$theme+$button+$font+$size}: 0.9rem;
241
+ #{$theme+$button+$font+$weight}: 400;
242
+ #{$theme+$button+$radius}: 0.25rem;
243
+ #{$theme+$button+$padding+$horizontal}: 0.5rem;
244
+ #{$theme+$button+$transition}: all 0.2s ease-in-out;
245
+ // hover
246
+ #{$theme+$button+$hover+$color}: 255, 255, 255;
247
+ #{$theme+$button+$hover+$background}: 102, 102, 102;
248
+ #{$theme+$button+$hover+$border}: 0px solid #666666;
249
+ #{$theme+$button+$hover+$radius}: 0.25rem;
250
+ #{$theme+$button+$hover+$transition}: all 50ms ease-in-out;
251
+ // active
252
+ #{$theme+$button+$active+$color}: 0, 0, 0;
253
+ #{$theme+$button+$active+$background}: 102, 102, 102;
254
+ #{$theme+$button+$active+$border}: 0px solid #666666;
255
+ #{$theme+$button+$active+$radius}: 0.25rem;
256
+
257
+ // header
258
+ #{$theme+$header+$color}: 255, 255, 255;
259
+ #{$theme+$header+$font+$family}: Inter;
260
+ #{$theme+$header+$font+$size}: 1.2rem;
261
+ #{$theme+$header+$font+$weight}: 700;
262
+ #{$theme+$header+$padding+$vertical}: 0.5rem;
263
+ #{$theme+$header+$padding+$horizontal}: 0.25rem;
264
+ }
265
+
266
+ .level3 {
267
+ color: rgb(var(#{$theme+$color}));
268
+
269
+ #{$theme+$color}: 255, 255, 255;
270
+ #{$theme+$background}: 85, 85, 85;
271
+ #{$theme+$border}: 1px solid #666666;
272
+ #{$theme+$accent}: 118, 140, 231;
273
+ #{$theme+$radius}: 1px;
274
+ #{$theme+$padding}: 0.5rem;
275
+ #{$theme+$gap}: 1rem;
276
+ #{$theme+$transition}: all 200ms ease-in-out;
277
+ #{$theme+$separator+$size}: 1px;
278
+ #{$theme+$separator+$color}: 85, 85, 85;
279
+
280
+ // heading
281
+ #{$theme+$heading+$h1+$weight}: 900;
282
+ #{$theme+$heading+$h1+$size}: 3rem;
283
+ #{$theme+$heading+$h2+$weight}: 700;
284
+ #{$theme+$heading+$h2+$size}: 2rem;
285
+ #{$theme+$heading+$h3+$weight}: 600;
286
+ #{$theme+$heading+$h3+$size}: 1.5rem;
287
+ #{$theme+$heading+$h4+$weight}: 500;
288
+ #{$theme+$heading+$h4+$size}: 1.25rem;
289
+ #{$theme+$heading+$h5+$weight}: 500;
290
+ #{$theme+$heading+$h5+$size}: 1rem;
291
+ #{$theme+$heading+$h6+$weight}: 500;
292
+ #{$theme+$heading+$h6+$size}: 0.875rem;
293
+
294
+ // text button
295
+ #{$theme+$textbutton+$font+$weight}: 700;
296
+
297
+ // font
298
+ #{$theme+$family}: Inter;
299
+ #{$theme+$size}: 0.9rem;
300
+ #{$theme+$weight}: 400;
301
+
302
+ // input
303
+ #{$theme+$input+$color}: 255, 255, 255;
304
+ #{$theme+$input+$background}: 34, 34, 34;
305
+ #{$theme+$input+$border}: 1px solid #444444;
306
+ #{$theme+$input+$radius}: 0.5rem;
307
+ #{$theme+$input+$height}: 2rem;
308
+ #{$theme+$input+$padding+$horizontal}: 0.5rem;
309
+ #{$theme+$input+$transition}: all 0.2s ease-in-out;
310
+ // focus
311
+ #{$theme+$input+$focus+$color}: 255, 255, 255;
312
+ #{$theme+$input+$focus+$background}: 51, 51, 51;
313
+ #{$theme+$input+$focus+$border}: 1px solid #666666;
314
+
315
+ // button
316
+ #{$theme+$button+$color}: 255, 255, 255;
317
+ #{$theme+$button+$background}: 102, 102, 102;
318
+ #{$theme+$button+$border}: 0px solid #666666;
319
+ #{$theme+$button+$font+$family}: Inter;
320
+ #{$theme+$button+$font+$size}: 0.9rem;
321
+ #{$theme+$button+$font+$weight}: 400;
322
+ #{$theme+$button+$radius}: 0.25rem;
323
+ #{$theme+$button+$padding+$horizontal}: 0.5rem;
324
+ // hover
325
+ #{$theme+$button+$hover+$color}: 255, 255, 255;
326
+ #{$theme+$button+$hover+$background}: 119, 119, 119;
327
+ #{$theme+$button+$hover+$border}: 0px solid #777777;
328
+ #{$theme+$button+$hover+$radius}: 0.25rem;
329
+ #{$theme+$button+$hover+$transition}: all 50ms ease-in-out;
330
+ // active
331
+ #{$theme+$button+$active+$color}: 0, 0, 0;
332
+ #{$theme+$button+$active+$background}: 119, 119, 119;
333
+ #{$theme+$button+$active+$border}: 0px solid #777777;
334
+ #{$theme+$button+$active+$radius}: 0.25rem;
335
+
336
+ // header
337
+ #{$theme+$header+$color}: 255, 255, 255;
338
+ #{$theme+$header+$font+$family}: Inter;
339
+ #{$theme+$header+$font+$size}: 1.2rem;
340
+ #{$theme+$header+$font+$weight}: 700;
341
+ #{$theme+$header+$padding+$vertical}: 0.5rem;
342
+ #{$theme+$header+$padding+$horizontal}: 0.25rem;
343
+ }
344
+
345
+ .mobile {
346
+ .level0 {
347
+ #{$theme+$input+$height}: 2.5rem;
348
+ }
349
+
350
+ .level1 {
351
+ #{$theme+$input+$height}: 2.5rem;
352
+ }
353
+
354
+ .level2 {
355
+ #{$theme+$input+$height}: 2.5rem;
356
+ }
357
+
358
+ .level3 {
359
+ #{$theme+$input+$height}: 2.5rem;
360
+ }
361
+ }
package/dist/themeValues.css ADDED
@@ -0,0 +1,7 @@
1
+ @charset "UTF-8";
2
+ /*!
3
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
4
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
5
+ */
6
+
7
+ /*# sourceMappingURL=themeValues.css.map */
package/dist/themeValues.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["themeValues.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA","file":"themeValues.css"}
package/dist/themeValues.scss ADDED
@@ -0,0 +1,129 @@
1
+ /*!
2
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
3
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
4
+ */
5
+
6
+ $theme: "--ut";
7
+ $button: "btn";
8
+ $hover: "hvr";
9
+ $active: "atv";
10
+ $padding: "pdn";
11
+ $border: "brd";
12
+ $radius: "rad";
13
+ $accent: "acn";
14
+ $subcolor: "scl";
15
+ $color: "col";
16
+ $background: "bgn";
17
+ $gap: "gap";
18
+ $transition: "trans";
19
+ $font: "font";
20
+ $size: "size";
21
+ $weight: "wgt";
22
+ $family: "fam";
23
+ $vertical: "vert";
24
+ $horizontal: "horiz";
25
+ $header: "hed";
26
+ $separator: "sep";
27
+ $height: "hei";
28
+ $width: "wid";
29
+ $heading: "hed";
30
+ $input: "inp";
31
+ $focus: "foc";
32
+ $textbutton: "txb";
33
+ $h1: "he1";
34
+ $h2: "he2";
35
+ $h3: "he3";
36
+ $h4: "he4";
37
+ $h5: "he5";
38
+ $h6: "he6";
39
+ $scrollbar: "scrlbr";
40
+
41
+ // General
42
+ $UKColor: var(#{$theme+$color});
43
+ $UKSubColor: var(#{$theme+$subcolor});
44
+ $UKBackground: var(#{$theme+$background});
45
+ $UKAccent: var(#{$theme+$accent});
46
+ $UKBorder: var(#{$theme+$border});
47
+ $UKRadius: var(#{$theme+$radius});
48
+ $UKPadding: var(#{$theme+$padding});
49
+ $UKGap: var(#{$theme+$gap});
50
+ $UKTransition: var(#{$theme+$transition});
51
+ $UKRawTransition: var(#{$theme+$transition+$transition});
52
+ $UKSeparatorSize: var(#{$theme+$separator+$size});
53
+ $UKSeparatorColor: var(#{$theme+$separator+$color});
54
+ $UKScrollbarWidth: var(#{$theme+$scrollbar+$width});
55
+ $UKScrollbarRadius: var(#{$theme+$scrollbar+$radius});
56
+
57
+ // Heading
58
+ $UKHeadingH1Weight: var(#{$theme+$heading+$h1+$weight});
59
+ $UKHeadingH1Size: var(#{$theme+$heading+$h1+$size});
60
+ $UKHeadingH2Weight: var(#{$theme+$heading+$h2+$weight});
61
+ $UKHeadingH2Size: var(#{$theme+$heading+$h2+$size});
62
+ $UKHeadingH3Weight: var(#{$theme+$heading+$h3+$weight});
63
+ $UKHeadingH3Size: var(#{$theme+$heading+$h3+$size});
64
+ $UKHeadingH4Weight: var(#{$theme+$heading+$h4+$weight});
65
+ $UKHeadingH4Size: var(#{$theme+$heading+$h4+$size});
66
+ $UKHeadingH5Weight: var(#{$theme+$heading+$h5+$weight});
67
+ $UKHeadingH5Size: var(#{$theme+$heading+$h5+$size});
68
+ $UKHeadingH6Weight: var(#{$theme+$heading+$h6+$weight});
69
+ $UKHeadingH6Size: var(#{$theme+$heading+$h6+$size});
70
+
71
+ // Input
72
+ $UKInputColor: var(#{$theme+$input+$color});
73
+ $UKInputBackground: var(#{$theme+$input+$background});
74
+ $UKInputBorder: var(#{$theme+$input+$border});
75
+ $UKInputRadius: var(#{$theme+$input+$radius});
76
+ $UKInputHeight: var(#{$theme+$input+$height});
77
+ $UKInputPaddingHorizontal: var(#{$theme+$input+$padding+$horizontal});
78
+ $UKInputTransition: var(#{$theme+$input+$transition});
79
+ // Input:Focus
80
+ $UKInputFocusColor: var(#{$theme+$input+$focus+$color});
81
+ $UKInputFocusBackground: var(#{$theme+$input+$focus+$background});
82
+ $UKInputFocusBorder: var(#{$theme+$input+$focus+$border});
83
+
84
+ // Button
85
+ $UKButtonColor: var(#{$theme+$button+$color});
86
+ $UKButtonBackground: var(#{$theme+$button+$background});
87
+ $UKButtonBorder: var(#{$theme+$button+$border});
88
+ $UKButtonFontSize: var(#{$theme+$button+$font+$size});
89
+ $UKButtonFontWeight: var(#{$theme+$button+$font+$weight});
90
+ $UKButtonRadius: var(#{$theme+$button+$radius});
91
+ $UKButtonPaddingHorizontal: var(#{$theme+$button+$padding+$horizontal});
92
+ $UKButtonTransition: var(#{$theme+$button+$transition});
93
+ // Button:Hover
94
+ $UKButtonHoverColor: var(#{$theme+$button+$hover+$color});
95
+ $UKButtonHoverBackground: var(#{$theme+$button+$hover+$background});
96
+ $UKButtonHoverBorder: var(#{$theme+$button+$hover+$border});
97
+ $UKButtonHoverRadius: var(#{$theme+$button+$hover+$radius});
98
+ $UKButtonHoverTransition: var(#{$theme+$button+$hover+$transition});
99
+ // Button:Active
100
+ $UKButtonActiveColor: var(#{$theme+$button+$active+$color});
101
+ $UKButtonActiveBackground: var(#{$theme+$button+$active+$background});
102
+ $UKButtonActiveBorder: var(#{$theme+$button+$active+$border});
103
+ $UKButtonActiveRadius: var(#{$theme+$button+$active+$radius});
104
+ $UKButtonActiveTransition: var(#{$theme+$button+$active+$transition});
105
+
106
+ // TextButton
107
+ $UKTextButtonFontWeight: var(#{$theme+$textbutton+$font+$weight});
108
+
109
+ // Font
110
+ $UKFontFamily: var(#{$theme+$font+$family});
111
+ $UKFontSize: var(#{$theme+$font+$size});
112
+ $UKFontWeight: var(#{$theme+$font+$weight});
113
+
114
+ // Header
115
+ $UKHeaderColor: var(#{$theme+$header+$color});
116
+ $UKHeaderFontFamily: var(#{$theme+$header+$font+$family});
117
+ $UKHeaderFontSize: var(#{$theme+$header+$font+$size});
118
+ $UKHeaderFontWeight: var(#{$theme+$header+$font+$weight});
119
+ $UKHeaderPaddingVertial: var(#{$theme+$header+$padding+$vertical});
120
+ $UKHeaderPaddingHorizontal: var(#{$theme+$header+$padding+$horizontal});
121
+
122
+ $sizeMobile: 440px;
123
+ $sizeLargeMobile: 560px;
124
+ $sizeTablet: 768px;
125
+ $sizeLargeTablet: 960px;
126
+ $sizeSmallDesktop: 1200px;
127
+ $sizeMediumDesktop: 1440px;
128
+ $sizeLargeDesktop: 1920px;
129
+ $sizeWideDesktop: 2560px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yourdash/uikit",
3
- "version": "0.1.1",
3
+ "version": "0.1.3",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "dev-compile": "vite build --watch",
@@ -12,16 +12,18 @@
12
12
  "license": "MIT",
13
13
  "files": [
14
14
  "dist",
15
- "lib",
16
- "src"
15
+ "lib"
17
16
  ],
18
17
  "sideEffects": [
19
18
  "**/*.css"
20
19
  ],
21
20
  "type": "module",
22
21
  "exports": {
23
- "./lib/theme/*": {
24
- "default": "./lib/theme/*"
22
+ "./lib/theme/themeValues.scss": {
23
+ "default": "./dist/themeValues.scss"
24
+ },
25
+ "./themeValues.scss": {
26
+ "default": "./dist/themeValues.scss"
25
27
  },
26
28
  ".": {
27
29
  "import": "./dist/src/index.mjs",
package/src/imports.d.ts DELETED
@@ -1,81 +0,0 @@
1
- /*
2
- * Copyright ©2023 @Ewsgit and YourDash contributors.
3
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
4
- */
5
-
6
- // Declare common file imports as shared for the Typescript Language Server
7
-
8
- declare module "*.module.css" {
9
- const content: { [className: string]: string };
10
- export default content;
11
- }
12
-
13
- declare module "*.module.scss" {
14
- const content: { [className: string]: string };
15
- export default content;
16
- }
17
-
18
- declare module "*.jpg" {
19
- const value: string;
20
- export default value;
21
- }
22
-
23
- declare module "*.png" {
24
- const value: string;
25
- export default value;
26
- }
27
-
28
- declare module "*.svg" {
29
- const value: string;
30
- export default value;
31
- }
32
-
33
- declare module "*.avif" {
34
- const value: string;
35
- export default value;
36
- }
37
-
38
- declare module "*.css" {
39
- const value: string;
40
- export default value;
41
- }
42
-
43
- declare module "*.scss" {
44
- const value: string;
45
- export default value;
46
- }
47
-
48
- declare module "*.json" {
49
- const content: { [key: string]: string | number | object | boolean };
50
- export default content;
51
- }
52
-
53
- declare module "*.obj" {
54
- const value: string;
55
- export default value;
56
- }
57
-
58
- declare module "*.glb" {
59
- const value: string;
60
- export default value;
61
- }
62
-
63
- declare module "*.gltf" {
64
- const value: string;
65
- export default value;
66
- }
67
-
68
- declare module "*.md" {
69
- const value: string;
70
- export default value;
71
- }
72
-
73
- declare module "*.mdx" {
74
- const value: string;
75
- export default value;
76
- }
77
-
78
- declare module "*.wasm" {
79
- const value: string;
80
- export default value;
81
- }
package/src/index.tsx DELETED
@@ -1,48 +0,0 @@
1
- /*
2
- * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
3
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
4
- */
5
-
6
- // Components
7
- export { default as UKBox } from "../lib/components/box/UKBox.js";
8
- export { default as UKButton } from "../lib/components/button/UKButton.js";
9
- export { default as UKButtonCombo } from "../lib/components/buttonCombo/UKButtonCombo.js";
10
- export { default as UKButtonLink } from "../lib/components/buttonLink/UKButtonLink.js";
11
- export { default as UKButtonWithIcon } from "../lib/components/buttonWithIcon/UKButtonWithIcon.js";
12
- export { default as UKCard } from "../lib/components/card/UKCard.js";
13
- export { default as UKContainer } from "../lib/components/container/UKContainer.js";
14
- export { default as UKContextMenu } from "../lib/components/contextMenu/UKContextMenu.js";
15
- export { default as UKFlex } from "../lib/components/flex/UKFlex.js";
16
- export { default as UKHeading } from "../lib/components/heading/UKHeading.js";
17
- export { default as UKIcon } from "../lib/components/icon/UKIcon.js";
18
- export { default as UKIconButton } from "../lib/components/iconButton/UKIconButton.js";
19
- export { default as UKImage } from "../lib/components/image/UKImage.js";
20
- export { default as UKLink } from "../lib/components/link/UKLink.js";
21
- export { default as UKProgressBar } from "../lib/components/progressBar/UKProgressBar.js";
22
- export { default as UKRedirect } from "../lib/components/redirect/UKRedirect.js";
23
- export { default as UKSeparator } from "../lib/components/separator/UKSeparator.js";
24
- export { default as UKSpinner } from "../lib/components/spinner/UKSpinner.js";
25
- export { default as UKSubText } from "../lib/components/subtext/UKSubtext.js";
26
- export { default as UKTag } from "../lib/components/tag/UKTag.js";
27
- export { default as UKText } from "../lib/components/text/UKText.js";
28
- export { default as UKTextButton } from "../lib/components/textButton/UKTextButton.js";
29
- export { default as UKTextInput } from "../lib/components/textInput/UKTextInput.js";
30
-
31
- // Utitlity Components
32
- export { default as HasBeenShown } from "../lib/utilityComponent/hasBeenShown/hasBeenShown.js";
33
- export { default as OnInView } from "../lib/utilityComponent/onInView/onInView.js";
34
-
35
- // Views
36
- export { default as UKCarousel } from "../lib/views/carousel/UKCarousel.js";
37
- export { default as UKDialog } from "../lib/views/dialog/UKDialog.js";
38
- export { default as UKPageHeader } from "../lib/views/pageHeader/UKPageHeader.js";
39
- export { default as UKPanAndZoom } from "../lib/views/panAndZoom/UKPanAndZoom.js";
40
- export { default as UKInfiniteScroll } from "../lib/views/infiniteScroll/UKInfiniteScroll.js";
41
- export { default as UKNavBar } from "../lib/views/navBar/UKNavBar.js";
42
- export { default as UKNavBarImage } from "../lib/views/navBar/components/navImage/UKNavbarNavImage.js";
43
- export { default as UKNavBarTitle } from "../lib/views/navBar/components/navTitle/UKNavbarNavTitle.js";
44
- export { default as UKOnBoarding } from "../lib/views/onBoarding/UKOnBoarding.js";
45
- export { default as UKSidebar } from "../lib/views/sidebar/UKSidebar.js";
46
- export { default as UKSidebarContainer } from "../lib/views/sidebar/UKSidebarContainer.js";
47
- export { default as UKSidebarContext } from "../lib/views/sidebar/UKSidebarContext.js";
48
- export { default as UKSidebarToggleButton } from "../lib/views/sidebar/UKSidebarToggleButton.js";