@yahoo/uds 3.158.1 → 3.159.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.
Files changed (21) hide show
  1. package/dist/components/Image.cjs +3 -2
  2. package/dist/components/Image.js +3 -2
  3. package/dist/components/client/Menu/Menu.Item.cjs +8 -2
  4. package/dist/components/client/Menu/Menu.Item.d.cts +44 -0
  5. package/dist/components/client/Menu/Menu.Item.d.ts +44 -0
  6. package/dist/components/client/Menu/Menu.Item.js +8 -2
  7. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +6 -2
  8. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +44 -0
  9. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +44 -0
  10. package/dist/components/client/Menu/Menu.ItemCheckbox.js +6 -2
  11. package/dist/styles/styler.d.cts +25 -25
  12. package/dist/styles/styler.d.ts +25 -25
  13. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  14. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  15. package/dist/uds/generated/componentData.cjs +195 -195
  16. package/dist/uds/generated/componentData.js +195 -195
  17. package/dist/uds/generated/tailwindPurge.cjs +13 -9
  18. package/dist/uds/generated/tailwindPurge.js +13 -9
  19. package/generated/componentData.json +281 -281
  20. package/generated/tailwindPurge.ts +1 -1
  21. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -336,92 +336,6 @@
336
336
  "runtimeConfigInternalComponentProps": {},
337
337
  "motionVarPrefixes": []
338
338
  },
