@yahoo/uds 3.169.1 → 3.171.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 (67) hide show
  1. package/dist/automated-config/dist/generated/autoVariantTemplates.cjs +218 -0
  2. package/dist/automated-config/dist/generated/autoVariantTemplates.js +218 -0
  3. package/dist/components/IconSlot.cjs +1 -1
  4. package/dist/components/IconSlot.js +1 -1
  5. package/dist/components/client/Button/Button.cjs +1 -1
  6. package/dist/components/client/Button/Button.js +1 -1
  7. package/dist/components/client/IconButton/IconButton.cjs +1 -1
  8. package/dist/components/client/IconButton/IconButton.js +1 -1
  9. package/dist/components/client/Menu/Menu.Content.cjs +1 -1
  10. package/dist/components/client/Menu/Menu.Content.d.cts +6 -0
  11. package/dist/components/client/Menu/Menu.Content.d.ts +6 -0
  12. package/dist/components/client/Menu/Menu.Content.js +1 -1
  13. package/dist/components/client/Modal/Modal.cjs +5 -5
  14. package/dist/components/client/Modal/Modal.d.cts +1 -0
  15. package/dist/components/client/Modal/Modal.d.ts +1 -0
  16. package/dist/components/client/Modal/Modal.js +6 -6
  17. package/dist/components/client/Popover/Popover.cjs +3 -2
  18. package/dist/components/client/Popover/Popover.d.cts +2 -1
  19. package/dist/components/client/Popover/Popover.d.ts +2 -1
  20. package/dist/components/client/Popover/Popover.js +3 -2
  21. package/dist/components/client/Popover/PopoverContent.cjs +2 -1
  22. package/dist/components/client/Popover/PopoverContent.js +2 -1
  23. package/dist/components/client/Popover/PopoverContext.d.cts +1 -0
  24. package/dist/components/client/Popover/PopoverContext.d.ts +1 -0
  25. package/dist/components/client/Popover/PopoverTrigger.cjs +9 -2
  26. package/dist/components/client/Popover/PopoverTrigger.js +10 -3
  27. package/dist/components/client/Tooltip/Tooltip.cjs +6 -2
  28. package/dist/components/client/Tooltip/Tooltip.d.cts +5 -1
  29. package/dist/components/client/Tooltip/Tooltip.d.ts +5 -1
  30. package/dist/components/client/Tooltip/Tooltip.js +6 -2
  31. package/dist/components/client/Tooltip/TooltipContent.cjs +3 -2
  32. package/dist/components/client/Tooltip/TooltipContent.js +3 -2
  33. package/dist/components/client/Tooltip/tooltipContext.d.cts +2 -0
  34. package/dist/components/client/Tooltip/tooltipContext.d.ts +2 -0
  35. package/dist/index.cjs +3 -3
  36. package/dist/index.js +3 -3
  37. package/dist/styles/styleVariantTemplates.cjs +146 -0
  38. package/dist/styles/styleVariantTemplates.d.cts +161 -0
  39. package/dist/styles/styleVariantTemplates.d.ts +161 -0
  40. package/dist/styles/styleVariantTemplates.js +145 -0
  41. package/dist/styles/styler.cjs +27 -32
  42. package/dist/styles/styler.d.cts +13 -289
  43. package/dist/styles/styler.d.ts +13 -289
  44. package/dist/styles/styler.js +27 -32
  45. package/dist/styles/stylerTypes.d.cts +1 -1
  46. package/dist/styles/stylerTypes.d.ts +1 -1
  47. package/dist/styles/udsTailwindMerge.cjs +522 -0
  48. package/dist/styles/udsTailwindMerge.d.cts +7 -0
  49. package/dist/styles/udsTailwindMerge.d.ts +7 -0
  50. package/dist/styles/udsTailwindMerge.js +520 -0
  51. package/dist/styles/variantClass.cjs +31 -0
  52. package/dist/styles/variantClass.d.cts +12 -0
  53. package/dist/styles/variantClass.d.ts +12 -0
  54. package/dist/styles/variantClass.js +30 -0
  55. package/dist/styles/variants.cjs +3 -2
  56. package/dist/styles/variants.js +1 -1
  57. package/dist/tokens/index.cjs +1 -1
  58. package/dist/tokens/index.js +1 -1
  59. package/dist/types/dist/index.d.cts +12 -0
  60. package/dist/types/dist/index.d.ts +12 -0
  61. package/dist/uds/generated/componentData.cjs +376 -376
  62. package/dist/uds/generated/componentData.js +376 -376
  63. package/dist/uds/generated/tailwindPurge.cjs +79 -79
  64. package/dist/uds/generated/tailwindPurge.js +79 -79
  65. package/generated/componentData.json +507 -507
  66. package/generated/tailwindPurge.ts +1 -1
  67. package/package.json +1 -1
@@ -3111,213 +3111,6 @@
3111
3111
  "runtimeConfigInternalComponentProps": {},
3112
3112
  "motionVarPrefixes": []
3113
3113
  },
