@yahoo/uds-v5-wip 1.34.0 → 1.36.0

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 (68) hide show
  1. package/dist/config/dist/createConfig.d.ts +89 -6
  2. package/dist/config/dist/createConfig.js +52 -4
  3. package/dist/config/dist/defineStyleProp.d.ts +56 -0
  4. package/dist/config/dist/index.d.ts +4 -1
  5. package/dist/config/dist/index.js +2 -2
  6. package/dist/config/dist/propertyAcceptedTypes.js +65 -6
  7. package/dist/config/dist/resolveStyleProp.d.ts +62 -1
  8. package/dist/config/dist/resolveStyleProp.js +188 -2
  9. package/dist/config/dist/types/css-values.d.ts +61 -0
  10. package/dist/config.d.ts +69 -15
  11. package/dist/core/dist/compositeStyles.d.ts +1 -2
  12. package/dist/core/dist/createComponent.d.ts +1 -2
  13. package/dist/core/dist/createComponentExample.d.ts +1 -2
  14. package/dist/core/dist/createProvider.d.ts +1 -2
  15. package/dist/core/dist/generated/stylePropsTwMap.d.ts +1 -2
  16. package/dist/core/dist/getComponentStyles.d.ts +1 -2
  17. package/dist/core/dist/getStyles.d.ts +1 -2
  18. package/dist/core/dist/propMappings.d.ts +1 -2
  19. package/dist/core/dist/resolveMotionState.d.ts +1 -2
  20. package/dist/core/dist/transformPreset.d.ts +1 -2
  21. package/dist/core/dist/withDefaultStyleProps.d.ts +1 -2
  22. package/dist/foundational-presets/dist/boldVibrant.d.ts +69 -15
  23. package/dist/foundational-presets/dist/brutalist.d.ts +69 -15
  24. package/dist/foundational-presets/dist/candy.d.ts +69 -15
  25. package/dist/foundational-presets/dist/cleanMinimalist.d.ts +69 -15
  26. package/dist/foundational-presets/dist/corporate.d.ts +69 -15
  27. package/dist/foundational-presets/dist/darkMoody.d.ts +69 -15
  28. package/dist/foundational-presets/dist/defaultPreset.d.ts +69 -15
  29. package/dist/foundational-presets/dist/defaultPreset.js +10 -41
  30. package/dist/foundational-presets/dist/forest.d.ts +69 -15
  31. package/dist/foundational-presets/dist/highContrast.d.ts +69 -15
  32. package/dist/foundational-presets/dist/lavender.d.ts +69 -15
  33. package/dist/foundational-presets/dist/luxury.d.ts +69 -15
  34. package/dist/foundational-presets/dist/monochrome.d.ts +69 -15
  35. package/dist/foundational-presets/dist/motion.d.ts +1 -2
  36. package/dist/foundational-presets/dist/neonCyber.d.ts +69 -15
  37. package/dist/foundational-presets/dist/newspaper.d.ts +69 -15
  38. package/dist/foundational-presets/dist/ocean.d.ts +69 -15
  39. package/dist/foundational-presets/dist/slate.d.ts +258 -205
  40. package/dist/foundational-presets/dist/sunset.d.ts +258 -205
  41. package/dist/foundational-presets/dist/terminal.d.ts +258 -205
  42. package/dist/foundational-presets/dist/warmOrganic.d.ts +258 -205
  43. package/dist/tsconfig.tsbuildinfo +1 -1
  44. package/dist/utils/dist/array-utils/closestItem.d.ts +1 -2
  45. package/dist/utils/dist/array-utils/removeItem.d.ts +1 -2
  46. package/dist/utils/dist/component-style-defaults.d.ts +1 -2
  47. package/dist/utils/dist/math-utils/clamp.d.ts +1 -2
  48. package/dist/utils/dist/motion-utils/interpolate.d.ts +1 -2
  49. package/dist/utils/dist/object-utils/entries.d.ts +1 -2
  50. package/dist/utils/dist/object-utils/flattenObj.d.ts +1 -2
  51. package/dist/utils/dist/object-utils/fromEntries.d.ts +1 -2
  52. package/dist/utils/dist/object-utils/keys.d.ts +1 -2
  53. package/dist/utils/dist/object-utils/mapKeys.d.ts +1 -2
  54. package/dist/utils/dist/object-utils/mapValues.d.ts +1 -2
  55. package/dist/utils/dist/string-utils/arrayToUnion.d.ts +1 -2
  56. package/dist/utils/dist/string-utils/capitalize.d.ts +1 -2
  57. package/dist/utils/dist/string-utils/componentClassName.d.ts +1 -2
  58. package/dist/utils/dist/string-utils/createTemplate.d.ts +1 -2
  59. package/dist/utils/dist/string-utils/cssVar.d.ts +1 -2
  60. package/dist/utils/dist/string-utils/cssVars.d.ts +1 -2
  61. package/dist/utils/dist/string-utils/dedent.d.ts +1 -2
  62. package/dist/utils/dist/string-utils/indent.d.ts +1 -2
  63. package/dist/utils/dist/string-utils/join.d.ts +1 -2
  64. package/dist/utils/dist/string-utils/kebabCase.d.ts +1 -2
  65. package/dist/utils/dist/string-utils/split.d.ts +1 -2
  66. package/dist/utils/dist/string-utils/tsProperties.d.ts +1 -2
  67. package/dist/utils.d.ts +1 -1
  68. package/package.json +3 -3
