@yahoo/uds-v5-wip 1.52.0 → 1.52.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.
@@ -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,50 +30,9 @@ 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
- inherit: string;
77
34
  transparent: string;
35
+ inherit: string;
78
36
  current: string;
79
37
  "always/black": string;
80
38
  "always/white": string;
@@ -97,22 +55,16 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
97
55
  inverse: string;
98
56
  "on-inverse": string;
99
57
  };
100
- borderColor: {
101
- brand: string;
102
- accent: string;
103
- alert: string;
104
- positive: string;
105
- warning: string;
106
- primary: string;
107
- secondary: string;
108
- tertiary: string;
109
- inverse: string;
110
- surface: string;
111
- "brand-wash": string;
112
- "accent-wash": string;
113
- "alert-wash": string;
114
- "positive-wash": string;
115
- "warning-wash": string;
58
+ shadow: {
59
+ none: string;
60
+ sm: string;
61
+ md: string;
62
+ lg: string;
63
+ xl: string;
64
+ "2xl": string;
65
+ xs: string;
66
+ "2xs": string;
67
+ inner: string;
116
68
  };
117
69
  position: {
118
70
  auto: string;
@@ -124,17 +76,111 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
124
76
  "2/4": string;
125
77
  "3/4": string;
126
78
  };
79
+ flex: {
80
+ 1: string;
81
+ initial: string;
82
+ auto: string;
83
+ none: string;
84
+ };
85
+ rotate: {
86
+ 0: string;
87
+ 1: string;
88
+ 2: string;
89
+ 3: string;
90
+ 6: string;
91
+ 12: string;
92
+ 90: string;
93
+ 45: string;
94
+ 180: string;
95
+ };
96
+ scale: {
97
+ 0: string;
98
+ 50: string;
99
+ 75: string;
100
+ 90: string;
101
+ 95: string;
102
+ 100: string;
103
+ 105: string;
104
+ 110: string;
105
+ 125: string;
106
+ 150: string;
107
+ 200: string;
108
+ };
109
+ translate: {
110
+ 0: string;
111
+ 1: string;
112
+ 2: string;
113
+ full: string;
114
+ "1/2": string;
115
+ "1/3": string;
116
+ "2/3": string;
117
+ "1/4": string;
118
+ "3/4": string;
119
+ 4: string;
120
+ 8: string;
121
+ 0.5: string;
122
+ 1.5: string;
123
+ 2.5: string;
124
+ 3: string;
125
+ 3.5: string;
126
+ 5: string;
127
+ 6: string;
128
+ 7: string;
129
+ 9: string;
130
+ 10: string;
131
+ 11: string;
132
+ 12: string;
133
+ 14: string;
134
+ 16: string;
135
+ 20: string;
136
+ 24: string;
137
+ 28: string;
138
+ 32: string;
139
+ 36: string;
140
+ 40: string;
141
+ 44: string;
142
+ 48: string;
143
+ 52: string;
144
+ 56: string;
145
+ 60: string;
146
+ 64: string;
147
+ 72: string;
148
+ 80: string;
149
+ 96: string;
150
+ };
151
+ animation: {
152
+ none: string;
153
+ spin: string;
154
+ ping: string;
155
+ };
156
+ opacity: {
157
+ 0: string;
158
+ 5: string;
159
+ 10: string;
160
+ 20: string;
161
+ 40: string;
162
+ 60: string;
163
+ 80: string;
164
+ 25: string;
165
+ 30: string;
166
+ 50: string;
167
+ 70: string;
168
+ 75: string;
169
+ 90: string;
170
+ 95: string;
171
+ 100: string;
172
+ };
127
173
  size: {
128
174
  auto: string;
129
175
  full: string;
130
- max: string;
131
- min: string;
132
176
  "1/2": string;
133
177
  "1/3": string;
134
178
  "2/3": string;
135
179
  "1/4": string;
136
180
  "2/4": string;
137
181
  "3/4": string;
182
+ min: string;
183
+ max: string;
138
184
  fit: string;
139
185
  "1/5": string;
140
186
  "2/5": string;
@@ -146,11 +192,6 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
146
192
  "4/6": string;
147
193
  "5/6": string;
148
194
  };
149
- animation: {
150
- none: string;
151
- ping: string;
152
- spin: string;
153
- };
154
195
  bg: {
155
196
  overlay: string;
156
197
  brand: string;
@@ -172,6 +213,32 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
172
213
  "positive-wash": string;
173
214
  "warning-wash": string;
174
215
  };
216
+ radius: {
217
+ none: string;
218
+ sm: string;
219
+ md: string;
220
+ lg: string;
221
+ xl: string;
222
+ full: string;
223
+ xs: string;
224
+ };
225
+ borderColor: {
226
+ brand: string;
227
+ accent: string;
228
+ alert: string;
229
+ positive: string;
230
+ warning: string;
231
+ primary: string;
232
+ secondary: string;
233
+ tertiary: string;
234
+ inverse: string;
235
+ surface: string;
236
+ "brand-wash": string;
237
+ "accent-wash": string;
238
+ "alert-wash": string;
239
+ "positive-wash": string;
240
+ "warning-wash": string;
241
+ };
175
242
  borderWidth: {
176
243
  none: string;
177
244
  thin: string;
@@ -180,16 +247,19 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
180
247
  };
181
248
  divideWidth: {
182
249
  0: string;
183
- 4: string;
184
- reverse: string;
185
250
  2: string;
251
+ reverse: string;
252
+ 4: string;
186
253
  8: string;
187
254
  };
188
- flex: {
255
+ blur: {
189
256
  none: string;
190
- initial: string;
191
- auto: string;
192
- 1: string;
257
+ sm: string;
258
+ md: string;
259
+ lg: string;
260
+ xl: string;
261
+ "2xl": string;
262
+ "3xl": string;
193
263
  };
194
264
  flexGrow: {
195
265
  0: string;
@@ -198,29 +268,12 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
198
268
  flexShrink: {
199
269
  0: string;
200
270
  };
201
- aspectRatio: {
202
- square: string;
203
- landscape: string;
204
- portrait: string;
205
- widescreen: string;
206
- ultrawide: string;
207
- golden: string;
208
- };
209
- zIndex: {
210
- 0: string;
211
- auto: string;
212
- 10: string;
213
- 20: string;
214
- 40: string;
215
- 30: string;
216
- 50: string;
217
- };
218
271
  spacing: {
219
272
  0: string;
220
- 4: string;
221
273
  1: string;
222
274
  2: string;
223
275
  px: string;
276
+ 4: string;
224
277
  8: string;
225
278
  0.5: string;
226
279
  1.5: string;
@@ -252,57 +305,62 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
252
305
  80: string;
253
306
  96: string;
254
307
  };
255
- w: {
256
- screen: string;
257
- svw: string;
258
- lvw: string;
259
- dvw: string;
260
- };
261
- outlineWidth: {
308
+ zIndex: {
262
309
  0: string;
263
- 4: string;
264
- 1: string;
265
- 2: string;
266
- 8: string;
310
+ auto: string;
311
+ 10: string;
312
+ 20: string;
313
+ 40: string;
314
+ 30: string;
315
+ 50: string;
267
316
  };
268
317
  outlineOffset: {
269
318
  0: string;
270
- 4: string;
271
319
  1: string;
272
320
  2: string;
321
+ 4: string;
273
322
  8: string;
274
323
  };
275
324
  ringWidth: {
276
325
  0: string;
277
- 4: string;
278
- inset: string;
279
326
  1: string;
327
+ inset: string;
280
328
  2: string;
329
+ 4: string;
281
330
  8: string;
282
331
  };
283
332
  ringOffsetWidth: {
284
333
  0: string;
285
- 4: string;
286
334
  1: string;
287
335
  2: string;
336
+ 4: string;
288
337
  8: string;
289
338
  };
290
- shadow: {
291
- none: string;
292
- sm: string;
293
- md: string;
294
- lg: string;
295
- xl: string;
296
- "2xl": string;
297
- "2xs": string;
298
- xs: string;
299
- inner: string;
339
+ h: {
340
+ screen: string;
341
+ svh: string;
342
+ lvh: string;
343
+ dvh: string;
344
+ };
345
+ w: {
346
+ screen: string;
347
+ svw: string;
348
+ lvw: string;
349
+ dvw: string;
300
350
  };
301
351
  strokeWidth: {
302
352
  0: string;
303
353
  1: string;
304
354
  2: string;
305
355
  };
356
+ skew: {
357
+ 0: string;
358
+ 1: string;
359
+ 2: string;
360
+ 3: string;
361
+ 6: string;
362
+ 12: string;
363
+ };
306
364
  fontFamily: {
307
365
  sans: string;
308
366
  serif: string;
@@ -310,8 +368,8 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
310
368
  };
311
369
  fontWeight: {
312
370
  normal: string;
313
- thin: string;
314
371
  bold: string;
372
+ thin: string;
315
373
  medium: string;
316
374
  extralight: string;
317
375
  light: string;
@@ -328,8 +386,8 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
328
386
  widest: string;
329
387
  };
330
388
  lineHeight: {
331
- none: string;
332
389
  normal: string;
390
+ none: string;
333
391
  tight: string;
334
392
  relaxed: string;
335
393
  };
@@ -338,82 +396,23 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
338
396
  sm: string;
339
397
  md: string;
340
398
  lg: string;
341
- "2xs": string;
342
399
  xs: string;
400
+ "2xs": string;
343
401
  };
344
- blur: {
345
- none: string;
346
- sm: string;
347
- md: string;
348
- lg: string;
349
- xl: string;
350
- "2xl": string;
351
- "3xl": string;
352
- };
353
- translate: {
402
+ outlineWidth: {
354
403
  0: string;
355
- 4: string;
356
- full: string;
357
404
  1: string;
358
405
  2: string;
359
- "1/2": string;
360
- "1/3": string;
361
- "2/3": string;
362
- "1/4": string;
363
- "3/4": string;
406
+ 4: string;
364
407
  8: string;
365
- 0.5: string;
366
- 1.5: string;
367
- 2.5: string;
368
- 3: string;
369
- 3.5: string;
370
- 5: string;
371
- 6: string;
372
- 7: string;
373
- 9: string;
374
- 10: string;
375
- 11: string;
376
- 12: string;
377
- 14: string;
378
- 16: string;
379
- 20: string;
380
- 24: string;
381
- 28: string;
382
- 32: string;
383
- 36: string;
384
- 40: string;
385
- 44: string;
386
- 48: string;
387
- 52: string;
388
- 56: string;
389
- 60: string;
390
- 64: string;
391
- 72: string;
392
- 80: string;
393
- 96: string;
394
- };
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
408
  };
410
- skew: {
411
- 0: string;
412
- 1: string;
413
- 2: string;
414
- 3: string;
415
- 6: string;
416
- 12: string;
409
+ aspectRatio: {
410
+ square: string;
411
+ landscape: string;
412
+ portrait: string;
413
+ widescreen: string;
414
+ ultrawide: string;
415
+ golden: string;
417
416
  };
418
417
  }, {}, {}, {}, GetModifierFromInput<{
419
418
  readonly colorMode: {
@@ -1,5 +1,4 @@
1
1
  //#region ../foundational-presets/dist/motion.d.ts
2
- //#region src/motion.d.ts
3
2
  interface InterpolateMarker {
4
3
  __type: 'interpolate';
5
4
  output: number[];
@@ -8,6 +7,6 @@ interface InterpolateMarker {
8
7
  declare function interpolate(config: {
9
8
  output: number[];
10
9
  extrapolate?: 'clamp' | 'extend' | 'identity';
11
- }): InterpolateMarker; //#endregion
10
+ }): InterpolateMarker;
12
11
  //#endregion
13
12
  export { InterpolateMarker, interpolate };
@@ -2,6 +2,7 @@ import * as _$react from "react";
2
2
  import * as _$_uds_types0 from "@uds/types";
3
3
 
4
4
  //#region ../remotion/dist/components/image-slide.d.ts
5
+ //#region src/components/image-slide.d.ts
5
6
  /**
6
7
  * @description Full-screen image slide with optional caption overlay
7
8
  */
@@ -14,6 +15,6 @@ declare const ImageSlide: _$react.FC<_$_uds_types0.CreateComponentProps<string,
14
15
  root: "div";
15
16
  image: "img";
16
17
  caption: "div";
17
- }>>;
18
+ }>>; //#endregion
18
19
  //#endregion
19
20
  export { ImageSlide };
@@ -5,15 +5,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
5
5
  /**
6
6
  * @description Full-screen image slide with optional caption overlay
7
7
  */
8
- const ImageSlide = createComponent(({ props, src, alt, caption, children }) => jsxs("div", {
8
+ const ImageSlide = createComponent(({ props, src, alt, caption, children }) => /* @__PURE__ */ jsxs("div", {
9
9
  ...props.root,
10
10
  children: [
11
- jsx("img", {
11
+ /* @__PURE__ */ jsx("img", {
12
12
  ...props.image,
13
13
  src,
14
14
  alt: alt ?? ""
15
15
  }),
16
- caption && jsx("div", {
16
+ caption && /* @__PURE__ */ jsx("div", {
17
17
  ...props.caption,
18
18
  children: caption
19
19
  }),
@@ -1,16 +1,16 @@
1
1
  import "./image-slide.js";
2
- import "./image-slide.config.js";
3
2
  import "./lower-third.js";
4
- import "./lower-third.config.js";
5
3
  import "./quote-card.js";
6
- import "./quote-card.config.js";
7
4
  import "./split-screen.js";
8
- import "./split-screen.config.js";
9
5
  import "./stat-card.js";
10
- import "./stat-card.config.js";
11
6
  import "./text-overlay.js";
12
- import "./text-overlay.config.js";
13
7
  import "./title-card.js";
14
- import "./title-card.config.js";
15
8
  import "./typing-text.js";
9
+ import "./image-slide.config.js";
10
+ import "./lower-third.config.js";
11
+ import "./quote-card.config.js";
12
+ import "./split-screen.config.js";
13
+ import "./stat-card.config.js";
14
+ import "./text-overlay.config.js";
15
+ import "./title-card.config.js";
16
16
  import "./typing-text.config.js";
@@ -2,6 +2,7 @@ import * as _$react from "react";
2
2
  import * as _$_uds_types0 from "@uds/types";
3
3
 
4
4
  //#region ../remotion/dist/components/lower-third.d.ts
5
+ //#region src/components/lower-third.d.ts
5
6
  /**
6
7
  * @description Lower-third overlay with title and optional subtitle
7
8
  */
@@ -15,6 +16,6 @@ declare const LowerThird: _$react.FC<_$_uds_types0.CreateComponentProps<string,
15
16
  content: "div";
16
17
  title: "div";
17
18
  subtitle: "div";
18
- }>>;
19
+ }>>; //#endregion
19
20
  //#endregion
20
21
  export { LowerThird };
@@ -5,16 +5,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
5
5
  /**
6
6
  * @description Lower-third overlay with title and optional subtitle
7
7
  */
8
- const LowerThird = createComponent(({ props, title, subtitle, children }) => jsxs("div", {
8
+ const LowerThird = createComponent(({ props, title, subtitle, children }) => /* @__PURE__ */ jsxs("div", {
9
9
  ...props.root,
10
10
  children: [
11
- jsx("div", { ...props.bar }),
12
- jsxs("div", {
11
+ /* @__PURE__ */ jsx("div", { ...props.bar }),
12
+ /* @__PURE__ */ jsxs("div", {
13
13
  ...props.content,
14
- children: [jsx("div", {
14
+ children: [/* @__PURE__ */ jsx("div", {
15
15
  ...props.title,
16
16
  children: title
17
- }), subtitle && jsx("div", {
17
+ }), subtitle && /* @__PURE__ */ jsx("div", {
18
18
  ...props.subtitle,
19
19
  children: subtitle
20
20
  })]
@@ -2,6 +2,7 @@ import * as _$react from "react";
2
2
  import * as _$_uds_types0 from "@uds/types";
3
3
 
4
4
  //#region ../remotion/dist/components/quote-card.d.ts
5
+ //#region src/components/quote-card.d.ts
5
6
  /**
6
7
  * @description Full-screen quote display with optional attribution
7
8
  */
@@ -15,6 +16,6 @@ declare const QuoteCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
15
16
  quote: "div";
16
17
  divider: "div";
17
18
  attribution: "div";
18
- }>>;
19
+ }>>; //#endregion
19
20
  //#endregion
20
21
  export { QuoteCard };
@@ -5,18 +5,18 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
5
5
  /**
6
6
  * @description Full-screen quote display with optional attribution
7
7
  */
8
- const QuoteCard = createComponent(({ props, quote, attribution, children }) => jsxs("div", {
8
+ const QuoteCard = createComponent(({ props, quote, attribution, children }) => /* @__PURE__ */ jsxs("div", {
9
9
  ...props.root,
10
10
  children: [
11
- jsx("div", {
11
+ /* @__PURE__ */ jsx("div", {
12
12
  ...props.mark,
13
13
  children: "“"
14
14
  }),
15
- jsx("div", {
15
+ /* @__PURE__ */ jsx("div", {
16
16
  ...props.quote,
17
17
  children: quote
18
18
  }),
19
- attribution && jsxs(Fragment, { children: [jsx("div", { ...props.divider }), jsx("div", {
19
+ attribution && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { ...props.divider }), /* @__PURE__ */ jsx("div", {
20
20
  ...props.attribution,
21
21
  children: attribution
22
22
  })] }),
@@ -2,6 +2,7 @@ import * as _$react from "react";
2
2
  import * as _$_uds_types0 from "@uds/types";
3
3
 
4
4
  //#region ../remotion/dist/components/split-screen.d.ts
5
+ //#region src/components/split-screen.d.ts
5
6
  /**
6
7
  * @description Side-by-side split screen layout for comparing content
7
8
  */
@@ -19,6 +20,6 @@ declare const SplitScreen: _$react.FC<_$_uds_types0.CreateComponentProps<string,
19
20
  leftBody: "div";
20
21
  rightTitle: "div";
21
22
  rightBody: "div";
22
- }>>;
23
+ }>>; //#endregion
23
24
  //#endregion
24
25
  export { SplitScreen };