3114
- "InputHelpTextInternal": {
3115
- "name": "InputHelpTextInternal",
3116
- "defaultProps": {},
3117
- "getStylesLiterals": {
3118
- "inputVariantHelperText": "default",
3119
- "inputVariantValueHelperText": "empty",
3120
- "inputVariantValueHelperText:1": "filled",
3121
- "inputVariantHelperIcon": "default",
3122
- "inputVariantValueHelperIcon": "empty",
3123
- "inputVariantValueHelperIcon:1": "filled"
3124
- },
3125
- "cxLiterals": [],
3126
- "internalComponents": [
3127
- "IconSlot",
3128
- "HStack"
3129
- ],
3130
- "internalComponentProps": {
3131
- "HStack": {
3132
- "gap": [
3133
- "1"
3134
- ],
3135
- "alignItems": [
3136
- "center"
3137
- ]
3138
- }
3139
- },
3140
- "propToVariantKeys": {
3141
- "size": [
3142
- "inputSizeHelperText",
3143
- "inputSizeHelperIcon"
3144
- ],
3145
- "startIcon": [
3146
- "icon"
3147
- ],
3148
- "endIcon": [
3149
- "icon"
3150
- ]
3151
- },
3152
- "runtimeConfigDefaultProps": {
3153
- "size": "input.defaultSize"
3154
- },
3155
- "runtimeConfigGetStyles": {},
3156
- "runtimeConfigInternalComponentProps": {},
3157
- "motionVarPrefixes": []
3158
- },
3159
- "Input": {
3160
- "name": "Input",
3161
- "defaultProps": {
3162
- "type": "text",
3163
- "size": "md",
3164
- "width": "full"
3165
- },
3166
- "getStylesLiterals": {
3167
- "inputVariantRoot": "default",
3168
- "inputVariantValueRoot": "empty",
3169
- "inputVariantValueRoot:1": "filled",
3170
- "inputVariantInputWrapper": "default",
3171
- "inputVariantValueInputWrapper": "empty",
3172
- "inputVariantValueInputWrapper:1": "filled",
3173
- "inputVariantInput": "default",
3174
- "inputVariantValueInput": "empty",
3175
- "inputVariantValueInput:1": "filled",
3176
- "inputVariantInputPlaceholder": "default",
3177
- "inputVariantValueInputPlaceholder": "empty",
3178
- "inputVariantValueInputPlaceholder:1": "filled",
3179
- "inputVariantLabel": "default",
3180
- "inputVariantValueLabel": "empty",
3181
- "inputVariantValueLabel:1": "filled",
3182
- "inputVariantLabelRequired": "default",
3183
- "inputVariantValueLabelRequired": "empty",
3184
- "inputVariantValueLabelRequired:1": "filled",
3185
- "inputVariantStartIcon": "default",
3186
- "inputVariantValueStartIcon": "empty",
3187
- "inputVariantValueStartIcon:1": "filled",
3188
- "inputVariantEndIcon": "default",
3189
- "inputVariantValueEndIcon": "empty",
3190
- "inputVariantValueEndIcon:1": "filled"
3191
- },
3192
- "cxLiterals": [
3193
- "opacity-50",
3194
- "min-w-[200px]",
3195
- "uds-ring-shadow",
3196
- "uds-ring-within",
3197
- "grow",
3198
- "uds-hit-target",
3199
- "bg-transparent",
3200
- "bg-clip-text",
3201
- "focus-visible:outline-none",
3202
- "cursor-text",
3203
- "cursor-not-allowed"
3204
- ],
3205
- "internalComponents": [
3206
- "IconSlot",
3207
- "StartIcon",
3208
- "EndIcon",
3209
- "HelpTextContent",
3210
- "Box",
3211
- "InputHelpTextInternal",
3212
- "VStack",
3213
- "HStack",
3214
- "AnimateHeightChange"
3215
- ],
3216
- "internalComponentProps": {
3217
- "HelpTextContent": {
3218
- "spacingTop": [
3219
- "2"
3220
- ]
3221
- },
3222
- "Box": {
3223
- "spacingBottom": [
3224
- "2"
3225
- ],
3226
- "columnGap": [
3227
- "0.5"
3228
- ],
3229
- "alignItems": [
3230
- "flex-end",
3231
- "center"
3232
- ],
3233
- "position": [
3234
- "relative"
3235
- ]
3236
- },
3237
- "HStack": {
3238
- "alignItems": [
3239
- "center"
3240
- ],
3241
- "gap": [
3242
- "1"
3243
- ]
3244
- }
3245
- },
3246
- "propToVariantKeys": {
3247
- "size": [
3248
- "inputSizeRoot",
3249
- "inputSizeInputWrapperStatic",
3250
- "inputSizeInputWrapperDynamic",
3251
- "inputSizeInput",
3252
- "inputSizeLabel",
3253
- "inputSizeStartIcon",
3254
- "inputSizeEndIcon"
3255
- ],
3256
- "startIcon": [
3257
- "icon"
3258
- ],
3259
- "endIcon": [
3260
- "icon"
3261
- ],
3262
- "slotProps": [
3263
- "helperTextSlotProps"
3264
- ],
3265
- "helperTextIcon": [
3266
- "startIcon"
3267
- ]
3268
- },
3269
- "runtimeConfigDefaultProps": {
3270
- "size": "input.defaultSize"
3271
- },
3272
- "runtimeConfigGetStyles": {},
3273
- "runtimeConfigInternalComponentProps": {},
3274
- "motionVarPrefixes": []
3275
- },
3276
- "UDSInputConfigProvider": {
3277
- "name": "UDSInputConfigProvider",
3278
- "defaultProps": {},
3279
- "getStylesLiterals": {},
3280
- "cxLiterals": [],
3281
- "internalComponents": [],
3282
- "internalComponentProps": {},
3283
- "propToVariantKeys": {},
3284
- "runtimeConfigDefaultProps": {},
3285
- "runtimeConfigGetStyles": {},
3286
- "runtimeConfigInternalComponentProps": {},
3287
- "motionVarPrefixes": []
3288
- },
3289
- "InputHelpText": {
3290
- "name": "InputHelpText",
3291
- "defaultProps": {
3292
- "size": "md"
3293
- },
3294
- "getStylesLiterals": {
3295
- "inputVariantRoot": "default",
3296
- "inputVariantValueRoot": "empty",
3297
- "inputVariantValueRoot:1": "filled"
3298
- },
3299
- "cxLiterals": [],
3300
- "internalComponents": [
3301
- "InputHelpTextInternal",
3302
- "Box"
3303
- ],
3304
- "internalComponentProps": {
3305
- "Box": {
3306
- "spacingTop": [
3307
- "2"
3308
- ]
3309
- }
3310
- },
3311
- "propToVariantKeys": {
3312
- "size": [
3313
- "inputSizeRoot"
3314
- ]
3315
- },
3316
- "runtimeConfigDefaultProps": {},
3317
- "runtimeConfigGetStyles": {},
3318
- "runtimeConfigInternalComponentProps": {},
3319
- "motionVarPrefixes": []
3320
- },
3321
3114
  "SwitchBase": {
3322
3115
  "name": "SwitchBase",
3323
3116
  "defaultProps": {
@@ -3457,71 +3250,108 @@
3457
3250
  "--uds-motion-smooth-3-"
3458
3251
  ]
3459
3252
  },
