@yahoo/uds-v5-wip 1.35.0 → 1.36.1

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 (95) hide show
  1. package/dist/_virtual/_rolldown/runtime.js +13 -0
  2. package/dist/config/dist/component-resolution.d.ts +1 -1
  3. package/dist/config/dist/component-resolution.js +1 -1
  4. package/dist/config/dist/consts/defaultColors.d.ts +1 -2
  5. package/dist/config/dist/createConfig.d.ts +55 -87
  6. package/dist/config/dist/createConfig.js +82 -158
  7. package/dist/config/dist/defineStyleProp.d.ts +45 -0
  8. package/dist/config/dist/defineStyleProp.js +25 -0
  9. package/dist/config/dist/index.d.ts +4 -2
  10. package/dist/config/dist/index.js +4 -3
  11. package/dist/config/dist/preset-merge.js +0 -12
  12. package/dist/config/dist/propertyAcceptedTypes.js +81 -9
  13. package/dist/config/dist/propertyGroups.d.ts +1 -11
  14. package/dist/config/dist/propertyGroups.js +1 -19
  15. package/dist/config/dist/resolveStyleProp.d.ts +55 -1
  16. package/dist/config/dist/resolveStyleProp.js +197 -2
  17. package/dist/config/dist/serialize.d.ts +11 -4
  18. package/dist/config/dist/serialize.js +3 -3
  19. package/dist/config/dist/types/css-values.d.ts +60 -0
  20. package/dist/config/dist/types.d.ts +1 -2
  21. package/dist/config.d.ts +184 -184
  22. package/dist/core/dist/color-opacity-map.d.ts +13 -0
  23. package/dist/core/dist/color-opacity-map.js +33 -0
  24. package/dist/core/dist/configurable-prop-helpers.d.ts +32 -0
  25. package/dist/core/dist/configurable-prop-helpers.js +61 -0
  26. package/dist/core/dist/getStyles.js +3 -1
  27. package/dist/core/dist/index.d.ts +4 -1
  28. package/dist/core/dist/index.js +4 -1
  29. package/dist/core/dist/modifier-mappings.d.ts +13 -0
  30. package/dist/core/dist/modifier-mappings.js +61 -0
  31. package/dist/core/dist/style-prop-data.d.ts +33 -0
  32. package/dist/{loader/dist/packages/core/dist/propMappings.js → core/dist/style-prop-data.js} +2 -93
  33. package/dist/core.d.ts +4 -1
  34. package/dist/core.js +4 -1
  35. package/dist/fixtures.d.ts +3 -1
  36. package/dist/fixtures.js +3 -1
  37. package/dist/foundational-presets/dist/boldVibrant.d.ts +573 -224
  38. package/dist/foundational-presets/dist/brutalist.d.ts +573 -224
  39. package/dist/foundational-presets/dist/candy.d.ts +573 -224
  40. package/dist/foundational-presets/dist/cleanMinimalist.d.ts +573 -224
  41. package/dist/foundational-presets/dist/corporate.d.ts +573 -224
  42. package/dist/foundational-presets/dist/darkMoody.d.ts +573 -224
  43. package/dist/foundational-presets/dist/defaultPreset.d.ts +197 -198
  44. package/dist/foundational-presets/dist/defaultPreset.js +2 -312
  45. package/dist/foundational-presets/dist/forest.d.ts +573 -224
  46. package/dist/foundational-presets/dist/highContrast.d.ts +573 -224
  47. package/dist/foundational-presets/dist/lavender.d.ts +573 -224
  48. package/dist/foundational-presets/dist/luxury.d.ts +573 -224
  49. package/dist/foundational-presets/dist/monochrome.d.ts +573 -224
  50. package/dist/foundational-presets/dist/motion.d.ts +1 -2
  51. package/dist/foundational-presets/dist/neonCyber.d.ts +573 -224
  52. package/dist/foundational-presets/dist/newspaper.d.ts +573 -224
  53. package/dist/foundational-presets/dist/ocean.d.ts +573 -224
  54. package/dist/foundational-presets/dist/slate.d.ts +573 -224
  55. package/dist/foundational-presets/dist/style-props.js +1384 -0
  56. package/dist/foundational-presets/dist/sunset.d.ts +573 -224
  57. package/dist/foundational-presets/dist/terminal.d.ts +573 -224
  58. package/dist/foundational-presets/dist/warmOrganic.d.ts +573 -224
  59. package/dist/loader/dist/loader/style-transform.js +2 -1
  60. package/dist/loader/dist/loader.d.ts +1 -2
  61. package/dist/loader/dist/next.d.ts +1 -2
  62. package/dist/loader/dist/packages/core/dist/color-opacity-map.js +33 -0
  63. package/dist/loader/dist/packages/core/dist/getStyles.js +3 -1
  64. package/dist/loader/dist/packages/core/dist/modifier-mappings.js +61 -0
  65. package/dist/{core/dist/propMappings.js → loader/dist/packages/core/dist/style-prop-data.js} +2 -150
  66. package/dist/presets/dist/boldVibrant.d.ts +1 -2
  67. package/dist/presets/dist/brutalist.d.ts +1 -2
  68. package/dist/presets/dist/candy.d.ts +1 -2
  69. package/dist/presets/dist/cleanMinimalist.d.ts +1 -2
  70. package/dist/presets/dist/corporate.d.ts +1 -2
  71. package/dist/presets/dist/darkMoody.d.ts +1 -2
  72. package/dist/presets/dist/defaultPreset.d.ts +1 -2
  73. package/dist/presets/dist/forest.d.ts +1 -2
  74. package/dist/presets/dist/highContrast.d.ts +1 -2
  75. package/dist/presets/dist/lavender.d.ts +1 -2
  76. package/dist/presets/dist/luxury.d.ts +1 -2
  77. package/dist/presets/dist/monochrome.d.ts +1 -2
  78. package/dist/presets/dist/neonCyber.d.ts +1 -2
  79. package/dist/presets/dist/newspaper.d.ts +1 -2
  80. package/dist/presets/dist/ocean.d.ts +1 -2
  81. package/dist/presets/dist/slate.d.ts +1 -2
  82. package/dist/presets/dist/sunset.d.ts +1 -2
  83. package/dist/presets/dist/terminal.d.ts +1 -2
  84. package/dist/presets/dist/warmOrganic.d.ts +1 -2
  85. package/dist/remotion/dist/components/image-slide.d.ts +1 -2
  86. package/dist/remotion/dist/components/lower-third.d.ts +1 -2
  87. package/dist/remotion/dist/components/quote-card.d.ts +1 -2
  88. package/dist/remotion/dist/components/split-screen.d.ts +1 -2
  89. package/dist/remotion/dist/components/stat-card.d.ts +1 -2
  90. package/dist/remotion/dist/components/text-overlay.d.ts +1 -2
  91. package/dist/remotion/dist/components/title-card.d.ts +1 -2
  92. package/dist/remotion/dist/components/typing-text.d.ts +1 -2
  93. package/dist/tsconfig.tsbuildinfo +1 -1
  94. package/package.json +3 -3
  95. package/dist/core/dist/propMappings.d.ts +0 -77
