@yahoo/uds 3.175.11 → 3.176.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.
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
- package/dist/components/client/Toast/Toast.cjs +2 -1
- package/dist/components/client/Toast/Toast.d.cts +1 -1
- package/dist/components/client/Toast/Toast.d.ts +1 -1
- package/dist/components/client/Toast/Toast.js +2 -1
- package/dist/components/client/Toast/ToastPortal.cjs +60 -0
- package/dist/components/client/Toast/ToastPortal.js +61 -1
- package/dist/components/client/Toast/createToast.cjs +3 -1
- package/dist/components/client/Toast/createToast.d.cts +6 -1
- package/dist/components/client/Toast/createToast.d.ts +6 -1
- package/dist/components/client/Toast/createToast.js +3 -1
- package/dist/types/dist/index.d.cts +5 -0
- package/dist/types/dist/index.d.ts +5 -0
- package/dist/uds/generated/componentData.cjs +170 -169
- package/dist/uds/generated/componentData.js +170 -169
- package/generated/componentData.json +248 -243
- package/package.json +1 -1
|
@@ -251,6 +251,73 @@ var componentData_default = {
|
|
|
251
251
|
"motionVarPrefixes": [],
|
|
252
252
|
"factoryTarget": null
|
|
253
253
|
},
|
|
254
|
+
DividerLabel: {
|
|
255
|
+
"name": "DividerLabel",
|
|
256
|
+
"defaultProps": {
|
|
257
|
+
"variant": "primary",
|
|
258
|
+
"textVariant": "inherit",
|
|
259
|
+
"color": "inherit",
|
|
260
|
+
"as": "span"
|
|
261
|
+
},
|
|
262
|
+
"getStylesLiterals": {},
|
|
263
|
+
"cxLiterals": ["inherit"],
|
|
264
|
+
"internalComponents": ["Text"],
|
|
265
|
+
"internalComponentProps": {},
|
|
266
|
+
"propToVariantKeys": {
|
|
267
|
+
"variant": ["dividerVariantLabel"],
|
|
268
|
+
"textVariant": ["variant"]
|
|
269
|
+
},
|
|
270
|
+
"runtimeConfigDefaultProps": {},
|
|
271
|
+
"runtimeConfigGetStyles": {},
|
|
272
|
+
"runtimeConfigInternalComponentProps": {},
|
|
273
|
+
"motionVarPrefixes": [],
|
|
274
|
+
"factoryTarget": null
|
|
275
|
+
},
|
|
276
|
+
Divider: {
|
|
277
|
+
"name": "Divider",
|
|
278
|
+
"defaultProps": {
|
|
279
|
+
"variant": "primary",
|
|
280
|
+
"contentPosition": "center"
|
|
281
|
+
},
|
|
282
|
+
"getStylesLiterals": {},
|
|
283
|
+
"cxLiterals": ["inherit"],
|
|
284
|
+
"internalComponents": [
|
|
285
|
+
"DividerLine",
|
|
286
|
+
"DividerLabel",
|
|
287
|
+
"InternalComponent",
|
|
288
|
+
"Box"
|
|
289
|
+
],
|
|
290
|
+
"internalComponentProps": {
|
|
291
|
+
"InternalComponent": {
|
|
292
|
+
"alignItems": ["center"],
|
|
293
|
+
"flex": ["1"]
|
|
294
|
+
},
|
|
295
|
+
"Box": {
|
|
296
|
+
"display": ["flex"],
|
|
297
|
+
"flex": ["none"]
|
|
298
|
+
}
|
|
299
|
+
},
|
|
300
|
+
"propToVariantKeys": { "variant": ["dividerVariantRoot"] },
|
|
301
|
+
"runtimeConfigDefaultProps": {},
|
|
302
|
+
"runtimeConfigGetStyles": {},
|
|
303
|
+
"runtimeConfigInternalComponentProps": {},
|
|
304
|
+
"motionVarPrefixes": [],
|
|
305
|
+
"factoryTarget": null
|
|
306
|
+
},
|
|
307
|
+
DividerLine: {
|
|
308
|
+
"name": "DividerLine",
|
|
309
|
+
"defaultProps": { "variant": "primary" },
|
|
310
|
+
"getStylesLiterals": {},
|
|
311
|
+
"cxLiterals": ["inherit"],
|
|
312
|
+
"internalComponents": ["Box"],
|
|
313
|
+
"internalComponentProps": { "Box": { "flex": ["1"] } },
|
|
314
|
+
"propToVariantKeys": { "variant": ["dividerVariantLine"] },
|
|
315
|
+
"runtimeConfigDefaultProps": {},
|
|
316
|
+
"runtimeConfigGetStyles": {},
|
|
317
|
+
"runtimeConfigInternalComponentProps": {},
|
|
318
|
+
"motionVarPrefixes": [],
|
|
319
|
+
"factoryTarget": null
|
|
320
|
+
},
|
|
254
321
|
Spinner: {
|
|
255
322
|
"name": "Spinner",
|
|
256
323
|
"defaultProps": {
|
|
@@ -322,73 +389,6 @@ var componentData_default = {
|
|
|
322
389
|
"motionVarPrefixes": [],
|
|
323
390
|
"factoryTarget": null
|
|
324
391
|
},
|
|
325
|
-
DividerLabel: {
|
|
326
|
-
"name": "DividerLabel",
|
|
327
|
-
"defaultProps": {
|
|
328
|
-
"variant": "primary",
|
|
329
|
-
"textVariant": "inherit",
|
|
330
|
-
"color": "inherit",
|
|
331
|
-
"as": "span"
|
|
332
|
-
},
|
|
333
|
-
"getStylesLiterals": {},
|
|
334
|
-
"cxLiterals": ["inherit"],
|
|
335
|
-
"internalComponents": ["Text"],
|
|
336
|
-
"internalComponentProps": {},
|
|
337
|
-
"propToVariantKeys": {
|
|
338
|
-
"variant": ["dividerVariantLabel"],
|
|
339
|
-
"textVariant": ["variant"]
|
|
340
|
-
},
|
|
341
|
-
"runtimeConfigDefaultProps": {},
|
|
342
|
-
"runtimeConfigGetStyles": {},
|
|
343
|
-
"runtimeConfigInternalComponentProps": {},
|
|
344
|
-
"motionVarPrefixes": [],
|
|
345
|
-
"factoryTarget": null
|
|
346
|
-
},
|
|
347
|
-
Divider: {
|
|
348
|
-
"name": "Divider",
|
|
349
|
-
"defaultProps": {
|
|
350
|
-
"variant": "primary",
|
|
351
|
-
"contentPosition": "center"
|
|
352
|
-
},
|
|
353
|
-
"getStylesLiterals": {},
|
|
354
|
-
"cxLiterals": ["inherit"],
|
|
355
|
-
"internalComponents": [
|
|
356
|
-
"DividerLine",
|
|
357
|
-
"DividerLabel",
|
|
358
|
-
"InternalComponent",
|
|
359
|
-
"Box"
|
|
360
|
-
],
|
|
361
|
-
"internalComponentProps": {
|
|
362
|
-
"InternalComponent": {
|
|
363
|
-
"alignItems": ["center"],
|
|
364
|
-
"flex": ["1"]
|
|
365
|
-
},
|
|
366
|
-
"Box": {
|
|
367
|
-
"display": ["flex"],
|
|
368
|
-
"flex": ["none"]
|
|
369
|
-
}
|
|
370
|
-
},
|
|
371
|
-
"propToVariantKeys": { "variant": ["dividerVariantRoot"] },
|
|
372
|
-
"runtimeConfigDefaultProps": {},
|
|
373
|
-
"runtimeConfigGetStyles": {},
|
|
374
|
-
"runtimeConfigInternalComponentProps": {},
|
|
375
|
-
"motionVarPrefixes": [],
|
|
376
|
-
"factoryTarget": null
|
|
377
|
-
},
|
|
378
|
-
DividerLine: {
|
|
379
|
-
"name": "DividerLine",
|
|
380
|
-
"defaultProps": { "variant": "primary" },
|
|
381
|
-
"getStylesLiterals": {},
|
|
382
|
-
"cxLiterals": ["inherit"],
|
|
383
|
-
"internalComponents": ["Box"],
|
|
384
|
-
"internalComponentProps": { "Box": { "flex": ["1"] } },
|
|
385
|
-
"propToVariantKeys": { "variant": ["dividerVariantLine"] },
|
|
386
|
-
"runtimeConfigDefaultProps": {},
|
|
387
|
-
"runtimeConfigGetStyles": {},
|
|
388
|
-
"runtimeConfigInternalComponentProps": {},
|
|
389
|
-
"motionVarPrefixes": [],
|
|
390
|
-
"factoryTarget": null
|
|
391
|
-
},
|
|
392
392
|
Pressable: {
|
|
393
393
|
"name": "Pressable",
|
|
394
394
|
"defaultProps": {},
|
|
@@ -3374,6 +3374,106 @@ var componentData_default = {
|
|
|
3374
3374
|
"motionVarPrefixes": [],
|
|
3375
3375
|
"factoryTarget": null
|
|
3376
3376
|
},
|
|
3377
|
+
Checkbox: {
|
|
3378
|
+
"name": "Checkbox",
|
|
3379
|
+
"defaultProps": {},
|
|
3380
|
+
"getStylesLiterals": {},
|
|
3381
|
+
"cxLiterals": [
|
|
3382
|
+
"opacity-0",
|
|
3383
|
+
"opacity-55",
|
|
3384
|
+
"opacity-100",
|
|
3385
|
+
"uds-ring",
|
|
3386
|
+
"uds-ring-within",
|
|
3387
|
+
"transition-[background-color,border-color,box-shadow]",
|
|
3388
|
+
"pointer-events-none",
|
|
3389
|
+
"transition-opacity",
|
|
3390
|
+
"group",
|
|
3391
|
+
"group-hover:scale-110",
|
|
3392
|
+
"group-active:scale-90",
|
|
3393
|
+
"transition-[background-color,border-color,box-shadow,transform]",
|
|
3394
|
+
"group-active:opacity-55"
|
|
3395
|
+
],
|
|
3396
|
+
"internalComponents": [
|
|
3397
|
+
"CheckboxBase",
|
|
3398
|
+
"Icon",
|
|
3399
|
+
"SpringMotionConfig",
|
|
3400
|
+
"RootElement",
|
|
3401
|
+
"MotionBox",
|
|
3402
|
+
"Box",
|
|
3403
|
+
"CheckboxProps"
|
|
3404
|
+
],
|
|
3405
|
+
"internalComponentProps": {
|
|
3406
|
+
"Icon": { "size": ["sm"] },
|
|
3407
|
+
"RootElement": { "data-testid": ["container"] },
|
|
3408
|
+
"MotionBox": {
|
|
3409
|
+
"position": ["relative"],
|
|
3410
|
+
"alignItems": ["center"],
|
|
3411
|
+
"justifyContent": ["center"],
|
|
3412
|
+
"flex": ["none"]
|
|
3413
|
+
},
|
|
3414
|
+
"Box": {
|
|
3415
|
+
"position": ["relative"],
|
|
3416
|
+
"alignItems": ["center"],
|
|
3417
|
+
"justifyContent": ["center"],
|
|
3418
|
+
"flex": ["none"]
|
|
3419
|
+
}
|
|
3420
|
+
},
|
|
3421
|
+
"propToVariantKeys": {
|
|
3422
|
+
"size": ["checkboxSizeCheckbox"],
|
|
3423
|
+
"variant": ["checkboxVariantCheckbox", "checkboxVariantCheckboxIcon"],
|
|
3424
|
+
"valueState": ["checkboxVariantValueCheckbox", "checkboxVariantValueCheckboxIcon"],
|
|
3425
|
+
"reduceMotion": ["reducedMotion"]
|
|
3426
|
+
},
|
|
3427
|
+
"runtimeConfigDefaultProps": {},
|
|
3428
|
+
"runtimeConfigGetStyles": {},
|
|
3429
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3430
|
+
"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
|
|
3431
|
+
"factoryTarget": null
|
|
3432
|
+
},
|
|
3433
|
+
CheckboxBase: {
|
|
3434
|
+
"name": "CheckboxBase",
|
|
3435
|
+
"defaultProps": {
|
|
3436
|
+
"labelPosition": "start",
|
|
3437
|
+
"variant": "primary",
|
|
3438
|
+
"size": "md"
|
|
3439
|
+
},
|
|
3440
|
+
"getStylesLiterals": {
|
|
3441
|
+
"display": "flex",
|
|
3442
|
+
"flexDirection": "row",
|
|
3443
|
+
"flexDirection:1": "row-reverse",
|
|
3444
|
+
"alignItems": "center"
|
|
3445
|
+
},
|
|
3446
|
+
"cxLiterals": [
|
|
3447
|
+
"cursor-pointer",
|
|
3448
|
+
"cursor-default",
|
|
3449
|
+
"opacity-50",
|
|
3450
|
+
"cursor-[inherit]",
|
|
3451
|
+
"absolute",
|
|
3452
|
+
"opacity-0",
|
|
3453
|
+
"top-[-1px]",
|
|
3454
|
+
"left-[-1px]",
|
|
3455
|
+
"w-[calc(100%+2px)]",
|
|
3456
|
+
"h-[calc(100%+2px)]",
|
|
3457
|
+
"text-start",
|
|
3458
|
+
"text-end"
|
|
3459
|
+
],
|
|
3460
|
+
"internalComponents": ["FormLabel"],
|
|
3461
|
+
"internalComponentProps": { "FormLabel": {
|
|
3462
|
+
"as": ["div"],
|
|
3463
|
+
"variant": ["inherit"],
|
|
3464
|
+
"color": ["inherit"]
|
|
3465
|
+
} },
|
|
3466
|
+
"propToVariantKeys": {
|
|
3467
|
+
"size": ["checkboxSizeRoot"],
|
|
3468
|
+
"variant": ["checkboxVariantRoot"],
|
|
3469
|
+
"valueState": ["checkboxVariantValueRoot"]
|
|
3470
|
+
},
|
|
3471
|
+
"runtimeConfigDefaultProps": {},
|
|
3472
|
+
"runtimeConfigGetStyles": {},
|
|
3473
|
+
"runtimeConfigInternalComponentProps": {},
|
|
3474
|
+
"motionVarPrefixes": [],
|
|
3475
|
+
"factoryTarget": null
|
|
3476
|
+
},
|
|
3377
3477
|
"Menu.Content": {
|
|
3378
3478
|
"name": "Menu.Content",
|
|
3379
3479
|
"defaultProps": {
|
|
@@ -3618,106 +3718,6 @@ var componentData_default = {
|
|
|
3618
3718
|
"motionVarPrefixes": [],
|
|
3619
3719
|
"factoryTarget": null
|
|
3620
3720
|
},
|
|
3621
|
-
Checkbox: {
|
|
3622
|
-
"name": "Checkbox",
|
|
3623
|
-
"defaultProps": {},
|
|
3624
|
-
"getStylesLiterals": {},
|
|
3625
|
-
"cxLiterals": [
|
|
3626
|
-
"opacity-0",
|
|
3627
|
-
"opacity-55",
|
|
3628
|
-
"opacity-100",
|
|
3629
|
-
"uds-ring",
|
|
3630
|
-
"uds-ring-within",
|
|
3631
|
-
"transition-[background-color,border-color,box-shadow]",
|
|
3632
|
-
"pointer-events-none",
|
|
3633
|
-
"transition-opacity",
|
|
3634
|
-
"group",
|
|
3635
|
-
"group-hover:scale-110",
|
|
3636
|
-
"group-active:scale-90",
|
|
3637
|
-
"transition-[background-color,border-color,box-shadow,transform]",
|
|
3638
|
-
"group-active:opacity-55"
|
|
3639
|
-
],
|
|
3640
|
-
"internalComponents": [
|
|
3641
|
-
"CheckboxBase",
|
|
3642
|
-
"Icon",
|
|
3643
|
-
"SpringMotionConfig",
|
|
3644
|
-
"RootElement",
|
|
3645
|
-
"MotionBox",
|
|
3646
|
-
"Box",
|
|
3647
|
-
"CheckboxProps"
|
|
3648
|
-
],
|
|
3649
|
-
"internalComponentProps": {
|
|
3650
|
-
"Icon": { "size": ["sm"] },
|
|
3651
|
-
"RootElement": { "data-testid": ["container"] },
|
|
3652
|
-
"MotionBox": {
|
|
3653
|
-
"position": ["relative"],
|
|
3654
|
-
"alignItems": ["center"],
|
|
3655
|
-
"justifyContent": ["center"],
|
|
3656
|
-
"flex": ["none"]
|
|
3657
|
-
},
|
|
3658
|
-
"Box": {
|
|
3659
|
-
"position": ["relative"],
|
|
3660
|
-
"alignItems": ["center"],
|
|
3661
|
-
"justifyContent": ["center"],
|
|
3662
|
-
"flex": ["none"]
|
|
3663
|
-
}
|
|
3664
|
-
},
|
|
3665
|
-
"propToVariantKeys": {
|
|
3666
|
-
"size": ["checkboxSizeCheckbox"],
|
|
3667
|
-
"variant": ["checkboxVariantCheckbox", "checkboxVariantCheckboxIcon"],
|
|
3668
|
-
"valueState": ["checkboxVariantValueCheckbox", "checkboxVariantValueCheckboxIcon"],
|
|
3669
|
-
"reduceMotion": ["reducedMotion"]
|
|
3670
|
-
},
|
|
3671
|
-
"runtimeConfigDefaultProps": {},
|
|
3672
|
-
"runtimeConfigGetStyles": {},
|
|
3673
|
-
"runtimeConfigInternalComponentProps": {},
|
|
3674
|
-
"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"],
|
|
3675
|
-
"factoryTarget": null
|
|
3676
|
-
},
|
|
3677
|
-
CheckboxBase: {
|
|
3678
|
-
"name": "CheckboxBase",
|
|
3679
|
-
"defaultProps": {
|
|
3680
|
-
"labelPosition": "start",
|
|
3681
|
-
"variant": "primary",
|
|
3682
|
-
"size": "md"
|
|
3683
|
-
},
|
|
3684
|
-
"getStylesLiterals": {
|
|
3685
|
-
"display": "flex",
|
|
3686
|
-
"flexDirection": "row",
|
|
3687
|
-
"flexDirection:1": "row-reverse",
|
|
3688
|
-
"alignItems": "center"
|
|
3689
|
-
},
|
|
3690
|
-
"cxLiterals": [
|
|
3691
|
-
"cursor-pointer",
|
|
3692
|
-
"cursor-default",
|
|
3693
|
-
"opacity-50",
|
|
3694
|
-
"cursor-[inherit]",
|
|
3695
|
-
"absolute",
|
|
3696
|
-
"opacity-0",
|
|
3697
|
-
"top-[-1px]",
|
|
3698
|
-
"left-[-1px]",
|
|
3699
|
-
"w-[calc(100%+2px)]",
|
|
3700
|
-
"h-[calc(100%+2px)]",
|
|
3701
|
-
"text-start",
|
|
3702
|
-
"text-end"
|
|
3703
|
-
],
|
|
3704
|
-
"internalComponents": ["FormLabel"],
|
|
3705
|
-
"internalComponentProps": { "FormLabel": {
|
|
3706
|
-
"as": ["div"],
|
|
3707
|
-
"variant": ["inherit"],
|
|
3708
|
-
"color": ["inherit"]
|
|
3709
|
-
} },
|
|
3710
|
-
"propToVariantKeys": {
|
|
3711
|
-
"size": ["checkboxSizeRoot"],
|
|
3712
|
-
"variant": ["checkboxVariantRoot"],
|
|
3713
|
-
"valueState": ["checkboxVariantValueRoot"]
|
|
3714
|
-
},
|
|
3715
|
-
"runtimeConfigDefaultProps": {},
|
|
3716
|
-
"runtimeConfigGetStyles": {},
|
|
3717
|
-
"runtimeConfigInternalComponentProps": {},
|
|
3718
|
-
"motionVarPrefixes": [],
|
|
3719
|
-
"factoryTarget": null
|
|
3720
|
-
},
|
|
3721
3721
|
createToast: {
|
|
3722
3722
|
"name": "createToast",
|
|
3723
3723
|
"defaultProps": {},
|
|
@@ -3741,7 +3741,7 @@ var componentData_default = {
|
|
|
3741
3741
|
},
|
|
3742
3742
|
Toast: {
|
|
3743
3743
|
"name": "Toast",
|
|
3744
|
-
"defaultProps": {},
|
|
3744
|
+
"defaultProps": { "closeAriaLabel": "Close" },
|
|
3745
3745
|
"getStylesLiterals": {
|
|
3746
3746
|
"className": "animate-spin",
|
|
3747
3747
|
"className:1": "flex-none",
|
|
@@ -3778,7 +3778,8 @@ var componentData_default = {
|
|
|
3778
3778
|
"toastVariantCloseIcon"
|
|
3779
3779
|
],
|
|
3780
3780
|
"closeIcon": ["icon"],
|
|
3781
|
-
"onClickActionButton": ["onClick"]
|
|
3781
|
+
"onClickActionButton": ["onClick"],
|
|
3782
|
+
"closeAriaLabel": ["aria-label"]
|
|
3782
3783
|
},
|
|
3783
3784
|
"runtimeConfigDefaultProps": {
|
|
3784
3785
|
"size": "toast.defaultSize",
|