3460
- "AvatarIcon": {
3461
- "name": "AvatarIcon",
3253
+ "ChipBase": {
3254
+ "name": "ChipBase",
3462
3255
  "defaultProps": {
3463
3256
  "size": "md",
3464
- "variant": "primary"
3257
+ "as": "div"
3465
3258
  },
3466
3259
  "getStylesLiterals": {},
3467
3260
  "cxLiterals": [
3468
- "overflow-hidden",
3469
- "w-full",
3470
- "h-full",
3471
- "shrink-0",
3472
- "text-center",
3261
+ "pointer-events-none",
3262
+ "cursor-default",
3263
+ "opacity-50",
3473
3264
  "inline-flex",
3474
- "justify-center",
3475
- "items-center"
3265
+ "items-center",
3266
+ "transition-[background-color,outline-color,box-shadow]",
3267
+ "truncate",
3268
+ "whitespace-nowrap",
3269
+ "text-center",
3270
+ "flex-1",
3271
+ "md",
3272
+ "primary"
3476
3273
  ],
3477
3274
  "internalComponents": [
3478
3275
  "IconSlot",
3479
- "Box"
3276
+ "HStack",
3277
+ "As",
3278
+ "Text"
3480
3279
  ],
3481
- "internalComponentProps": {},
3280
+ "internalComponentProps": {
3281
+ "Text": {
3282
+ "as": [
3283
+ "span"
3284
+ ],
3285
+ "color": [
3286
+ "current"
3287
+ ],
3288
+ "variant": [
3289
+ "inherit"
3290
+ ]
3291
+ }
3292
+ },
3482
3293
  "propToVariantKeys": {
3483
3294
  "size": [
3484
- "avatarSizeIcon"
3485
- ]
3486
- },
3487
- "runtimeConfigDefaultProps": {
3488
- "size": "avatar.defaultSize"
3489
- },
3490
- "runtimeConfigGetStyles": {},
3295
+ "chipSizeRoot",
3296
+ "chipSizeIcon"
3297
+ ],
3298
+ "startIcon": [
3299
+ "icon"
3300
+ ],
3301
+ "endIcon": [
3302
+ "icon"
3303
+ ]
3304
+ },
3305
+ "runtimeConfigDefaultProps": {
3306
+ "size": "chip.defaultSize"
3307
+ },
3308
+ "runtimeConfigGetStyles": {},
3491
3309
  "runtimeConfigInternalComponentProps": {},
3492
3310
  "motionVarPrefixes": []
3493
3311
  },