@@ -2,7 +2,6 @@ import { GetModifierFromInput, UdsConfig } from "../../config/dist/createConfig.
2
2
  import * as _$_uds_types0 from "@uds/types";
3
3
 
4
4
  //#region ../foundational-presets/dist/defaultPreset.d.ts
5
- //#region src/defaultPreset.d.ts
6
5
  declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | GetModifierFromInput<{
7
6
  readonly colorMode: {
8
7
  readonly options: {
@@ -31,47 +30,6 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
31
30
  };
32
31
  };
33
32
  }>, {
34
- opacity: {
35
- 0: string;
36
- 5: string;
37
- 10: string;
38
- 20: string;
39
- 40: string;
40
- 60: string;
41
- 80: string;
42
- 25: string;
43
- 30: string;
44
- 50: string;
45
- 70: string;
46
- 75: string;
47
- 90: string;
48
- 95: string;
49
- 100: string;
50
- };
51
- scale: {
52
- 0: string;
53
- 50: string;
54
- 75: string;
55
- 90: string;
56
- 95: string;
57
- 100: string;
58
- 105: string;
59
- 110: string;
60
- 125: string;
61
- 150: string;
62
- 200: string;
63
- };
64
- rotate: {
65
- 0: string;
66
- 1: string;
67
- 2: string;
68
- 3: string;
69
- 6: string;
70
- 12: string;
71
- 90: string;
72
- 45: string;
73
- 180: string;
74
- };
75
33
  color: {
76
34
  inherit: string;
77
35
  current: string;
@@ -97,7 +55,23 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
97
55
  inverse: string;
98
56
  "on-inverse": string;
99
57
  };
100
- borderColor: {
58
+ fontFamily: {
59
+ sans: string;
60
+ serif: string;
61
+ mono: string;
62
+ };
63
+ fontWeight: {
64
+ bold: string;
65
+ thin: string;
66
+ medium: string;
67
+ extralight: string;
68
+ light: string;
69
+ normal: string;
70
+ semibold: string;
71
+ extrabold: string;
72
+ black: string;
73
+ };
74
+ bg: {
101
75
  brand: string;
102
76
  accent: string;
103
77
  alert: string;
@@ -108,51 +82,17 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
108
82
  tertiary: string;
109
83
  inverse: string;
110
84
  surface: string;
85
+ "elevation-1": string;
86
+ "elevation-2": string;
87
+ "elevation-3": string;
111
88
  "brand-wash": string;
112
89
  "accent-wash": string;
113
90
  "alert-wash": string;
114
91
  "positive-wash": string;
115
92
  "warning-wash": string;
116
- };
117
- position: {
118
- auto: string;
119
- full: string;
120
- "1/2": string;
121
- "1/3": string;
122
- "2/3": string;
123
- "1/4": string;
124
- "2/4": string;
125
- "3/4": string;
126
- };
127
- size: {
128
- auto: string;
129
- full: string;
130
- max: string;
131
- min: string;
132
- "1/2": string;
133
- "1/3": string;
134
- "2/3": string;
135
- "1/4": string;
136
- "2/4": string;
137
- "3/4": string;
138
- fit: string;
139
- "1/5": string;
140
- "2/5": string;
141
- "3/5": string;
142
- "4/5": string;
143
- "1/6": string;
144
- "2/6": string;
145
- "3/6": string;
146
- "4/6": string;
147
- "5/6": string;
148
- };
149
- animation: {
150
- none: string;
151
- ping: string;
152
- spin: string;
153
- };
154
- bg: {
155
93
  overlay: string;
94
+ };
95
+ borderColor: {
156
96
  brand: string;
157
97
  accent: string;
158
98
  alert: string;
@@ -163,9 +103,6 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
163
103
  tertiary: string;
164
104
  inverse: string;
165
105
  surface: string;
166
- "elevation-1": string;
167
- "elevation-2": string;
168
- "elevation-3": string;
169
106
  "brand-wash": string;
170
107
  "accent-wash": string;
171
108
  "alert-wash": string;
@@ -178,49 +115,62 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
178
115
  medium: string;
179
116
  thick: string;
180
117
  };
181
- divideWidth: {
118
+ outlineWidth: {
182
119
  0: string;
183
- 4: string;
184
- reverse: string;
120
+ 1: string;
185
121
  2: string;
122
+ 4: string;
186
123
  8: string;
187
124
  };
188
- flex: {
189
- none: string;
190
- initial: string;
191
- auto: string;
125
+ outlineOffset: {
126
+ 0: string;
192
127
  1: string;
128
+ 2: string;
129
+ 4: string;
130
+ 8: string;
193
131
  };
194
- flexGrow: {
132
+ divideWidth: {
133
+ 0: string;
134
+ reverse: string;
135
+ 2: string;
136
+ 4: string;
137
+ 8: string;
138
+ };
139
+ ringWidth: {
195
140
  0: string;
196
141
  1: string;
142
+ inset: string;
143
+ 2: string;
144
+ 4: string;
145
+ 8: string;
197
146
  };
198
- flexShrink: {
147
+ ringOffsetWidth: {
199
148
  0: string;
149
+ 1: string;
150
+ 2: string;
151
+ 4: string;
152
+ 8: string;
200
153
  };
201
- aspectRatio: {
202
- square: string;
203
- landscape: string;
204
- portrait: string;
205
- widescreen: string;
206
- ultrawide: string;
207
- golden: string;
154
+ lineHeight: {
155
+ none: string;
156
+ normal: string;
157
+ tight: string;
158
+ relaxed: string;
208
159
  };
209
- zIndex: {
210
- 0: string;
211
- auto: string;
212
- 10: string;
213
- 20: string;
214
- 40: string;
215
- 30: string;
216
- 50: string;
160
+ letterSpacing: {
161
+ normal: string;
162
+ tight: string;
163
+ tighter: string;
164
+ wide: string;
165
+ wider: string;
166
+ widest: string;
217
167
  };
218
168
  spacing: {
219
169
  0: string;
220
- 4: string;
221
170
  1: string;
222
171
  px: string;
223
172
  2: string;
173
+ 4: string;
224
174
  8: string;
225
175
  0.5: string;
226
176
  1.5: string;
@@ -252,115 +202,182 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
252
202
  80: string;
253
203
  96: string;
254
204
  };
255
- w: {
256
- screen: string;
257
- svw: string;
258
- lvw: string;
259
- dvw: string;
205
+ position: {
206
+ auto: string;
207
+ full: string;
208
+ "1/2": string;
209
+ "1/3": string;
210
+ "2/3": string;
211
+ "1/4": string;
212
+ "2/4": string;
213
+ "3/4": string;
260
214
  };
261
- outlineWidth: {
262
- 0: string;
263
- 4: string;
215
+ aspectRatio: {
216
+ square: string;
217
+ landscape: string;
218
+ portrait: string;
219
+ widescreen: string;
220
+ ultrawide: string;
221
+ golden: string;
222
+ };
223
+ flex: {
264
224
  1: string;
265
- 2: string;
266
- 8: string;
225
+ none: string;
226
+ auto: string;
227
+ initial: string;
267
228
  };
268
- outlineOffset: {
229
+ flexGrow: {
269
230
  0: string;
270
- 4: string;
271
231
  1: string;
272
- 2: string;
273
- 8: string;
274
232
  };
275
- ringWidth: {
233
+ flexShrink: {
276
234
  0: string;
277
- 4: string;
278
- inset: string;
279
- 1: string;
280
- 2: string;
281
- 8: string;
282
235
  };
283
- ringOffsetWidth: {
236
+ opacity: {
284
237
  0: string;
285
- 4: string;
286
- 1: string;
287
- 2: string;
288
- 8: string;
238
+ 5: string;
239
+ 10: string;
240
+ 20: string;
241
+ 40: string;
242
+ 60: string;
243
+ 80: string;
244
+ 25: string;
245
+ 30: string;
246
+ 50: string;
247
+ 70: string;
248
+ 75: string;
249
+ 90: string;
250
+ 95: string;
251
+ 100: string;
289
252
  };
290
- shadow: {
291
- none: string;
253
+ radius: {
292
254
  sm: string;
293
255
  md: string;
294
256
  lg: string;
295
257
  xl: string;
296
- "2xl": string;
297
- "2xs": string;
258
+ none: string;
259
+ full: string;
298
260
  xs: string;
299
- inner: string;
300
- };
301
- strokeWidth: {
302
- 0: string;
303
- 1: string;
304
- 2: string;
305
261
  };
306
- fontFamily: {
307
- sans: string;
308
- serif: string;
309
- mono: string;
310
- };
311
- fontWeight: {
312
- normal: string;
313
- thin: string;
314
- bold: string;
315
- medium: string;
316
- extralight: string;
317
- light: string;
318
- semibold: string;
319
- extrabold: string;
320
- black: string;
321
- };
322
- letterSpacing: {
323
- normal: string;
324
- tight: string;
325
- tighter: string;
326
- wide: string;
327
- wider: string;
328
- widest: string;
329
- };
330
- lineHeight: {
262
+ animation: {
331
263
  none: string;
332
- normal: string;
333
- tight: string;
334
- relaxed: string;
264
+ spin: string;
265
+ ping: string;
335
266
  };
336
- textShadow: {
337
- none: string;
267
+ shadow: {
338
268
  sm: string;
339
269
  md: string;
340
270
  lg: string;
341
- "2xs": string;
271
+ xl: string;
272
+ "2xl": string;
273
+ none: string;
342
274
  xs: string;
275
+ "2xs": string;
276
+ inner: string;
343
277
  };
344
278
  blur: {
345
- none: string;
346
279
  sm: string;
347
280
  md: string;
348
281
  lg: string;
349
282
  xl: string;
350
283
  "2xl": string;
284
+ none: string;
351
285
  "3xl": string;
352
286
  };
353
- translate: {
287
+ textShadow: {
288
+ sm: string;
289
+ md: string;
290
+ lg: string;
291
+ none: string;
292
+ xs: string;
293
+ "2xs": string;
294
+ };
295
+ zIndex: {
354
296
  0: string;
355
- 4: string;
297
+ auto: string;
298
+ 10: string;
299
+ 20: string;
300
+ 40: string;
301
+ 30: string;
302
+ 50: string;
303
+ };
304
+ size: {
305
+ auto: string;
356
306
  full: string;
307
+ "1/2": string;
308
+ "1/3": string;
309
+ "2/3": string;
310
+ "1/4": string;
311
+ "2/4": string;
312
+ "3/4": string;
313
+ min: string;
314
+ max: string;
315
+ fit: string;
316
+ "1/5": string;
317
+ "2/5": string;
318
+ "3/5": string;
319
+ "4/5": string;
320
+ "1/6": string;
321
+ "2/6": string;
322
+ "3/6": string;
323
+ "4/6": string;
324
+ "5/6": string;
325
+ };
326
+ w: {
327
+ screen: string;
328
+ svw: string;
329
+ lvw: string;
330
+ dvw: string;
331
+ };
332
+ h: {
333
+ screen: string;
334
+ svh: string;
335
+ lvh: string;
336
+ dvh: string;
337
+ };
338
+ rotate: {
339
+ 0: string;
340
+ 1: string;
341
+ 2: string;
342
+ 3: string;
343
+ 6: string;
344
+ 12: string;
345
+ 90: string;
346
+ 45: string;
347
+ 180: string;
348
+ };
349
+ scale: {
350
+ 0: string;
351
+ 50: string;
352
+ 75: string;
353
+ 90: string;
354
+ 95: string;
355
+ 100: string;
356
+ 105: string;
357
+ 110: string;
358
+ 125: string;
359
+ 150: string;
360
+ 200: string;
361
+ };
362
+ skew: {
363
+ 0: string;
357
364
  1: string;
365
+ 2: string;
366
+ 3: string;
367
+ 6: string;
368
+ 12: string;
369
+ };
370
+ translate: {
371
+ 0: string;
372
+ 1: string;
373
+ full: string;
358
374
  "1/2": string;
359
375
  "1/3": string;
360
376
  "2/3": string;
361
377
  "1/4": string;
362
378
  "3/4": string;
363
379
  2: string;
380
+ 4: string;
364
381
  8: string;
365
382
  0.5: string;
366
383
  1.5: string;
@@ -392,28 +409,10 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
392
409
  80: string;
393
410
  96: string;
394
411
  };
395
- radius: {
396
- none: string;
397
- sm: string;
398
- md: string;
399
- lg: string;
400
- xl: string;
401
- xs: string;
402
- full: string;
403
- };
404
- h: {
405
- screen: string;
406
- svh: string;
407
- lvh: string;
408
- dvh: string;
409
- };
410
- skew: {
412
+ strokeWidth: {
411
413
  0: string;
412
414
  1: string;
413
415
  2: string;
414
- 3: string;
415
- 6: string;
416
- 12: string;
417
416
  };
418
417
  }, {}, {}, {}, GetModifierFromInput<{
419
418
  readonly colorMode: {