339
- "Table.mocks": {
340
- "name": "Table.mocks",
341
- "defaultProps": {},
342
- "getStylesLiterals": {},
343
- "cxLiterals": [],
344
- "internalComponents": [],
345
- "internalComponentProps": {},
346
- "propToVariantKeys": {},
347
- "runtimeConfigDefaultProps": {},
348
- "runtimeConfigGetStyles": {},
349
- "runtimeConfigInternalComponentProps": {},
350
- "motionVarPrefixes": []
351
- },
352
- "Spinner": {
353
- "name": "Spinner",
354
- "defaultProps": {
355
- "color": "primary",
356
- "size": "lg"
357
- },
358
- "getStylesLiterals": {},
359
- "cxLiterals": [
360
- "self-center",
361
- "relative",
362
- "sr-only"
363
- ],
364
- "internalComponents": [
365
- "Icon"
366
- ],
367
- "internalComponentProps": {
368
- "Icon": {
369
- "role": [
370
- "img"
371
- ],
372
- "className": [
373
- "animate-spin"
374
- ],
375
- "aria-hidden": [
376
- "true"
377
- ]
378
- }
379
- },
380
- "propToVariantKeys": {},
381
- "runtimeConfigDefaultProps": {},
382
- "runtimeConfigGetStyles": {},
383
- "runtimeConfigInternalComponentProps": {},
384
- "motionVarPrefixes": []
385
- },
386
- "Table": {
387
- "name": "Table",
388
- "defaultProps": {
389
- "display": "table-cell",
390
- "overflow": "hidden",
391
- "borderColor": "muted",
392
- "borderRadius": "md",
393
- "spacing": "3",
394
- "borderBottomColor": "muted",
395
- "borderBottomWidth": "thin",
396
- "color": "primary"
397
- },
398
- "getStylesLiterals": {
399
- "textAlign": "start"
400
- },
401
- "cxLiterals": [],
402
- "internalComponents": [
403
- "CellComponent",
404
- "Box",
405
- "Text",
406
- "Table.Root",
407
- "Table.Header",
408
- "Table.Row",
409
- "Table.Cell",
410
- "Table.Body"
411
- ],
412
- "internalComponentProps": {
413
- "Table.Cell": {
414
- "asHeaderCell": [
415
- "column"
416
- ]
417
- }
418
- },
419
- "propToVariantKeys": {},
420
- "runtimeConfigDefaultProps": {},
421
- "runtimeConfigGetStyles": {},
422
- "runtimeConfigInternalComponentProps": {},
423
- "motionVarPrefixes": []
424
- },
425
339
  "Divider": {
426
340
  "name": "Divider",
427
341
  "defaultProps": {
@@ -524,6 +438,92 @@
524
438
  "runtimeConfigInternalComponentProps": {},
525
439
  "motionVarPrefixes": []
526
440
  },
441
+ "Table.mocks": {
442
+ "name": "Table.mocks",
443
+ "defaultProps": {},
444
+ "getStylesLiterals": {},
445
+ "cxLiterals": [],
446
+ "internalComponents": [],
447
+ "internalComponentProps": {},
448
+ "propToVariantKeys": {},
449
+ "runtimeConfigDefaultProps": {},
450
+ "runtimeConfigGetStyles": {},
451
+ "runtimeConfigInternalComponentProps": {},
452
+ "motionVarPrefixes": []
453
+ },
454
+ "Spinner": {
455
+ "name": "Spinner",
456
+ "defaultProps": {
457
+ "color": "primary",
458
+ "size": "lg"
459
+ },
460
+ "getStylesLiterals": {},
461
+ "cxLiterals": [
462
+ "self-center",
463
+ "relative",
464
+ "sr-only"
465
+ ],
466
+ "internalComponents": [
467
+ "Icon"
468
+ ],
469
+ "internalComponentProps": {
470
+ "Icon": {
471
+ "role": [
472
+ "img"
473
+ ],
474
+ "className": [
475
+ "animate-spin"
476
+ ],
477
+ "aria-hidden": [
478
+ "true"
479
+ ]
480
+ }
481
+ },
482
+ "propToVariantKeys": {},
483
+ "runtimeConfigDefaultProps": {},
484
+ "runtimeConfigGetStyles": {},
485
+ "runtimeConfigInternalComponentProps": {},
486
+ "motionVarPrefixes": []
487
+ },
488
+ "Table": {
489
+ "name": "Table",
490
+ "defaultProps": {
491
+ "display": "table-cell",
492
+ "overflow": "hidden",
493
+ "borderColor": "muted",
494
+ "borderRadius": "md",
495
+ "spacing": "3",
496
+ "borderBottomColor": "muted",
497
+ "borderBottomWidth": "thin",
498
+ "color": "primary"
499
+ },
500
+ "getStylesLiterals": {
501
+ "textAlign": "start"
502
+ },
503
+ "cxLiterals": [],
504
+ "internalComponents": [
505
+ "CellComponent",
506
+ "Box",
507
+ "Text",
508
+ "Table.Root",
509
+ "Table.Header",
510
+ "Table.Row",
511
+ "Table.Cell",
512
+ "Table.Body"
513
+ ],
514
+ "internalComponentProps": {
515
+ "Table.Cell": {
516
+ "asHeaderCell": [
517
+ "column"
518
+ ]
519
+ }
520
+ },
521
+ "propToVariantKeys": {},
522
+ "runtimeConfigDefaultProps": {},
523
+ "runtimeConfigGetStyles": {},
524
+ "runtimeConfigInternalComponentProps": {},
525
+ "motionVarPrefixes": []
526
+ },
527
527
  "BannerContent": {
528
528
  "name": "BannerContent",
529
529
  "defaultProps": {},
@@ -2785,37 +2785,216 @@
2785
2785
  "runtimeConfigInternalComponentProps": {},
2786
2786
  "motionVarPrefixes": []
2787
2787
  },
2788
- "UDSToastConfigProvider": {
2789
- "name": "UDSToastConfigProvider",
2790
- "defaultProps": {},
2791
- "getStylesLiterals": {},
2792
- "cxLiterals": [],
2788
+ "TabList": {
2789
+ "name": "TabList",
2790
+ "defaultProps": {
2791
+ "variant": "primary"
2792
+ },
2793
+ "getStylesLiterals": {
2794
+ "tabSizeRoot": "default",
2795
+ "tabVariantActiveRoot": "on"
2796
+ },
2797
+ "cxLiterals": [
2798
+ "pointer-events-none",
2799
+ "absolute",
2800
+ "bottom-0",
2801
+ "left-0",
2802
+ "right-0",
2803
+ "h-[var(--uds-tab-underline-width,0px)]",
2804
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2805
+ "transition-[height,background-color]",
2806
+ "duration-[240ms]",
2807
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2808
+ "!m-0",
2809
+ "!p-0",
2810
+ "!gap-0",
2811
+ "box-border",
2812
+ "z-0",
2813
+ "min-w-0",
2814
+ "min-h-0",
2815
+ "flex",
2816
+ "flex-row",
2817
+ "items-center",
2818
+ "overflow-x-auto",
2819
+ "overflow-y-clip",
2820
+ "scrollbar-none",
2821
+ "[overflow-clip-margin:6px]",
2822
+ "overflow-clip",
2823
+ "[overflow-clip-margin:8px]",
2824
+ "relative",
2825
+ "left",
2826
+ "240ms",
2827
+ "cubic-bezier(0.2,",
2828
+ "0,",
2829
+ "1),",
2830
+ "top",
2831
+ "width",
2832
+ "height",
2833
+ "1)",
2834
+ "--uds-tab-underline-color",
2835
+ "--uds-tab-underline-width"
2836
+ ],
2793
2837
  "internalComponents": [
2794
- "ToastContext.Provider"
2838
+ "AriakitTabList"
2795
2839
  ],
2796
2840
  "internalComponentProps": {},
2797
- "propToVariantKeys": {},
2841
+ "propToVariantKeys": {
2842
+ "variant": [
2843
+ "tabsVariantRoot",
2844
+ "tabVariantRoot"
2845
+ ]
2846
+ },
2798
2847
  "runtimeConfigDefaultProps": {},
2799
2848
  "runtimeConfigGetStyles": {},
2800
2849
  "runtimeConfigInternalComponentProps": {},
2801
2850
  "motionVarPrefixes": []
2802
2851
  },
2803
- "ToastPortal": {
2804
- "name": "ToastPortal",
2805
- "defaultProps": {},
2852
+ "Tabs": {
2853
+ "name": "Tabs",
2854
+ "defaultProps": {
2855
+ "variant": "primary"
2856
+ },
2806
2857
  "getStylesLiterals": {},
2807
2858
  "cxLiterals": [],
2808
2859
  "internalComponents": [
2809
- "ReactToastifyToastContainer"
2860
+ "TabsContext.Provider",
2861
+ "TabProvider"
2810
2862
  ],
2811
2863
  "internalComponentProps": {},
2812
- "propToVariantKeys": {},
2813
- "runtimeConfigDefaultProps": {
2814
- "size": "toast.defaultSize",
2815
- "variant": "toast.defaultVariant"
2864
+ "propToVariantKeys": {
2865
+ "onSelectionChange": [
2866
+ "setSelectedId"
2867
+ ]
2816
2868
  },
2869
+ "runtimeConfigDefaultProps": {},
2817
2870
  "runtimeConfigGetStyles": {},
2818
- "runtimeConfigInternalComponentProps": {
2871
+ "runtimeConfigInternalComponentProps": {},
2872
+ "motionVarPrefixes": []
2873
+ },
2874
+ "Tab": {
2875
+ "name": "Tab",
2876
+ "defaultProps": {
2877
+ "variant": "primary"
2878
+ },
2879
+ "getStylesLiterals": {
2880
+ "tabSizeRoot": "default",
2881
+ "tabVariantActiveRoot": "off",
2882
+ "tabVariantActiveRoot:1": "on",
2883
+ "tabSizeIcon": "default"
2884
+ },
2885
+ "cxLiterals": [
2886
+ "pointer-events-none",
2887
+ "absolute",
2888
+ "bottom-0",
2889
+ "left-0",
2890
+ "right-0",
2891
+ "h-[var(--uds-tab-underline-width,0px)]",
2892
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2893
+ "transition-[height,background-color]",
2894
+ "duration-[240ms]",
2895
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2896
+ "!bg-transparent",
2897
+ "!shadow-none",
2898
+ "inline-flex",
2899
+ "items-center",
2900
+ "shrink-0",
2901
+ "box-border",
2902
+ "relative",
2903
+ "z-[1]",
2904
+ "cursor-pointer",
2905
+ "select-none",
2906
+ "whitespace-nowrap",
2907
+ "uds-ring",
2908
+ "opacity-50",
2909
+ "cursor-default",
2910
+ "border-solid",
2911
+ "border-b-solid",
2912
+ "transition-colors"
2913
+ ],
2914
+ "internalComponents": [
2915
+ "IconSlot",
2916
+ "AriakitTab",
2917
+ "Text"
2918
+ ],
2919
+ "internalComponentProps": {
2920
+ "Text": {
2921
+ "variant": [
2922
+ "inherit"
2923
+ ],
2924
+ "as": [
2925
+ "span"
2926
+ ],
2927
+ "color": [
2928
+ "current"
2929
+ ]
2930
+ }
2931
+ },
2932
+ "propToVariantKeys": {
2933
+ "variant": [
2934
+ "tabVariantRoot",
2935
+ "tabVariantIcon"
2936
+ ],
2937
+ "activeState": [
2938
+ "tabVariantActiveIcon"
2939
+ ],
2940
+ "startIcon": [
2941
+ "icon"
2942
+ ],
2943
+ "endIcon": [
2944
+ "icon"
2945
+ ]
2946
+ },
2947
+ "runtimeConfigDefaultProps": {},
2948
+ "runtimeConfigGetStyles": {},
2949
+ "runtimeConfigInternalComponentProps": {},
2950
+ "motionVarPrefixes": []
2951
+ },
2952
+ "TabPanel": {
2953
+ "name": "TabPanel",
2954
+ "defaultProps": {},
2955
+ "getStylesLiterals": {},
2956
+ "cxLiterals": [],
2957
+ "internalComponents": [
2958
+ "AriakitTabPanel"
2959
+ ],
2960
+ "internalComponentProps": {},
2961
+ "propToVariantKeys": {},
2962
+ "runtimeConfigDefaultProps": {},
2963
+ "runtimeConfigGetStyles": {},
2964
+ "runtimeConfigInternalComponentProps": {},
2965
+ "motionVarPrefixes": []
2966
+ },
2967
+ "UDSToastConfigProvider": {
2968
+ "name": "UDSToastConfigProvider",
2969
+ "defaultProps": {},
2970
+ "getStylesLiterals": {},
2971
+ "cxLiterals": [],
2972
+ "internalComponents": [
2973
+ "ToastContext.Provider"
2974
+ ],
2975
+ "internalComponentProps": {},
2976
+ "propToVariantKeys": {},
2977
+ "runtimeConfigDefaultProps": {},
2978
+ "runtimeConfigGetStyles": {},
2979
+ "runtimeConfigInternalComponentProps": {},
2980
+ "motionVarPrefixes": []
2981
+ },
2982
+ "ToastPortal": {
2983
+ "name": "ToastPortal",
2984
+ "defaultProps": {},
2985
+ "getStylesLiterals": {},
2986
+ "cxLiterals": [],
2987
+ "internalComponents": [
2988
+ "ReactToastifyToastContainer"
2989
+ ],
2990
+ "internalComponentProps": {},
2991
+ "propToVariantKeys": {},
2992
+ "runtimeConfigDefaultProps": {
2993
+ "size": "toast.defaultSize",
2994
+ "variant": "toast.defaultVariant"
2995
+ },
2996
+ "runtimeConfigGetStyles": {},
2997
+ "runtimeConfigInternalComponentProps": {
2819
2998
  "ReactToastifyToastContainer": {
2820
2999
  "autoClose": [
2821
3000
  "toast.autoClose"
@@ -2984,185 +3163,6 @@
2984
3163
  },
2985
3164
  "motionVarPrefixes": []
2986
3165
  },
2987
- "TabList": {
2988
- "name": "TabList",
2989
- "defaultProps": {
2990
- "variant": "primary"
2991
- },
2992
- "getStylesLiterals": {
2993
- "tabSizeRoot": "default",
2994
- "tabVariantActiveRoot": "on"
2995
- },
2996
- "cxLiterals": [
2997
- "pointer-events-none",
2998
- "absolute",
2999
- "bottom-0",
3000
- "left-0",
3001
- "right-0",
3002
- "h-[var(--uds-tab-underline-width,0px)]",
3003
- "bg-[var(--uds-tab-underline-color,transparent)]",
3004
- "transition-[height,background-color]",
3005
- "duration-[240ms]",
3006
- "ease-[cubic-bezier(0.2,0,0,1)]",
3007
- "!m-0",
3008
- "!p-0",
3009
- "!gap-0",
3010
- "box-border",
3011
- "z-0",
3012
- "min-w-0",
3013
- "min-h-0",
3014
- "flex",
3015
- "flex-row",
3016
- "items-center",
3017
- "overflow-x-auto",
3018
- "overflow-y-clip",
3019
- "scrollbar-none",
3020
- "[overflow-clip-margin:6px]",
3021
- "overflow-clip",
3022
- "[overflow-clip-margin:8px]",
3023
- "relative",
3024
- "left",
3025
- "240ms",
3026
- "cubic-bezier(0.2,",
3027
- "0,",
3028
- "1),",
3029
- "top",
3030
- "width",
3031
- "height",
3032
- "1)",
3033
- "--uds-tab-underline-color",
3034
- "--uds-tab-underline-width"
3035
- ],
3036
- "internalComponents": [
3037
- "AriakitTabList"
3038
- ],
3039
- "internalComponentProps": {},
3040
- "propToVariantKeys": {
3041
- "variant": [
3042
- "tabsVariantRoot",
3043
- "tabVariantRoot"
3044
- ]
3045
- },
3046
- "runtimeConfigDefaultProps": {},
3047
- "runtimeConfigGetStyles": {},
3048
- "runtimeConfigInternalComponentProps": {},
3049
- "motionVarPrefixes": []
3050
- },
3051
- "Tabs": {
3052
- "name": "Tabs",
3053
- "defaultProps": {
3054
- "variant": "primary"
3055
- },
3056
- "getStylesLiterals": {},
3057
- "cxLiterals": [],
3058
- "internalComponents": [
3059
- "TabsContext.Provider",
3060
- "TabProvider"
3061
- ],
3062
- "internalComponentProps": {},
3063
- "propToVariantKeys": {
3064
- "onSelectionChange": [
3065
- "setSelectedId"
3066
- ]
3067
- },
3068
- "runtimeConfigDefaultProps": {},
3069
- "runtimeConfigGetStyles": {},
3070
- "runtimeConfigInternalComponentProps": {},
3071
- "motionVarPrefixes": []
3072
- },
3073
- "Tab": {
3074
- "name": "Tab",
3075
- "defaultProps": {
3076
- "variant": "primary"
3077
- },
3078
- "getStylesLiterals": {
3079
- "tabSizeRoot": "default",
3080
- "tabVariantActiveRoot": "off",
3081
- "tabVariantActiveRoot:1": "on",
3082
- "tabSizeIcon": "default"
3083
- },
3084
- "cxLiterals": [
3085
- "pointer-events-none",
3086
- "absolute",
3087
- "bottom-0",
3088
- "left-0",
3089
- "right-0",
3090
- "h-[var(--uds-tab-underline-width,0px)]",
3091
- "bg-[var(--uds-tab-underline-color,transparent)]",
3092
- "transition-[height,background-color]",
3093
- "duration-[240ms]",
3094
- "ease-[cubic-bezier(0.2,0,0,1)]",
3095
- "!bg-transparent",
3096
- "!shadow-none",
3097
- "inline-flex",
3098
- "items-center",
3099
- "shrink-0",
3100
- "box-border",
3101
- "relative",
3102
- "z-[1]",
3103
- "cursor-pointer",
3104
- "select-none",
3105
- "whitespace-nowrap",
3106
- "uds-ring",
3107
- "opacity-50",
3108
- "cursor-default",
3109
- "border-solid",
3110
- "border-b-solid",
3111
- "transition-colors"
3112
- ],
3113
- "internalComponents": [
3114
- "IconSlot",
3115
- "AriakitTab",
3116
- "Text"
3117
- ],
3118
- "internalComponentProps": {
3119
- "Text": {
3120
- "variant": [
3121
- "inherit"
3122
- ],
3123
- "as": [
3124
- "span"
3125
- ],
3126
- "color": [
3127
- "current"
3128
- ]
3129
- }
3130
- },
3131
- "propToVariantKeys": {
3132
- "variant": [
3133
- "tabVariantRoot",
3134
- "tabVariantIcon"
3135
- ],
3136
- "activeState": [
3137
- "tabVariantActiveIcon"
3138
- ],
3139
- "startIcon": [
3140
- "icon"
3141
- ],
3142
- "endIcon": [
3143
- "icon"
3144
- ]
3145
- },
3146
- "runtimeConfigDefaultProps": {},
3147
- "runtimeConfigGetStyles": {},
3148
- "runtimeConfigInternalComponentProps": {},
3149
- "motionVarPrefixes": []
3150
- },
3151
- "TabPanel": {
3152
- "name": "TabPanel",
3153
- "defaultProps": {},
3154
- "getStylesLiterals": {},
3155
- "cxLiterals": [],
3156
- "internalComponents": [
3157
- "AriakitTabPanel"
3158
- ],
3159
- "internalComponentProps": {},
3160
- "propToVariantKeys": {},
3161
- "runtimeConfigDefaultProps": {},
3162
- "runtimeConfigGetStyles": {},
3163
- "runtimeConfigInternalComponentProps": {},
3164
- "motionVarPrefixes": []
3165
- },
3166
3166
  "UDSTooltipConfigProvider": {
3167
3167
  "name": "UDSTooltipConfigProvider",
3168
3168
  "defaultProps": {},