3494
- "AvatarImage": {
3495
- "name": "AvatarImage",
3312
+ "Chip": {
3313
+ "name": "Chip",
3314
+ "defaultProps": {},
3315
+ "getStylesLiterals": {},
3316
+ "cxLiterals": [],
3317
+ "internalComponents": [
3318
+ "ChipDismissible",
3319
+ "ChipToggle",
3320
+ "ChipLink",
3321
+ "ChipButton"
3322
+ ],
3323
+ "internalComponentProps": {},
3324
+ "propToVariantKeys": {},
3325
+ "runtimeConfigDefaultProps": {},
3326
+ "runtimeConfigGetStyles": {},
3327
+ "runtimeConfigInternalComponentProps": {},
3328
+ "motionVarPrefixes": []
3329
+ },
3330
+ "ChipDismissible": {
3331
+ "name": "ChipDismissible",
3496
3332
  "defaultProps": {
3497
- "size": "md",
3498
3333
  "variant": "primary"
3499
3334
  },
3500
3335
  "getStylesLiterals": {},
3501
3336
  "cxLiterals": [
3502
- "overflow-hidden",
3503
- "w-full",
3504
- "h-full",
3505
- "shrink-0",
3506
- "text-center",
3507
- "inline-flex",
3508
- "justify-center",
3509
- "items-center",
3510
- "object-cover"
3337
+ "uds-chip-dismissible-button",
3338
+ "uds-hit-target",
3339
+ "uds-ring",
3340
+ "rounded-full"
3511
3341
  ],
3512
3342
  "internalComponents": [
3513
- "UDSImage",
3514
- "AvatarText",
3515
- "AvatarIcon",
3516
- "Box"
3343
+ "ChipBase",
3344
+ "IconSlot",
3345
+ "Pressable"
3517
3346
  ],
3518
3347
  "internalComponentProps": {},
3519
3348
  "propToVariantKeys": {
3520
- "alt": [
3521
- "name"
3349
+ "variant": [
3350
+ "chipDismissibleVariantRoot",
3351
+ "chipDismissibleVariantIcon"
3522
3352
  ],
3523
- "fallback": [
3524
- "initials"
3353
+ "dismissButtonAriaLabel": [
3354
+ "aria-label"
3525
3355
  ]
3526
3356
  },
3527
3357
  "runtimeConfigDefaultProps": {},
@@ -3529,142 +3359,281 @@
3529
3359
  "runtimeConfigInternalComponentProps": {},
3530
3360
  "motionVarPrefixes": []
3531
3361
  },
3532
- "AvatarText": {
3533
- "name": "AvatarText",
3362
+ "UDSChipConfigProvider": {
3363
+ "name": "UDSChipConfigProvider",
3364
+ "defaultProps": {},
3365
+ "getStylesLiterals": {},
3366
+ "cxLiterals": [],
3367
+ "internalComponents": [],
3368
+ "internalComponentProps": {},
3369
+ "propToVariantKeys": {},
3370
+ "runtimeConfigDefaultProps": {},
3371
+ "runtimeConfigGetStyles": {},
3372
+ "runtimeConfigInternalComponentProps": {},
3373
+ "motionVarPrefixes": []
3374
+ },
3375
+ "ChipLink": {
3376
+ "name": "ChipLink",
3534
3377
  "defaultProps": {
3535
- "size": "md",
3536
3378
  "variant": "primary"
3537
3379
  },
3538
3380
  "getStylesLiterals": {},
3539
3381
  "cxLiterals": [
3540
- "overflow-hidden",
3541
- "truncate",
3542
- "w-full",
3543
- "h-full",
3544
- "shrink-0",
3545
- "text-center",
3546
- "inline-flex",
3547
- "justify-center",
3548
- "items-center"
3382
+ "uds-ring"
3549
3383
  ],
3550
3384
  "internalComponents": [
3551
- "Box",
3552
- "Text"
3385
+ "ChipBase"
3553
3386
  ],
3554
3387
  "internalComponentProps": {
3555
- "Text": {
3556
- "color": [
3557
- "inherit"
3558
- ],
3559
- "variant": [
3560
- "inherit"
3388
+ "ChipBase": {
3389
+ "as": [
3390
+ "a"
3561
3391
  ]
3562
3392
  }
3563
3393
  },
3564
- "propToVariantKeys": {},
3394
+ "propToVariantKeys": {
3395
+ "variant": [
3396
+ "chipLinkVariantRoot",
3397
+ "chipLinkVariantIcon"
3398
+ ]
3399
+ },
3565
3400
  "runtimeConfigDefaultProps": {},
3566
3401
  "runtimeConfigGetStyles": {},
3567
3402
  "runtimeConfigInternalComponentProps": {},
3568
3403
  "motionVarPrefixes": []
3569
3404
  },
3570
- "Avatar": {
3571
- "name": "Avatar",
3572
- "defaultProps": {},
3405
+ "ChipButton": {
3406
+ "name": "ChipButton",
3407
+ "defaultProps": {
3408
+ "variant": "primary"
3409
+ },
3573
3410
  "getStylesLiterals": {},
3574
- "cxLiterals": [],
3411
+ "cxLiterals": [
3412
+ "uds-ring"
3413
+ ],
3575
3414
  "internalComponents": [
3576
- "AvatarImage"
3415
+ "ChipBase"
3577
3416
  ],
3578
- "internalComponentProps": {},
3579
- "propToVariantKeys": {},
3417
+ "internalComponentProps": {
3418
+ "ChipBase": {
3419
+ "as": [
3420
+ "button"
3421
+ ]
3422
+ }
3423
+ },
3424
+ "propToVariantKeys": {
3425
+ "variant": [
3426
+ "chipLinkVariantRoot",
3427
+ "chipLinkVariantIcon"
3428
+ ]
3429
+ },
3580
3430
  "runtimeConfigDefaultProps": {},
3581
3431
  "runtimeConfigGetStyles": {},
3582
3432
  "runtimeConfigInternalComponentProps": {},
3583
3433
  "motionVarPrefixes": []
3584
3434
  },
3585
- "UDSAvatarConfigProvider": {
3586
- "name": "UDSAvatarConfigProvider",
3435
+ "ChipToggle": {
3436
+ "name": "ChipToggle",
3437
+ "defaultProps": {
3438
+ "variant": "primary",
3439
+ "role": "checkbox"
3440
+ },
3441
+ "getStylesLiterals": {
3442
+ "chipToggleVariantActiveRoot": "on",
3443
+ "chipToggleVariantActiveRoot:1": "off"
3444
+ },
3445
+ "cxLiterals": [
3446
+ "uds-ring"
3447
+ ],
3448
+ "internalComponents": [
3449
+ "ChipBase"
3450
+ ],
3451
+ "internalComponentProps": {
3452
+ "ChipBase": {
3453
+ "as": [
3454
+ "button"
3455
+ ]
3456
+ }
3457
+ },
3458
+ "propToVariantKeys": {
3459
+ "variant": [
3460
+ "chipToggleVariantRoot",
3461
+ "chipToggleVariantIcon"
3462
+ ]
3463
+ },
3464
+ "runtimeConfigDefaultProps": {},
3465
+ "runtimeConfigGetStyles": {},
3466
+ "runtimeConfigInternalComponentProps": {},
3467
+ "motionVarPrefixes": []
3468
+ },
3469
+ "InputHelpTextInternal": {
3470
+ "name": "InputHelpTextInternal",
3587
3471
  "defaultProps": {},
3588
- "getStylesLiterals": {},
3472
+ "getStylesLiterals": {
3473
+ "inputVariantHelperText": "default",
3474
+ "inputVariantValueHelperText": "empty",
3475
+ "inputVariantValueHelperText:1": "filled",
3476
+ "inputVariantHelperIcon": "default",
3477
+ "inputVariantValueHelperIcon": "empty",
3478
+ "inputVariantValueHelperIcon:1": "filled"
3479
+ },
3589
3480
  "cxLiterals": [],
3590
- "internalComponents": [],
3591
- "internalComponentProps": {},
3592
- "propToVariantKeys": {},
3593
- "runtimeConfigDefaultProps": {},
3481
+ "internalComponents": [
3482
+ "IconSlot",
3483
+ "HStack"
3484
+ ],
3485
+ "internalComponentProps": {
3486
+ "HStack": {
3487
+ "gap": [
3488
+ "1"
3489
+ ],
3490
+ "alignItems": [
3491
+ "center"
3492
+ ]
3493
+ }
3494
+ },
3495
+ "propToVariantKeys": {
3496
+ "size": [
3497
+ "inputSizeHelperText",
3498
+ "inputSizeHelperIcon"
3499
+ ],
3500
+ "startIcon": [
3501
+ "icon"
3502
+ ],
3503
+ "endIcon": [
3504
+ "icon"
3505
+ ]
3506
+ },
3507
+ "runtimeConfigDefaultProps": {
3508
+ "size": "input.defaultSize"
3509
+ },
3594
3510
  "runtimeConfigGetStyles": {},
3595
3511
  "runtimeConfigInternalComponentProps": {},
3596
3512
  "motionVarPrefixes": []
3597
3513
  },
3598
- "ChipBase": {
3599
- "name": "ChipBase",
3514
+ "Input": {
3515
+ "name": "Input",
3600
3516
  "defaultProps": {
3517
+ "type": "text",
3601
3518
  "size": "md",
3602
- "as": "div"
3519
+ "width": "full"
3520
+ },
3521
+ "getStylesLiterals": {
3522
+ "inputVariantRoot": "default",
3523
+ "inputVariantValueRoot": "empty",
3524
+ "inputVariantValueRoot:1": "filled",
3525
+ "inputVariantInputWrapper": "default",
3526
+ "inputVariantValueInputWrapper": "empty",
3527
+ "inputVariantValueInputWrapper:1": "filled",
3528
+ "inputVariantInput": "default",
3529
+ "inputVariantValueInput": "empty",
3530
+ "inputVariantValueInput:1": "filled",
3531
+ "inputVariantInputPlaceholder": "default",
3532
+ "inputVariantValueInputPlaceholder": "empty",
3533
+ "inputVariantValueInputPlaceholder:1": "filled",
3534
+ "inputVariantLabel": "default",
3535
+ "inputVariantValueLabel": "empty",
3536
+ "inputVariantValueLabel:1": "filled",
3537
+ "inputVariantLabelRequired": "default",
3538
+ "inputVariantValueLabelRequired": "empty",
3539
+ "inputVariantValueLabelRequired:1": "filled",
3540
+ "inputVariantStartIcon": "default",
3541
+ "inputVariantValueStartIcon": "empty",
3542
+ "inputVariantValueStartIcon:1": "filled",
3543
+ "inputVariantEndIcon": "default",
3544
+ "inputVariantValueEndIcon": "empty",
3545
+ "inputVariantValueEndIcon:1": "filled"
3603
3546
  },
3604
- "getStylesLiterals": {},
3605
3547
  "cxLiterals": [
3606
- "pointer-events-none",
3607
- "cursor-default",
3608
3548
  "opacity-50",
3609
- "inline-flex",
3610
- "items-center",
3611
- "transition-[background-color,outline-color,box-shadow]",
3612
- "truncate",
3613
- "whitespace-nowrap",
3614
- "text-center",
3615
- "flex-1",
3616
- "md",
3617
- "primary"
3549
+ "min-w-[200px]",
3550
+ "uds-ring-shadow",
3551
+ "uds-ring-within",
3552
+ "grow",
3553
+ "uds-hit-target",
3554
+ "bg-transparent",
3555
+ "bg-clip-text",
3556
+ "focus-visible:outline-none",
3557
+ "cursor-text",
3558
+ "cursor-not-allowed"
3618
3559
  ],
3619
3560
  "internalComponents": [
3620
3561
  "IconSlot",
3562
+ "StartIcon",
3563
+ "EndIcon",
3564
+ "HelpTextContent",
3565
+ "Box",
3566
+ "InputHelpTextInternal",
3567
+ "VStack",
3621
3568
  "HStack",
3622
- "As",
3623
- "Text"
3569
+ "AnimateHeightChange"
3624
3570
  ],
3625
3571
  "internalComponentProps": {
3626
- "Text": {
3627
- "as": [
3628
- "span"
3572
+ "HelpTextContent": {
3573
+ "spacingTop": [
3574
+ "2"
3575
+ ]
3576
+ },
3577
+ "Box": {
3578
+ "spacingBottom": [
3579
+ "2"
3629
3580
  ],
3630
- "color": [
3631
- "current"
3581
+ "columnGap": [
3582
+ "0.5"
3632
3583
  ],
3633
- "variant": [
3634
- "inherit"
3584
+ "alignItems": [
3585
+ "flex-end",
3586
+ "center"
3587
+ ],
3588
+ "position": [
3589
+ "relative"
3590
+ ]
3591
+ },
3592
+ "HStack": {
3593
+ "alignItems": [
3594
+ "center"
3595
+ ],
3596
+ "gap": [
3597
+ "1"
3635
3598
  ]
3636
3599
  }
3637
3600
  },
3638
3601
  "propToVariantKeys": {
3639
3602
  "size": [
3640
- "chipSizeRoot",
3641
- "chipSizeIcon"
3603
+ "inputSizeRoot",
3604
+ "inputSizeInputWrapperStatic",
3605
+ "inputSizeInputWrapperDynamic",
3606
+ "inputSizeInput",
3607
+ "inputSizeLabel",
3608
+ "inputSizeStartIcon",
3609
+ "inputSizeEndIcon"
3642
3610
  ],
3643
3611
  "startIcon": [
3644
3612
  "icon"
3645
3613
  ],
3646
3614
  "endIcon": [
3647
3615
  "icon"
3616
+ ],
3617
+ "slotProps": [
3618
+ "helperTextSlotProps"
3619
+ ],
3620
+ "helperTextIcon": [
3621
+ "startIcon"
3648
3622
  ]
3649
3623
  },
3650
3624
  "runtimeConfigDefaultProps": {
3651
- "size": "chip.defaultSize"
3625
+ "size": "input.defaultSize"
3652
3626
  },
3653
3627
  "runtimeConfigGetStyles": {},
3654
3628
  "runtimeConfigInternalComponentProps": {},
3655
3629
  "motionVarPrefixes": []
3656
3630
  },
3657
- "Chip": {
3658
- "name": "Chip",
3631
+ "UDSInputConfigProvider": {
3632
+ "name": "UDSInputConfigProvider",
3659
3633
  "defaultProps": {},
3660
3634
  "getStylesLiterals": {},
3661
3635
  "cxLiterals": [],
3662
- "internalComponents": [
3663
- "ChipDismissible",
3664
- "ChipToggle",
3665
- "ChipLink",
3666
- "ChipButton"
3667
- ],
3636
+ "internalComponents": [],
3668
3637
  "internalComponentProps": {},
3669
3638
  "propToVariantKeys": {},
3670
3639
  "runtimeConfigDefaultProps": {},
@@ -3672,31 +3641,31 @@
3672
3641
  "runtimeConfigInternalComponentProps": {},
3673
3642
  "motionVarPrefixes": []
3674
3643
  },
3675
- "ChipDismissible": {
3676
- "name": "ChipDismissible",
3644
+ "InputHelpText": {
3645
+ "name": "InputHelpText",
3677
3646
  "defaultProps": {
3678
- "variant": "primary"
3647
+ "size": "md"
3679
3648
  },
3680
- "getStylesLiterals": {},
3681
- "cxLiterals": [
3682
- "uds-chip-dismissible-button",
3683
- "uds-hit-target",
3684
- "uds-ring",
3685
- "rounded-full"
3686
- ],
3649
+ "getStylesLiterals": {
3650
+ "inputVariantRoot": "default",
3651
+ "inputVariantValueRoot": "empty",
3652
+ "inputVariantValueRoot:1": "filled"
3653
+ },
3654
+ "cxLiterals": [],
3687
3655
  "internalComponents": [
3688
- "ChipBase",
3689
- "IconSlot",
3690
- "Pressable"
3656
+ "InputHelpTextInternal",
3657
+ "Box"
3691
3658
  ],
3692
- "internalComponentProps": {},
3659
+ "internalComponentProps": {
3660
+ "Box": {
3661
+ "spacingTop": [
3662
+ "2"
3663
+ ]
3664
+ }
3665
+ },
3693
3666
  "propToVariantKeys": {
3694
- "variant": [
3695
- "chipDismissibleVariantRoot",
3696
- "chipDismissibleVariantIcon"
3697
- ],
3698
- "dismissButtonAriaLabel": [
3699
- "aria-label"
3667
+ "size": [
3668
+ "inputSizeRoot"
3700
3669
  ]
3701
3670
  },
3702
3671
  "runtimeConfigDefaultProps": {},
@@ -3704,42 +3673,71 @@
3704
3673
  "runtimeConfigInternalComponentProps": {},
3705
3674
  "motionVarPrefixes": []
3706
3675
  },
3707
- "UDSChipConfigProvider": {
3708
- "name": "UDSChipConfigProvider",
3709
- "defaultProps": {},
3676
+ "AvatarIcon": {
3677
+ "name": "AvatarIcon",
3678
+ "defaultProps": {
3679
+ "size": "md",
3680
+ "variant": "primary"
3681
+ },
3710
3682
  "getStylesLiterals": {},
3711
- "cxLiterals": [],
3712
- "internalComponents": [],
3683
+ "cxLiterals": [
3684
+ "overflow-hidden",
3685
+ "w-full",
3686
+ "h-full",
3687
+ "shrink-0",
3688
+ "text-center",
3689
+ "inline-flex",
3690
+ "justify-center",
3691
+ "items-center"
3692
+ ],
3693
+ "internalComponents": [
3694
+ "IconSlot",
3695
+ "Box"
3696
+ ],
3713
3697
  "internalComponentProps": {},
3714
- "propToVariantKeys": {},
3715
- "runtimeConfigDefaultProps": {},
3698
+ "propToVariantKeys": {
3699
+ "size": [
3700
+ "avatarSizeIcon"
3701
+ ]
3702
+ },
3703
+ "runtimeConfigDefaultProps": {
3704
+ "size": "avatar.defaultSize"
3705
+ },
3716
3706
  "runtimeConfigGetStyles": {},
3717
3707
  "runtimeConfigInternalComponentProps": {},
3718
3708
  "motionVarPrefixes": []
3719
3709
  },
3720
- "ChipLink": {
3721
- "name": "ChipLink",
3710
+ "AvatarImage": {
3711
+ "name": "AvatarImage",
3722
3712
  "defaultProps": {
3713
+ "size": "md",
3723
3714
  "variant": "primary"
3724
3715
  },
3725
3716
  "getStylesLiterals": {},
3726
3717
  "cxLiterals": [
3727
- "uds-ring"
3718
+ "overflow-hidden",
3719
+ "w-full",
3720
+ "h-full",
3721
+ "shrink-0",
3722
+ "text-center",
3723
+ "inline-flex",
3724
+ "justify-center",
3725
+ "items-center",
3726
+ "object-cover"
3728
3727
  ],
3729
3728
  "internalComponents": [
3730
- "ChipBase"
3729
+ "UDSImage",
3730
+ "AvatarText",
3731
+ "AvatarIcon",
3732
+ "Box"
3731
3733
  ],
3732
- "internalComponentProps": {
3733
- "ChipBase": {
3734
- "as": [
3735
- "a"
3736
- ]
3737
- }
3738
- },
3734
+ "internalComponentProps": {},
3739
3735
  "propToVariantKeys": {
3740
- "variant": [
3741
- "chipLinkVariantRoot",
3742
- "chipLinkVariantIcon"
3736
+ "alt": [
3737
+ "name"
3738
+ ],
3739
+ "fallback": [
3740
+ "initials"
3743
3741
  ]
3744
3742
  },
3745
3743
  "runtimeConfigDefaultProps": {},
@@ -3747,65 +3745,67 @@
3747
3745
  "runtimeConfigInternalComponentProps": {},
3748
3746
  "motionVarPrefixes": []
3749
3747
  },
3750
- "ChipButton": {
3751
- "name": "ChipButton",
3748
+ "AvatarText": {
3749
+ "name": "AvatarText",
3752
3750
  "defaultProps": {
3751
+ "size": "md",
3753
3752
  "variant": "primary"
3754
3753
  },
3755
3754
  "getStylesLiterals": {},
3756
3755
  "cxLiterals": [
3757
- "uds-ring"
3756
+ "overflow-hidden",
3757
+ "truncate",
3758
+ "w-full",
3759
+ "h-full",
3760
+ "shrink-0",
3761
+ "text-center",
3762
+ "inline-flex",
3763
+ "justify-center",
3764
+ "items-center"
3758
3765
  ],
3759
3766
  "internalComponents": [
3760
- "ChipBase"
3767
+ "Box",
3768
+ "Text"
3761
3769
  ],
3762
3770
  "internalComponentProps": {
3763
- "ChipBase": {
3764
- "as": [
3765
- "button"
3771
+ "Text": {
3772
+ "color": [
3773
+ "inherit"
3774
+ ],
3775
+ "variant": [
3776
+ "inherit"
3766
3777
  ]
3767
3778
  }
3768
3779
  },
3769
- "propToVariantKeys": {
3770
- "variant": [
3771
- "chipLinkVariantRoot",
3772
- "chipLinkVariantIcon"
3773
- ]
3774
- },
3780
+ "propToVariantKeys": {},
3781
+ "runtimeConfigDefaultProps": {},
3782
+ "runtimeConfigGetStyles": {},
3783
+ "runtimeConfigInternalComponentProps": {},
3784
+ "motionVarPrefixes": []
3785
+ },
3786
+ "Avatar": {
3787
+ "name": "Avatar",
3788
+ "defaultProps": {},
3789
+ "getStylesLiterals": {},
3790
+ "cxLiterals": [],
3791
+ "internalComponents": [
3792
+ "AvatarImage"
3793
+ ],
3794
+ "internalComponentProps": {},
3795
+ "propToVariantKeys": {},
3775
3796
  "runtimeConfigDefaultProps": {},
3776
3797
  "runtimeConfigGetStyles": {},
3777
3798
  "runtimeConfigInternalComponentProps": {},
3778
3799
  "motionVarPrefixes": []
3779
3800
  },
3780
- "ChipToggle": {
3781
- "name": "ChipToggle",
3782
- "defaultProps": {
3783
- "variant": "primary",
3784
- "role": "checkbox"
3785
- },
3786
- "getStylesLiterals": {
3787
- "chipToggleVariantActiveRoot": "on",
3788
- "chipToggleVariantActiveRoot:1": "off"
3789
- },
3790
- "cxLiterals": [
3791
- "uds-ring"
3792
- ],
3793
- "internalComponents": [
3794
- "ChipBase"
3795
- ],
3796
- "internalComponentProps": {
3797
- "ChipBase": {
3798
- "as": [
3799
- "button"
3800
- ]
3801
- }
3802
- },
3803
- "propToVariantKeys": {
3804
- "variant": [
3805
- "chipToggleVariantRoot",
3806
- "chipToggleVariantIcon"
3807
- ]
3808
- },
3801
+ "UDSAvatarConfigProvider": {
3802
+ "name": "UDSAvatarConfigProvider",
3803
+ "defaultProps": {},
3804
+ "getStylesLiterals": {},
3805
+ "cxLiterals": [],
3806
+ "internalComponents": [],
3807
+ "internalComponentProps": {},
3808
+ "propToVariantKeys": {},
3809
3809
  "runtimeConfigDefaultProps": {},
3810
3810
  "runtimeConfigGetStyles": {},
3811
3811
  "runtimeConfigInternalComponentProps": {},
@@ -3974,114 +3974,6 @@
3974
3974
  "runtimeConfigInternalComponentProps": {},
3975
3975
  "motionVarPrefixes": []
3976
3976
  },
3977
- "IconButtonBase": {
3978
- "name": "IconButtonBase",
3979
- "defaultProps": {
3980
- "type": "button"
3981
- },
3982
- "getStylesLiterals": {},
3983
- "cxLiterals": [
3984
- "uds-ring",
3985
- "uds-hit-target",
3986
- "inline-flex",
3987
- "overflow-hidden",
3988
- "justify-center",
3989
- "items-center",
3990
- "[transform-origin:center]",
3991
- "[backface-visibility:hidden]",
3992
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
3993
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
3994
- "[transition-duration:220ms]",
3995
- "cursor-not-allowed",
3996
- "uds-button-loading",
3997
- "uds-button-without-effects",
3998
- "animate-spin"
3999
- ],
4000
- "internalComponents": [],
4001
- "internalComponentProps": {},
4002
- "propToVariantKeys": {
4003
- "size": [
4004
- "iconbuttonSizeRoot",
4005
- "iconbuttonSizeIcon"
4006
- ],
4007
- "variant": [
4008
- "buttonVariantRoot",
4009
- "buttonVariantIcon"
4010
- ]
4011
- },
4012
- "runtimeConfigDefaultProps": {
4013
- "size": "iconButton.defaultSize"
4014
- },
4015
- "runtimeConfigGetStyles": {},
4016
- "runtimeConfigInternalComponentProps": {},
4017
- "motionVarPrefixes": []
4018
- },
4019
- "UDSIconButtonConfigProvider": {
4020
- "name": "UDSIconButtonConfigProvider",
4021
- "defaultProps": {},
4022
- "getStylesLiterals": {},
4023
- "cxLiterals": [],
4024
- "internalComponents": [
4025
- "IconButtonContext.Provider"
4026
- ],
4027
- "internalComponentProps": {},
4028
- "propToVariantKeys": {},
4029
- "runtimeConfigDefaultProps": {},
4030
- "runtimeConfigGetStyles": {},
4031
- "runtimeConfigInternalComponentProps": {},
4032
- "motionVarPrefixes": []
4033
- },
4034
- "IconButton": {
4035
- "name": "IconButton",
4036
- "defaultProps": {},
4037
- "getStylesLiterals": {},
4038
- "cxLiterals": [],
4039
- "internalComponents": [
4040
- "IconButtonBase",
4041
- "Icon",
4042
- "AnimatePresence",
4043
- "SpringMotionConfig",
4044
- "MotionSlot",
4045
- "IconButtonProps",
4046
- "Slot"
4047
- ],
4048
- "internalComponentProps": {
4049
- "Icon": {
4050
- "color": [
4051
- "current"
4052
- ]
4053
- },
4054
- "AnimatePresence": {
4055
- "mode": [
4056
- "popLayout"
4057
- ]
4058
- },
4059
- "SpringMotionConfig": {
4060
- "layoutSpeed": [
4061
- "3"
4062
- ]
4063
- },
4064
- "MotionSlot": {
4065
- "initial": [
4066
- "icon"
4067
- ],
4068
- "whileHover": [
4069
- "hover"
4070
- ],
4071
- "whileTap": [
4072
- "pressed"
4073
- ]
4074
- }
4075
- },
4076
- "propToVariantKeys": {},
4077
- "runtimeConfigDefaultProps": {},
4078
- "runtimeConfigGetStyles": {},
4079
- "runtimeConfigInternalComponentProps": {},
4080
- "motionVarPrefixes": [
4081
- "--uds-motion-subtle-3-",
4082
- "--uds-motion-smooth-3-"
4083
- ]
4084
- },
4085
3977
  "BottomSheetDismiss": {
4086
3978
  "name": "BottomSheetDismiss",
4087
3979
  "defaultProps": {},
@@ -4367,6 +4259,114 @@
4367
4259
  "runtimeConfigInternalComponentProps": {},
4368
4260
  "motionVarPrefixes": []
4369
4261
  },
4262
+ "IconButtonBase": {
4263
+ "name": "IconButtonBase",
4264
+ "defaultProps": {
4265
+ "type": "button"
4266
+ },
4267
+ "getStylesLiterals": {},
4268
+ "cxLiterals": [
4269
+ "uds-ring",
4270
+ "uds-hit-target",
4271
+ "inline-flex",
4272
+ "overflow-hidden",
4273
+ "justify-center",
4274
+ "items-center",
4275
+ "[transform-origin:center]",
4276
+ "[backface-visibility:hidden]",
4277
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
4278
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
4279
+ "[transition-duration:220ms]",
4280
+ "cursor-not-allowed",
4281
+ "uds-button-loading",
4282
+ "uds-button-without-effects",
4283
+ "animate-spin"
4284
+ ],
4285
+ "internalComponents": [],
4286
+ "internalComponentProps": {},
4287
+ "propToVariantKeys": {
4288
+ "size": [
4289
+ "iconbuttonSizeRoot",
4290
+ "iconbuttonSizeIcon"
4291
+ ],
4292
+ "variant": [
4293
+ "buttonVariantRoot",
4294
+ "buttonVariantIcon"
4295
+ ]
4296
+ },
4297
+ "runtimeConfigDefaultProps": {
4298
+ "size": "iconButton.defaultSize"
4299
+ },
4300
+ "runtimeConfigGetStyles": {},
4301
+ "runtimeConfigInternalComponentProps": {},
4302
+ "motionVarPrefixes": []
4303
+ },
4304
+ "UDSIconButtonConfigProvider": {
4305
+ "name": "UDSIconButtonConfigProvider",
4306
+ "defaultProps": {},
4307
+ "getStylesLiterals": {},
4308
+ "cxLiterals": [],
4309
+ "internalComponents": [
4310
+ "IconButtonContext.Provider"
4311
+ ],
4312
+ "internalComponentProps": {},
4313
+ "propToVariantKeys": {},
4314
+ "runtimeConfigDefaultProps": {},
4315
+ "runtimeConfigGetStyles": {},
4316
+ "runtimeConfigInternalComponentProps": {},
4317
+ "motionVarPrefixes": []
4318
+ },
4319
+ "IconButton": {
4320
+ "name": "IconButton",
4321
+ "defaultProps": {},
4322
+ "getStylesLiterals": {},
4323
+ "cxLiterals": [],
4324
+ "internalComponents": [
4325
+ "IconButtonBase",
4326
+ "Icon",
4327
+ "AnimatePresence",
4328
+ "SpringMotionConfig",
4329
+ "MotionSlot",
4330
+ "IconButtonProps",
4331
+ "Slot"
4332
+ ],
4333
+ "internalComponentProps": {
4334
+ "Icon": {
4335
+ "color": [
4336
+ "current"
4337
+ ]
4338
+ },
4339
+ "AnimatePresence": {
4340
+ "mode": [
4341
+ "popLayout"
4342
+ ]
4343
+ },
4344
+ "SpringMotionConfig": {
4345
+ "layoutSpeed": [
4346
+ "3"
4347
+ ]
4348
+ },
4349
+ "MotionSlot": {
4350
+ "initial": [
4351
+ "icon"
4352
+ ],
4353
+ "whileHover": [
4354
+ "hover"
4355
+ ],
4356
+ "whileTap": [
4357
+ "pressed"
4358
+ ]
4359
+ }
4360
+ },
4361
+ "propToVariantKeys": {},
4362
+ "runtimeConfigDefaultProps": {},
4363
+ "runtimeConfigGetStyles": {},
4364
+ "runtimeConfigInternalComponentProps": {},
4365
+ "motionVarPrefixes": [
4366
+ "--uds-motion-subtle-3-",
4367
+ "--uds-motion-smooth-3-"
4368
+ ]
4369
+ },
4370
4370
  "PaddleButtonNext": {
4371
4371
  "name": "PaddleButtonNext",
4372
4372
  "defaultProps": {},