@hkdigital/lib-sveltekit 0.1.9 → 0.1.10
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.
|
@@ -92,9 +92,7 @@ import {
|
|
|
92
92
|
generateViewportBasedSpacing,
|
|
93
93
|
generateTextStyles,
|
|
94
94
|
generateBorderRadiusStyles,
|
|
95
|
-
generateWidthStyles
|
|
96
|
-
generateFontFamilyStyles,
|
|
97
|
-
generateTextColorStyles
|
|
95
|
+
generateWidthStyles
|
|
98
96
|
} from '../util/design-system/tailwind.js';
|
|
99
97
|
|
|
100
98
|
import {
|
|
@@ -155,16 +153,6 @@ export const outlineOffset = {
|
|
|
155
153
|
...generateWidthStyles(STROKE_WIDTH_SIZES, '')
|
|
156
154
|
};
|
|
157
155
|
|
|
158
|
-
// Add UI font family extension
|
|
159
|
-
export const fontFamily = {
|
|
160
|
-
...generateFontFamilyStyles()
|
|
161
|
-
};
|
|
162
|
-
|
|
163
|
-
// Add UI text color extension
|
|
164
|
-
export const textColor = {
|
|
165
|
-
...generateTextColorStyles()
|
|
166
|
-
};
|
|
167
|
-
|
|
168
156
|
// console.log('borderWidth', borderWidth);
|
|
169
157
|
// console.log('outlineWidth', outlineWidth);
|
|
170
158
|
// console.log('outlineOffset', outlineOffset);
|
|
@@ -174,38 +174,3 @@ export function generateWidthStyles(sizes: {
|
|
|
174
174
|
}, prefix?: string, scaleVar?: string): {
|
|
175
175
|
[key: string]: string;
|
|
176
176
|
};
|
|
177
|
-
/**
|
|
178
|
-
* Generates font family styles for different text categories
|
|
179
|
-
* with fallbacks to base properties when needed
|
|
180
|
-
*
|
|
181
|
-
* @returns {Object.<string, string>} Generated font family styles
|
|
182
|
-
*
|
|
183
|
-
* @example
|
|
184
|
-
* // Returns:
|
|
185
|
-
* // {
|
|
186
|
-
* // 'ui': 'var(--ui-font-family, var(--base-font-family))'
|
|
187
|
-
* // }
|
|
188
|
-
*/
|
|
189
|
-
export function generateFontFamilyStyles(): {
|
|
190
|
-
[x: string]: string;
|
|
191
|
-
};
|
|
192
|
-
/**
|
|
193
|
-
* Generates text color styles for different text categories
|
|
194
|
-
* with fallbacks to base properties when needed
|
|
195
|
-
*
|
|
196
|
-
* @returns {Object.<string, Object.<string, string>>} Generated text color styles
|
|
197
|
-
*
|
|
198
|
-
* @example
|
|
199
|
-
* // Returns:
|
|
200
|
-
* // {
|
|
201
|
-
* // 'ui': {
|
|
202
|
-
* // 'DEFAULT': 'var(--ui-font-color, var(--base-font-color))',
|
|
203
|
-
* // 'dark': 'var(--ui-font-color-dark, var(--base-font-color-dark))'
|
|
204
|
-
* // }
|
|
205
|
-
* // }
|
|
206
|
-
*/
|
|
207
|
-
export function generateTextColorStyles(): {
|
|
208
|
-
[x: string]: {
|
|
209
|
-
[x: string]: string;
|
|
210
|
-
};
|
|
211
|
-
};
|
|
@@ -287,49 +287,3 @@ export function generateWidthStyles(
|
|
|
287
287
|
return result;
|
|
288
288
|
}, {});
|
|
289
289
|
}
|
|
290
|
-
|
|
291
|
-
/**
|
|
292
|
-
* Generates font family styles for different text categories
|
|
293
|
-
* with fallbacks to base properties when needed
|
|
294
|
-
*
|
|
295
|
-
* @returns {Object.<string, string>} Generated font family styles
|
|
296
|
-
*
|
|
297
|
-
* @example
|
|
298
|
-
* // Returns:
|
|
299
|
-
* // {
|
|
300
|
-
* // 'ui': 'var(--ui-font-family, var(--base-font-family))'
|
|
301
|
-
* // }
|
|
302
|
-
*/
|
|
303
|
-
export function generateFontFamilyStyles() {
|
|
304
|
-
return {
|
|
305
|
-
// UI font family with fallback to base font family
|
|
306
|
-
ui: 'var(--ui-font-family, var(--base-font-family))'
|
|
307
|
-
};
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
/**
|
|
311
|
-
* Generates text color styles for different text categories
|
|
312
|
-
* with fallbacks to base properties when needed
|
|
313
|
-
*
|
|
314
|
-
* @returns {Object.<string, Object.<string, string>>} Generated text color styles
|
|
315
|
-
*
|
|
316
|
-
* @example
|
|
317
|
-
* // Returns:
|
|
318
|
-
* // {
|
|
319
|
-
* // 'ui': {
|
|
320
|
-
* // 'DEFAULT': 'var(--ui-font-color, var(--base-font-color))',
|
|
321
|
-
* // 'dark': 'var(--ui-font-color-dark, var(--base-font-color-dark))'
|
|
322
|
-
* // }
|
|
323
|
-
* // }
|
|
324
|
-
*/
|
|
325
|
-
export function generateTextColorStyles() {
|
|
326
|
-
return {
|
|
327
|
-
// UI text color with fallbacks
|
|
328
|
-
ui: {
|
|
329
|
-
// Default color (light mode)
|
|
330
|
-
DEFAULT: 'var(--ui-font-color, var(--base-font-color))',
|
|
331
|
-
// Dark mode color
|
|
332
|
-
dark: 'var(--ui-font-color-dark, var(--base-font-color-dark))'
|
|
333
|
-
}
|
|
334
|
-
};
|
|
335
|
-
}
|