@@ -1,9 +1,36 @@
1
- import { UdsConfig } from "../../config/dist/createConfig.js";
1
+ import { GetModifierFromInput, UdsConfig } from "../../config/dist/createConfig.js";
2
2
  import * as _$_uds_types0 from "@uds/types";
3
3
 
4
4
  //#region ../foundational-presets/dist/cleanMinimalist.d.ts
5
5
  //#region src/cleanMinimalist.d.ts
6
- declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
6
+ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | GetModifierFromInput<{
7
+ readonly colorMode: {
8
+ readonly options: {
9
+ readonly dark: {
10
+ readonly css: ".dark";
11
+ };
12
+ };
13
+ };
14
+ readonly responsive: {
15
+ readonly options: {
16
+ readonly sm: {
17
+ readonly media: "(min-width: 640px)";
18
+ };
19
+ readonly md: {
20
+ readonly media: "(min-width: 768px)";
21
+ };
22
+ readonly lg: {
23
+ readonly media: "(min-width: 1024px)";
24
+ };
25
+ readonly xl: {
26
+ readonly media: "(min-width: 1280px)";
27
+ };
28
+ readonly '2xl': {
29
+ readonly media: "(min-width: 1536px)";
30
+ };
31
+ };
32
+ };
33
+ }>, {
7
34
  opacity: {
8
35
  0: string;
9
36
  5: string;
@@ -36,8 +63,8 @@ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierP
36
63
  };
37
64
  rotate: {
38
65
  0: string;
39
- 2: string;
40
66
  1: string;
67
+ 2: string;
41
68
  3: string;
42
69
  6: string;
43
70
  12: string;
@@ -191,16 +218,16 @@ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierP
191
218
  spacing: {
192
219
  0: string;
193
220
  4: string;
194
- 2: string;
195
- 5: string;
196
221
  1: string;
197
222
  px: string;
223
+ 2: string;
198
224
  8: string;
199
225
  0.5: string;
200
226
  1.5: string;
201
227
  2.5: string;
202
228
  3: string;
203
229
  3.5: string;
230
+ 5: string;
204
231
  6: string;
205
232
  7: string;
206
233
  9: string;
@@ -234,30 +261,30 @@ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierP
234
261
  outlineWidth: {
235
262
  0: string;
236
263
  4: string;
237
- 2: string;
238
264
  1: string;
265
+ 2: string;
239
266
  8: string;
240
267
  };
241
268
  outlineOffset: {
242
269
  0: string;
243
270
  4: string;
244
- 2: string;
245
271
  1: string;
272
+ 2: string;
246
273
  8: string;
247
274
  };
248
275
  ringWidth: {
249
276
  0: string;
250
277
  4: string;
251
278
  inset: string;
252
- 2: string;
253
279
  1: string;
280
+ 2: string;
254
281
  8: string;
255
282
  };
256
283
  ringOffsetWidth: {
257
284
  0: string;
258
285
  4: string;
259
- 2: string;
260
286
  1: string;
287
+ 2: string;
261
288
  8: string;
262
289
  };
263
290
  shadow: {
@@ -273,8 +300,8 @@ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierP
273
300
  };
274
301
  strokeWidth: {
275
302
  0: string;
276
- 2: string;
277
303
  1: string;
304
+ 2: string;
278
305
  };
279
306
  fontFamily: {
280
307
  sans: string;
@@ -285,9 +312,9 @@ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierP
285
312
  normal: string;
286
313
  thin: string;
287
314
  bold: string;
288
- light: string;
289
315
  medium: string;
290
316
  extralight: string;
317
+ light: string;
291
318
  semibold: string;
292
319
  extrabold: string;
293
320
  black: string;
@@ -327,20 +354,20 @@ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierP
327
354
  0: string;
328
355
  4: string;
329
356
  full: string;
330
- 2: string;
331
- 5: string;
332
357
  1: string;
333
358
  "1/2": string;
334
359
  "1/3": string;
335
360
  "2/3": string;
336
361
  "1/4": string;
337
362
  "3/4": string;
363
+ 2: string;
338
364
  8: string;
339
365
  0.5: string;
340
366
  1.5: string;
341
367
  2.5: string;
342
368
  3: string;
343
369
  3.5: string;
370
+ 5: string;
344
371
  6: string;
345
372
  7: string;
346
373
  9: string;
@@ -382,13 +409,40 @@ declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierP
382
409
  };
383
410
  skew: {
384
411
  0: string;
385
- 2: string;
386
412
  1: string;
413
+ 2: string;
387
414
  3: string;
388
415
  6: string;
389
416
  12: string;
390
417
  };
391
- }, {}, {}, {}, "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
418
+ }, {}, {}, {}, GetModifierFromInput<{
419
+ readonly colorMode: {
420
+ readonly options: {
421
+ readonly dark: {
422
+ readonly css: ".dark";
423
+ };
424
+ };
425
+ };
426
+ readonly responsive: {
427
+ readonly options: {
428
+ readonly sm: {
429
+ readonly media: "(min-width: 640px)";
430
+ };
431
+ readonly md: {
432
+ readonly media: "(min-width: 768px)";
433
+ };
434
+ readonly lg: {
435
+ readonly media: "(min-width: 1024px)";
436
+ };
437
+ readonly xl: {
438
+ readonly media: "(min-width: 1280px)";
439
+ };
440
+ readonly '2xl': {
441
+ readonly media: "(min-width: 1536px)";
442
+ };
443
+ };
444
+ };
445
+ }>, {
392
446
  readonly color: {
393
447
  readonly $type: "color";
394
448
  readonly inherit: {
@@ -1,9 +1,36 @@
1
- import { UdsConfig } from "../../config/dist/createConfig.js";
1
+ import { GetModifierFromInput, UdsConfig } from "../../config/dist/createConfig.js";
2
2
  import * as _$_uds_types0 from "@uds/types";
3
3
 
4
4
  //#region ../foundational-presets/dist/corporate.d.ts
5
5
  //#region src/corporate.d.ts
6
- declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
6
+ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | GetModifierFromInput<{
7
+ readonly colorMode: {
8
+ readonly options: {
9
+ readonly dark: {
10
+ readonly css: ".dark";
11
+ };
12
+ };
13
+ };
14
+ readonly responsive: {
15
+ readonly options: {
16
+ readonly sm: {
17
+ readonly media: "(min-width: 640px)";
18
+ };
19
+ readonly md: {
20
+ readonly media: "(min-width: 768px)";
21
+ };
22
+ readonly lg: {
23
+ readonly media: "(min-width: 1024px)";
24
+ };
25
+ readonly xl: {
26
+ readonly media: "(min-width: 1280px)";
27
+ };
28
+ readonly '2xl': {
29
+ readonly media: "(min-width: 1536px)";
30
+ };
31
+ };
32
+ };
33
+ }>, {
7
34
  opacity: {
8
35
  0: string;
9
36
  5: string;
@@ -36,8 +63,8 @@ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
36
63
  };
37
64
  rotate: {
38
65
  0: string;
39
- 2: string;
40
66
  1: string;
67
+ 2: string;
41
68
  3: string;
42
69
  6: string;
43
70
  12: string;
@@ -191,16 +218,16 @@ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
191
218
  spacing: {
192
219
  0: string;
193
220
  4: string;
194
- 2: string;
195
- 5: string;
196
221
  1: string;
197
222
  px: string;
223
+ 2: string;
198
224
  8: string;
199
225
  0.5: string;
200
226
  1.5: string;
201
227
  2.5: string;
202
228
  3: string;
203
229
  3.5: string;
230
+ 5: string;
204
231
  6: string;
205
232
  7: string;
206
233
  9: string;
@@ -234,30 +261,30 @@ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
234
261
  outlineWidth: {
235
262
  0: string;
236
263
  4: string;
237
- 2: string;
238
264
  1: string;
265
+ 2: string;
239
266
  8: string;
240
267
  };
241
268
  outlineOffset: {
242
269
  0: string;
243
270
  4: string;
244
- 2: string;
245
271
  1: string;
272
+ 2: string;
246
273
  8: string;
247
274
  };
248
275
  ringWidth: {
249
276
  0: string;
250
277
  4: string;
251
278
  inset: string;
252
- 2: string;
253
279
  1: string;
280
+ 2: string;
254
281
  8: string;
255
282
  };
256
283
  ringOffsetWidth: {
257
284
  0: string;
258
285
  4: string;
259
- 2: string;
260
286
  1: string;
287
+ 2: string;
261
288
  8: string;
262
289
  };
263
290
  shadow: {
@@ -273,8 +300,8 @@ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
273
300
  };
274
301
  strokeWidth: {
275
302
  0: string;
276
- 2: string;
277
303
  1: string;
304
+ 2: string;
278
305
  };
279
306
  fontFamily: {
280
307
  sans: string;
@@ -285,9 +312,9 @@ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
285
312
  normal: string;
286
313
  thin: string;
287
314
  bold: string;
288
- light: string;
289
315
  medium: string;
290
316
  extralight: string;
317
+ light: string;
291
318
  semibold: string;
292
319
  extrabold: string;
293
320
  black: string;
@@ -327,20 +354,20 @@ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
327
354
  0: string;
328
355
  4: string;
329
356
  full: string;
330
- 2: string;
331
- 5: string;
332
357
  1: string;
333
358
  "1/2": string;
334
359
  "1/3": string;
335
360
  "2/3": string;
336
361
  "1/4": string;
337
362
  "3/4": string;
363
+ 2: string;
338
364
  8: string;
339
365
  0.5: string;
340
366
  1.5: string;
341
367
  2.5: string;
342
368
  3: string;
343
369
  3.5: string;
370
+ 5: string;
344
371
  6: string;
345
372
  7: string;
346
373
  9: string;
@@ -382,13 +409,40 @@ declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
382
409
  };
383
410
  skew: {
384
411
  0: string;
385
- 2: string;
386
412
  1: string;
413
+ 2: string;
387
414
  3: string;
388
415
  6: string;
389
416
  12: string;
390
417
  };
391
- }, {}, {}, {}, "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
418
+ }, {}, {}, {}, GetModifierFromInput<{
419
+ readonly colorMode: {
420
+ readonly options: {
421
+ readonly dark: {
422
+ readonly css: ".dark";
423
+ };
424
+ };
425
+ };
426
+ readonly responsive: {
427
+ readonly options: {
428
+ readonly sm: {
429
+ readonly media: "(min-width: 640px)";
430
+ };
431
+ readonly md: {
432
+ readonly media: "(min-width: 768px)";
433
+ };
434
+ readonly lg: {
435
+ readonly media: "(min-width: 1024px)";
436
+ };
437
+ readonly xl: {
438
+ readonly media: "(min-width: 1280px)";
439
+ };
440
+ readonly '2xl': {
441
+ readonly media: "(min-width: 1536px)";
442
+ };
443
+ };
444
+ };
445
+ }>, {
392
446
  readonly color: {
393
447
  readonly $type: "color";
394
448
  readonly inherit: {
@@ -1,9 +1,36 @@
1
- import { UdsConfig } from "../../config/dist/createConfig.js";
1
+ import { GetModifierFromInput, UdsConfig } from "../../config/dist/createConfig.js";
2
2
  import * as _$_uds_types0 from "@uds/types";
3
3
 
4
4
  //#region ../foundational-presets/dist/darkMoody.d.ts
5
5
  //#region src/darkMoody.d.ts
6
- declare const darkMoodyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
6
+ declare const darkMoodyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | GetModifierFromInput<{
7
+ readonly colorMode: {
8
+ readonly options: {
9
+ readonly dark: {
10
+ readonly css: ".dark";
11
+ };
12
+ };
13
+ };
14
+ readonly responsive: {
15
+ readonly options: {
16
+ readonly sm: {
17
+ readonly media: "(min-width: 640px)";
18
+ };
19
+ readonly md: {
20
+ readonly media: "(min-width: 768px)";
21
+ };
22
+ readonly lg: {
23
+ readonly media: "(min-width: 1024px)";
24
+ };
25
+ readonly xl: {
26
+ readonly media: "(min-width: 1280px)";
27
+ };
28
+ readonly '2xl': {
29
+ readonly media: "(min-width: 1536px)";
30
+ };
31
+ };
32
+ };
33
+ }>, {
7
34
  opacity: {
8
35
  0: string;
9
36
  5: string;
@@ -36,8 +63,8 @@ declare const darkMoodyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
36
63
  };
37
64
  rotate: {
38
65
  0: string;
39
- 2: string;
40
66
  1: string;
67
+ 2: string;
41
68
  3: string;
42
69
  6: string;
43
70
  12: string;
@@ -191,16 +218,16 @@ declare const darkMoodyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
191
218
  spacing: {
192
219
  0: string;
193
220
  4: string;
194
- 2: string;
195
- 5: string;
196
221
  1: string;
197
222
  px: string;
223
+ 2: string;
198
224
  8: string;
199
225
  0.5: string;
200
226
  1.5: string;
201
227
  2.5: string;
202
228
  3: string;
203
229
  3.5: string;
230
+ 5: string;
204
231
  6: string;
205
232
  7: string;
206
233
  9: string;
@@ -234,30 +261,30 @@ declare const darkMoodyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
234
261
  outlineWidth: {
235
262
  0: string;
236
263
  4: string;
237
- 2: string;
238
264
  1: string;
265
+ 2: string;
239
266
  8: string;
240
267
  };
241
268
  outlineOffset: {
242
269
  0: string;
243
270
  4: string;
244
- 2: string;
245
271
  1: string;
272
+ 2: string;
246
273
  8: string;
247
274
  };
248
275
  ringWidth: {
249
276
  0: string;
250
277
  4: string;
251
278
  inset: string;
252
- 2: string;
253
279
  1: string;
280
+ 2: string;
254
281
  8: string;
255
282
  };
256
283
  ringOffsetWidth: {
257
284
  0: string;
258
285
  4: string;
259
- 2: string;
260
286
  1: string;
287
+ 2: string;
261
288
  8: string;
262
289
  };
263
290
  shadow: {
@@ -273,8 +300,8 @@ declare const darkMoodyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
273
300
  };
274
301
  strokeWidth: {
275
302
  0: string;
276
- 2: string;
277
303
  1: string;
304
+ 2: string;
278
305
  };
279
306
  fontFamily: {
280
307
  sans: string;
@@ -285,9 +312,9 @@ declare const darkMoodyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
285
312
  normal: string;
286
313
  thin: string;
287
314
  bold: string;
288
- light: string;
289
315
  medium: string;
290
316
  extralight: string;
317
+ light: string;
291
318
  semibold: string;
292
319
  extrabold: string;
293
320
  black: string;
@@ -327,20 +354,20 @@ declare const darkMoodyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
327
354
  0: string;
328
355
  4: string;
329
356
  full: string;
330
- 2: string;
331
- 5: string;
332
357
  1: string;
333
358
  "1/2": string;
334
359
  "1/3": string;
335
360
  "2/3": string;
336
361
  "1/4": string;
337
362
  "3/4": string;
363
+ 2: string;
338
364
  8: string;
339
365
  0.5: string;
340
366
  1.5: string;
341
367
  2.5: string;
342
368
  3: string;
343
369
  3.5: string;
370
+ 5: string;
344
371
  6: string;
345
372
  7: string;
346
373
  9: string;
@@ -382,13 +409,40 @@ declare const darkMoodyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp |
382
409
  };
383
410
  skew: {
384
411
  0: string;
385
- 2: string;
386
412
  1: string;
413
+ 2: string;
387
414
  3: string;
388
415
  6: string;
389
416
  12: string;
390
417
  };
391
- }, {}, {}, {}, "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
418
+ }, {}, {}, {}, GetModifierFromInput<{
419
+ readonly colorMode: {
420
+ readonly options: {
421
+ readonly dark: {
422
+ readonly css: ".dark";
423
+ };
424
+ };
425
+ };
426
+ readonly responsive: {
427
+ readonly options: {
428
+ readonly sm: {
429
+ readonly media: "(min-width: 640px)";
430
+ };
431
+ readonly md: {
432
+ readonly media: "(min-width: 768px)";
433
+ };
434
+ readonly lg: {
435
+ readonly media: "(min-width: 1024px)";
436
+ };
437
+ readonly xl: {
438
+ readonly media: "(min-width: 1280px)";
439
+ };
440
+ readonly '2xl': {
441
+ readonly media: "(min-width: 1536px)";
442
+ };
443
+ };
444
+ };
445
+ }>, {
392
446
  readonly color: {
393
447
  readonly $type: "color";
394
448
  readonly inherit: {