@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.
@@ -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",