@yahoo/uds-v5-wip 1.35.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 (51) hide show
  1. package/dist/config/dist/createConfig.d.ts +44 -0
  2. package/dist/config/dist/createConfig.js +20 -2
  3. package/dist/config/dist/defineStyleProp.d.ts +56 -0
  4. package/dist/config/dist/index.d.ts +3 -0
  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/core/dist/compositeStyles.d.ts +1 -2
  11. package/dist/core/dist/createComponent.d.ts +1 -2
  12. package/dist/core/dist/createComponentExample.d.ts +1 -2
  13. package/dist/core/dist/createProvider.d.ts +1 -2
  14. package/dist/core/dist/generated/stylePropsTwMap.d.ts +1 -2
  15. package/dist/core/dist/getComponentStyles.d.ts +1 -2
  16. package/dist/core/dist/getStyles.d.ts +1 -2
  17. package/dist/core/dist/propMappings.d.ts +1 -2
  18. package/dist/core/dist/resolveMotionState.d.ts +1 -2
  19. package/dist/core/dist/transformPreset.d.ts +1 -2
  20. package/dist/core/dist/withDefaultStyleProps.d.ts +1 -2
  21. package/dist/foundational-presets/dist/motion.d.ts +1 -2
  22. package/dist/foundational-presets/dist/slate.d.ts +197 -198
  23. package/dist/foundational-presets/dist/sunset.d.ts +197 -198
  24. package/dist/foundational-presets/dist/terminal.d.ts +197 -198
  25. package/dist/foundational-presets/dist/warmOrganic.d.ts +197 -198
  26. package/dist/tsconfig.tsbuildinfo +1 -1
  27. package/dist/utils/dist/array-utils/closestItem.d.ts +1 -2
  28. package/dist/utils/dist/array-utils/removeItem.d.ts +1 -2
  29. package/dist/utils/dist/component-style-defaults.d.ts +1 -2
  30. package/dist/utils/dist/math-utils/clamp.d.ts +1 -2
  31. package/dist/utils/dist/motion-utils/interpolate.d.ts +1 -2
  32. package/dist/utils/dist/object-utils/entries.d.ts +1 -2
  33. package/dist/utils/dist/object-utils/flattenObj.d.ts +1 -2
  34. package/dist/utils/dist/object-utils/fromEntries.d.ts +1 -2
  35. package/dist/utils/dist/object-utils/keys.d.ts +1 -2
  36. package/dist/utils/dist/object-utils/mapKeys.d.ts +1 -2
  37. package/dist/utils/dist/object-utils/mapValues.d.ts +1 -2
  38. package/dist/utils/dist/string-utils/arrayToUnion.d.ts +1 -2
  39. package/dist/utils/dist/string-utils/capitalize.d.ts +1 -2
  40. package/dist/utils/dist/string-utils/componentClassName.d.ts +1 -2
  41. package/dist/utils/dist/string-utils/createTemplate.d.ts +1 -2
  42. package/dist/utils/dist/string-utils/cssVar.d.ts +1 -2
  43. package/dist/utils/dist/string-utils/cssVars.d.ts +1 -2
  44. package/dist/utils/dist/string-utils/dedent.d.ts +1 -2
  45. package/dist/utils/dist/string-utils/indent.d.ts +1 -2
  46. package/dist/utils/dist/string-utils/join.d.ts +1 -2
  47. package/dist/utils/dist/string-utils/kebabCase.d.ts +1 -2
  48. package/dist/utils/dist/string-utils/split.d.ts +1 -2
  49. package/dist/utils/dist/string-utils/tsProperties.d.ts +1 -2
  50. package/dist/utils.d.ts +1 -1
  51. package/package.json +3 -3
@@ -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/sunset.d.ts
5
- //#region src/sunset.d.ts
6
5
  declare const sunsetFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | GetModifierFromInput<{
7
6
  readonly colorMode: {
8
7
  readonly options: {
@@ -31,47 +30,6 @@ declare const sunsetFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Get
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 sunsetFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Get
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 sunsetFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Get
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 sunsetFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Get
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 sunsetFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Get
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 sunsetFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Get
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 sunsetFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Get
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: {