@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
package/dist/foundational-presets/dist/neonCyber.d.ts CHANGED
@@ -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/neonCyber.d.ts
5
5
  //#region src/neonCyber.d.ts
6
- declare const neonCyberFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
6
+ declare const neonCyberFoundationPreset: 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 neonCyberFoundationPreset: 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 neonCyberFoundationPreset: 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 neonCyberFoundationPreset: 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 neonCyberFoundationPreset: 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 neonCyberFoundationPreset: 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 neonCyberFoundationPreset: 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 neonCyberFoundationPreset: 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: {
package/dist/foundational-presets/dist/newspaper.d.ts CHANGED
@@ -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/newspaper.d.ts
5
5
  //#region src/newspaper.d.ts
6
- declare const newspaperFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
6
+ declare const newspaperFoundationPreset: 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 newspaperFoundationPreset: 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 newspaperFoundationPreset: 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 newspaperFoundationPreset: 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 newspaperFoundationPreset: 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 newspaperFoundationPreset: 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 newspaperFoundationPreset: 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 newspaperFoundationPreset: 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: {
package/dist/foundational-presets/dist/ocean.d.ts CHANGED
@@ -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/ocean.d.ts
5
5
  //#region src/ocean.d.ts
6
- declare const oceanFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
6
+ declare const oceanFoundationPreset: 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 oceanFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_li
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 oceanFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_li
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 oceanFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_li
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 oceanFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_li
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 oceanFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_li
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 oceanFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_li
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 oceanFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_li
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: {