@yahoo/uds 3.154.0 → 3.154.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 (63) hide show
  1. package/dist/automated-config/dist/generated/generatedConfigs.cjs +10 -0
  2. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +10 -0
  3. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +10 -0
  4. package/dist/automated-config/dist/generated/generatedConfigs.js +10 -0
  5. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +10 -0
  6. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +10 -0
  7. package/dist/automated-config/dist/properties.cjs +101 -87
  8. package/dist/automated-config/dist/properties.d.cts +2 -0
  9. package/dist/automated-config/dist/properties.d.ts +2 -0
  10. package/dist/automated-config/dist/properties.js +101 -87
  11. package/dist/automated-config/dist/types/ComponentConfig.d.cts +2 -0
  12. package/dist/automated-config/dist/types/ComponentConfig.d.ts +2 -0
  13. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +18 -0
  14. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +5 -1
  15. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +5 -1
  16. package/dist/automated-config/dist/utils/buildConfigSchema.js +18 -0
  17. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  18. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  19. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.cjs +68 -0
  20. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.d.cts +49 -0
  21. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.d.ts +49 -0
  22. package/dist/automated-config/dist/utils/getPaginationControlWidthPx.js +66 -0
  23. package/dist/automated-config/dist/utils/index.cjs +55 -17
  24. package/dist/automated-config/dist/utils/index.d.cts +2 -0
  25. package/dist/automated-config/dist/utils/index.d.ts +2 -0
  26. package/dist/automated-config/dist/utils/index.js +55 -17
  27. package/dist/config/dist/index.cjs +979 -969
  28. package/dist/config/dist/index.js +979 -969
  29. package/dist/css/dist/packages/automated-config/dist/properties.cjs +101 -87
  30. package/dist/css/dist/packages/automated-config/dist/properties.js +101 -87
  31. package/dist/css/dist/packages/config/dist/index.cjs +979 -969
  32. package/dist/css/dist/packages/config/dist/index.js +979 -969
  33. package/dist/index.cjs +3 -0
  34. package/dist/index.d.cts +2 -1
  35. package/dist/index.d.ts +2 -1
  36. package/dist/index.js +2 -1
  37. package/dist/styles/styler.d.cts +9 -9
  38. package/dist/styles/styler.d.ts +9 -9
  39. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.cjs +10 -0
  40. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.js +10 -0
  41. package/dist/tailwind-internal/dist/packages/automated-config/dist/properties.cjs +101 -87
  42. package/dist/tailwind-internal/dist/packages/automated-config/dist/properties.js +101 -87
  43. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.cjs +54 -17
  44. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.js +54 -17
  45. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +979 -969
  46. package/dist/tailwind-internal/dist/packages/config/dist/index.js +979 -969
  47. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  48. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  49. package/dist/tokens/automation/index.cjs +3 -0
  50. package/dist/tokens/automation/index.d.cts +2 -1
  51. package/dist/tokens/automation/index.d.ts +2 -1
  52. package/dist/tokens/automation/index.js +2 -1
  53. package/dist/tokens/index.cjs +3 -0
  54. package/dist/tokens/index.d.cts +2 -1
  55. package/dist/tokens/index.d.ts +2 -1
  56. package/dist/tokens/index.js +2 -1
  57. package/dist/uds/generated/componentData.cjs +293 -293
  58. package/dist/uds/generated/componentData.js +293 -293
  59. package/dist/uds/generated/migrationSchemaVersion.cjs +1 -1
  60. package/dist/uds/generated/migrationSchemaVersion.js +1 -1
  61. package/generated/componentData.json +412 -412
  62. package/generated/migrationSchemaVersion.ts +1 -1
  63. package/package.json +1 -1
@@ -1384,159 +1384,6 @@
1384
1384
  "runtimeConfigInternalComponentProps": {},
1385
1385
  "motionVarPrefixes": []
1386
1386
  },
1387
- "RadioGroupStore": {
1388
- "name": "RadioGroupStore",
1389
- "defaultProps": {},
1390
- "getStylesLiterals": {},
1391
- "cxLiterals": [],
1392
- "internalComponents": [],
1393
- "internalComponentProps": {},
1394
- "propToVariantKeys": {},
1395
- "runtimeConfigDefaultProps": {},
1396
- "runtimeConfigGetStyles": {},
1397
- "runtimeConfigInternalComponentProps": {},
1398
- "motionVarPrefixes": []
1399
- },
1400
- "RadioGroupProvider": {
1401
- "name": "RadioGroupProvider",
1402
- "defaultProps": {},
1403
- "getStylesLiterals": {},
1404
- "cxLiterals": [],
1405
- "internalComponents": [
1406
- "DivProps",
1407
- "Comp",
1408
- "RadioGroupContext.Provider"
1409
- ],
1410
- "internalComponentProps": {
1411
- "Comp": {
1412
- "role": [
1413
- "radiogroup"
1414
- ]
1415
- }
1416
- },
1417
- "propToVariantKeys": {},
1418
- "runtimeConfigDefaultProps": {},
1419
- "runtimeConfigGetStyles": {},
1420
- "runtimeConfigInternalComponentProps": {},
1421
- "motionVarPrefixes": []
1422
- },
1423
- "Radio": {
1424
- "name": "Radio",
1425
- "defaultProps": {
1426
- "labelPosition": "start",
1427
- "variant": "primary",
1428
- "size": "md",
1429
- "value": ""
1430
- },
1431
- "getStylesLiterals": {
1432
- "radioVariantValueRoot": "checked",
1433
- "radioVariantValueRoot:1": "unchecked",
1434
- "display": "flex",
1435
- "flexDirection": "row",
1436
- "flexDirection:1": "row-reverse",
1437
- "alignItems": "center",
1438
- "radioVariantValueRadio": "checked",
1439
- "radioVariantValueRadio:1": "unchecked",
1440
- "radioVariantValueRadioCircle": "checked",
1441
- "radioVariantValueRadioCircle:1": "unchecked"
1442
- },
1443
- "cxLiterals": [
1444
- "cursor-pointer",
1445
- "cursor-default",
1446
- "opacity-50",
1447
- "border",
1448
- "uds-ring",
1449
- "uds-ring-within",
1450
- "transition-[background-color,border-color]",
1451
- "transition-shadow",
1452
- "pointer-events-none",
1453
- "w-[8px]",
1454
- "h-[8px]",
1455
- "opacity-55",
1456
- "opacity-100",
1457
- "opacity-0",
1458
- "transition-opacity",
1459
- "cursor-[inherit]",
1460
- "absolute",
1461
- "top-1/2",
1462
- "left-1/2",
1463
- "w-[calc(100%+2px)]",
1464
- "h-[calc(100%+2px)]",
1465
- "transform",
1466
- "translate-x-[-50%]",
1467
- "translate-y-[-50%]",
1468
- "text-start",
1469
- "text-end"
1470
- ],
1471
- "internalComponents": [
1472
- "Box",
1473
- "FormLabel",
1474
- "SpringMotionConfig",
1475
- "RootElement",
1476
- "MotionBox"
1477
- ],
1478
- "internalComponentProps": {
1479
- "Box": {
1480
- "borderRadius": [
1481
- "full"
1482
- ]
1483
- },
1484
- "FormLabel": {
1485
- "as": [
1486
- "div"
1487
- ],
1488
- "variant": [
1489
- "inherit"
1490
- ],
1491
- "color": [
1492
- "inherit"
1493
- ]
1494
- },
1495
- "RootElement": {
1496
- "data-testid": [
1497
- "container"
1498
- ]
1499
- },
1500
- "MotionBox": {
1501
- "position": [
1502
- "relative"
1503
- ],
1504
- "borderRadius": [
1505
- "full"
1506
- ],
1507
- "alignItems": [
1508
- "center"
1509
- ],
1510
- "justifyContent": [
1511
- "center"
1512
- ],
1513
- "flex": [
1514
- "none"
1515
- ]
1516
- }
1517
- },
1518
- "propToVariantKeys": {
1519
- "size": [
1520
- "radioSizeRoot",
1521
- "radioSizeRadio"
1522
- ],
1523
- "variant": [
1524
- "radioVariantRoot",
1525
- "radioVariantRadio",
1526
- "radioVariantRadioCircle"
1527
- ],
1528
- "reduceMotion": [
1529
- "reducedMotion"
1530
- ]
1531
- },
1532
- "runtimeConfigDefaultProps": {},
1533
- "runtimeConfigGetStyles": {},
1534
- "runtimeConfigInternalComponentProps": {},
1535
- "motionVarPrefixes": [
1536
- "--uds-motion-subtle-3-",
1537
- "--uds-motion-smooth-3-"
1538
- ]
1539
- },
1540
1387
  "ManagedModal": {
1541
1388
  "name": "ManagedModal",
1542
1389
  "defaultProps": {},
@@ -1841,37 +1688,190 @@
1841
1688
  "size": "modal.defaultSize",
1842
1689
  "variant": "modal.defaultVariant"
1843
1690
  },
1844
- "runtimeConfigGetStyles": {
1845
- "spacing": [
1846
- "modal.gutter.${size}"
1847
- ],
1848
- "modalSizeRoot": [
1849
- "modal.defaultSize"
1850
- ],
1851
- "modalVariantRoot": [
1852
- "modal.defaultVariant"
1853
- ],
1854
- "modalSizeSpacingHorizontal": [
1855
- "modal.defaultSize"
1856
- ],
1857
- "modalSizeHeader": [
1858
- "modal.defaultSize"
1859
- ],
1860
- "modalSizeTitleDescriptionWrapper": [
1861
- "modal.defaultSize"
1862
- ],
1863
- "modalSizeCloseIconContainer": [
1864
- "modal.defaultSize"
1691
+ "runtimeConfigGetStyles": {
1692
+ "spacing": [
1693
+ "modal.gutter.${size}"
1694
+ ],
1695
+ "modalSizeRoot": [
1696
+ "modal.defaultSize"
1697
+ ],
1698
+ "modalVariantRoot": [
1699
+ "modal.defaultVariant"
1700
+ ],
1701
+ "modalSizeSpacingHorizontal": [
1702
+ "modal.defaultSize"
1703
+ ],
1704
+ "modalSizeHeader": [
1705
+ "modal.defaultSize"
1706
+ ],
1707
+ "modalSizeTitleDescriptionWrapper": [
1708
+ "modal.defaultSize"
1709
+ ],
1710
+ "modalSizeCloseIconContainer": [
1711
+ "modal.defaultSize"
1712
+ ],
1713
+ "modalSizeCloseIcon": [
1714
+ "modal.defaultSize"
1715
+ ],
1716
+ "modalVariantCloseIcon": [
1717
+ "modal.defaultVariant"
1718
+ ]
1719
+ },
1720
+ "runtimeConfigInternalComponentProps": {},
1721
+ "motionVarPrefixes": []
1722
+ },
1723
+ "RadioGroupStore": {
1724
+ "name": "RadioGroupStore",
1725
+ "defaultProps": {},
1726
+ "getStylesLiterals": {},
1727
+ "cxLiterals": [],
1728
+ "internalComponents": [],
1729
+ "internalComponentProps": {},
1730
+ "propToVariantKeys": {},
1731
+ "runtimeConfigDefaultProps": {},
1732
+ "runtimeConfigGetStyles": {},
1733
+ "runtimeConfigInternalComponentProps": {},
1734
+ "motionVarPrefixes": []
1735
+ },
1736
+ "RadioGroupProvider": {
1737
+ "name": "RadioGroupProvider",
1738
+ "defaultProps": {},
1739
+ "getStylesLiterals": {},
1740
+ "cxLiterals": [],
1741
+ "internalComponents": [
1742
+ "DivProps",
1743
+ "Comp",
1744
+ "RadioGroupContext.Provider"
1745
+ ],
1746
+ "internalComponentProps": {
1747
+ "Comp": {
1748
+ "role": [
1749
+ "radiogroup"
1750
+ ]
1751
+ }
1752
+ },
1753
+ "propToVariantKeys": {},
1754
+ "runtimeConfigDefaultProps": {},
1755
+ "runtimeConfigGetStyles": {},
1756
+ "runtimeConfigInternalComponentProps": {},
1757
+ "motionVarPrefixes": []
1758
+ },
1759
+ "Radio": {
1760
+ "name": "Radio",
1761
+ "defaultProps": {
1762
+ "labelPosition": "start",
1763
+ "variant": "primary",
1764
+ "size": "md",
1765
+ "value": ""
1766
+ },
1767
+ "getStylesLiterals": {
1768
+ "radioVariantValueRoot": "checked",
1769
+ "radioVariantValueRoot:1": "unchecked",
1770
+ "display": "flex",
1771
+ "flexDirection": "row",
1772
+ "flexDirection:1": "row-reverse",
1773
+ "alignItems": "center",
1774
+ "radioVariantValueRadio": "checked",
1775
+ "radioVariantValueRadio:1": "unchecked",
1776
+ "radioVariantValueRadioCircle": "checked",
1777
+ "radioVariantValueRadioCircle:1": "unchecked"
1778
+ },
1779
+ "cxLiterals": [
1780
+ "cursor-pointer",
1781
+ "cursor-default",
1782
+ "opacity-50",
1783
+ "border",
1784
+ "uds-ring",
1785
+ "uds-ring-within",
1786
+ "transition-[background-color,border-color]",
1787
+ "transition-shadow",
1788
+ "pointer-events-none",
1789
+ "w-[8px]",
1790
+ "h-[8px]",
1791
+ "opacity-55",
1792
+ "opacity-100",
1793
+ "opacity-0",
1794
+ "transition-opacity",
1795
+ "cursor-[inherit]",
1796
+ "absolute",
1797
+ "top-1/2",
1798
+ "left-1/2",
1799
+ "w-[calc(100%+2px)]",
1800
+ "h-[calc(100%+2px)]",
1801
+ "transform",
1802
+ "translate-x-[-50%]",
1803
+ "translate-y-[-50%]",
1804
+ "text-start",
1805
+ "text-end"
1806
+ ],
1807
+ "internalComponents": [
1808
+ "Box",
1809
+ "FormLabel",
1810
+ "SpringMotionConfig",
1811
+ "RootElement",
1812
+ "MotionBox"
1813
+ ],
1814
+ "internalComponentProps": {
1815
+ "Box": {
1816
+ "borderRadius": [
1817
+ "full"
1818
+ ]
1819
+ },
1820
+ "FormLabel": {
1821
+ "as": [
1822
+ "div"
1823
+ ],
1824
+ "variant": [
1825
+ "inherit"
1826
+ ],
1827
+ "color": [
1828
+ "inherit"
1829
+ ]
1830
+ },
1831
+ "RootElement": {
1832
+ "data-testid": [
1833
+ "container"
1834
+ ]
1835
+ },
1836
+ "MotionBox": {
1837
+ "position": [
1838
+ "relative"
1839
+ ],
1840
+ "borderRadius": [
1841
+ "full"
1842
+ ],
1843
+ "alignItems": [
1844
+ "center"
1845
+ ],
1846
+ "justifyContent": [
1847
+ "center"
1848
+ ],
1849
+ "flex": [
1850
+ "none"
1851
+ ]
1852
+ }
1853
+ },
1854
+ "propToVariantKeys": {
1855
+ "size": [
1856
+ "radioSizeRoot",
1857
+ "radioSizeRadio"
1865
1858
  ],
1866
- "modalSizeCloseIcon": [
1867
- "modal.defaultSize"
1859
+ "variant": [
1860
+ "radioVariantRoot",
1861
+ "radioVariantRadio",
1862
+ "radioVariantRadioCircle"
1868
1863
  ],
1869
- "modalVariantCloseIcon": [
1870
- "modal.defaultVariant"
1864
+ "reduceMotion": [
1865
+ "reducedMotion"
1871
1866
  ]
1872
1867
  },
1868
+ "runtimeConfigDefaultProps": {},
1869
+ "runtimeConfigGetStyles": {},
1873
1870
  "runtimeConfigInternalComponentProps": {},
1874
- "motionVarPrefixes": []
1871
+ "motionVarPrefixes": [
1872
+ "--uds-motion-subtle-3-",
1873
+ "--uds-motion-smooth-3-"
1874
+ ]
1875
1875
  },
1876
1876
  "PaginationEllipsis": {
1877
1877
  "name": "PaginationEllipsis",
@@ -3114,41 +3114,6 @@
3114
3114
  },
3115
3115
  "motionVarPrefixes": []
3116
3116
  },
3117
- "UDSConfigProvider": {
3118
- "name": "UDSConfigProvider",
3119
- "defaultProps": {},
3120
- "getStylesLiterals": {},
3121
- "cxLiterals": [],
3122
- "internalComponents": [
3123
- "UDSBreakpointsConfigProvider",
3124
- "UDSBottomSheetConfigProvider",
3125
- "UDSToastConfigProvider",
3126
- "UDSTooltipConfigProvider",
3127
- "UDSPopoverConfigProvider",
3128
- "UDSModalConfigProvider"
3129
- ],
3130
- "internalComponentProps": {},
3131
- "propToVariantKeys": {},
3132
- "runtimeConfigDefaultProps": {},
3133
- "runtimeConfigGetStyles": {},
3134
- "runtimeConfigInternalComponentProps": {},
3135
- "motionVarPrefixes": []
3136
- },
3137
- "UDSBreakpointsConfigProvider": {
3138
- "name": "UDSBreakpointsConfigProvider",
3139
- "defaultProps": {},
3140
- "getStylesLiterals": {},
3141
- "cxLiterals": [],
3142
- "internalComponents": [
3143
- "UDSBreakpointsConfigContext.Provider"
3144
- ],
3145
- "internalComponentProps": {},
3146
- "propToVariantKeys": {},
3147
- "runtimeConfigDefaultProps": {},
3148
- "runtimeConfigGetStyles": {},
3149
- "runtimeConfigInternalComponentProps": {},
3150
- "motionVarPrefixes": []
3151
- },
3152
3117
  "UDSPopoverConfigProvider": {
3153
3118
  "name": "UDSPopoverConfigProvider",
3154
3119
  "defaultProps": {},
@@ -3312,6 +3277,41 @@
3312
3277
  "runtimeConfigInternalComponentProps": {},
3313
3278
  "motionVarPrefixes": []
3314
3279
  },
3280
+ "UDSConfigProvider": {
3281
+ "name": "UDSConfigProvider",
3282
+ "defaultProps": {},
3283
+ "getStylesLiterals": {},
3284
+ "cxLiterals": [],
3285
+ "internalComponents": [
3286
+ "UDSBreakpointsConfigProvider",
3287
+ "UDSBottomSheetConfigProvider",
3288
+ "UDSToastConfigProvider",
3289
+ "UDSTooltipConfigProvider",
3290
+ "UDSPopoverConfigProvider",
3291
+ "UDSModalConfigProvider"
3292
+ ],
3293
+ "internalComponentProps": {},
3294
+ "propToVariantKeys": {},
3295
+ "runtimeConfigDefaultProps": {},
3296
+ "runtimeConfigGetStyles": {},
3297
+ "runtimeConfigInternalComponentProps": {},
3298
+ "motionVarPrefixes": []
3299
+ },
3300
+ "UDSBreakpointsConfigProvider": {
3301
+ "name": "UDSBreakpointsConfigProvider",
3302
+ "defaultProps": {},
3303
+ "getStylesLiterals": {},
3304
+ "cxLiterals": [],
3305
+ "internalComponents": [
3306
+ "UDSBreakpointsConfigContext.Provider"
3307
+ ],
3308
+ "internalComponentProps": {},
3309
+ "propToVariantKeys": {},
3310
+ "runtimeConfigDefaultProps": {},
3311
+ "runtimeConfigGetStyles": {},
3312
+ "runtimeConfigInternalComponentProps": {},
3313
+ "motionVarPrefixes": []
3314
+ },
3315
3315
  "BottomSheetTrigger": {
3316
3316
  "name": "BottomSheetTrigger",
3317
3317
  "defaultProps": {},
@@ -3744,47 +3744,211 @@
3744
3744
  "ChipBase": {
3745
3745
  "name": "ChipBase",
3746
3746
  "defaultProps": {
3747
- "size": "md",
3748
- "as": "div"
3747
+ "size": "md",
3748
+ "as": "div"
3749
+ },
3750
+ "getStylesLiterals": {},
3751
+ "cxLiterals": [
3752
+ "pointer-events-none",
3753
+ "cursor-default",
3754
+ "opacity-50",
3755
+ "inline-flex",
3756
+ "items-center",
3757
+ "transition-[background-color,outline-color,box-shadow]",
3758
+ "truncate",
3759
+ "whitespace-nowrap",
3760
+ "text-center",
3761
+ "flex-1",
3762
+ "md",
3763
+ "primary"
3764
+ ],
3765
+ "internalComponents": [
3766
+ "IconSlot",
3767
+ "HStack",
3768
+ "As",
3769
+ "Text"
3770
+ ],
3771
+ "internalComponentProps": {
3772
+ "Text": {
3773
+ "as": [
3774
+ "span"
3775
+ ],
3776
+ "color": [
3777
+ "current"
3778
+ ],
3779
+ "variant": [
3780
+ "inherit"
3781
+ ]
3782
+ }
3783
+ },
3784
+ "propToVariantKeys": {
3785
+ "size": [
3786
+ "chipSizeRoot",
3787
+ "chipSizeIcon"
3788
+ ],
3789
+ "startIcon": [
3790
+ "icon"
3791
+ ],
3792
+ "endIcon": [
3793
+ "icon"
3794
+ ]
3795
+ },
3796
+ "runtimeConfigDefaultProps": {},
3797
+ "runtimeConfigGetStyles": {},
3798
+ "runtimeConfigInternalComponentProps": {},
3799
+ "motionVarPrefixes": []
3800
+ },
3801
+ "TabList": {
3802
+ "name": "TabList",
3803
+ "defaultProps": {
3804
+ "variant": "primary"
3805
+ },
3806
+ "getStylesLiterals": {
3807
+ "tabSizeRoot": "default",
3808
+ "tabVariantActiveRoot": "on"
3809
+ },
3810
+ "cxLiterals": [
3811
+ "pointer-events-none",
3812
+ "absolute",
3813
+ "bottom-0",
3814
+ "left-0",
3815
+ "right-0",
3816
+ "h-[var(--uds-tab-underline-width,0px)]",
3817
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3818
+ "transition-[height,background-color]",
3819
+ "duration-[240ms]",
3820
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3821
+ "!m-0",
3822
+ "!p-0",
3823
+ "!gap-0",
3824
+ "box-border",
3825
+ "z-0",
3826
+ "min-w-0",
3827
+ "min-h-0",
3828
+ "flex",
3829
+ "flex-row",
3830
+ "items-center",
3831
+ "overflow-x-auto",
3832
+ "overflow-y-clip",
3833
+ "scrollbar-none",
3834
+ "[overflow-clip-margin:6px]",
3835
+ "overflow-clip",
3836
+ "[overflow-clip-margin:8px]",
3837
+ "relative",
3838
+ "left",
3839
+ "240ms",
3840
+ "cubic-bezier(0.2,",
3841
+ "0,",
3842
+ "1),",
3843
+ "top",
3844
+ "width",
3845
+ "height",
3846
+ "1)",
3847
+ "--uds-tab-underline-color",
3848
+ "--uds-tab-underline-width"
3849
+ ],
3850
+ "internalComponents": [
3851
+ "AriakitTabList"
3852
+ ],
3853
+ "internalComponentProps": {},
3854
+ "propToVariantKeys": {
3855
+ "variant": [
3856
+ "tabsVariantRoot",
3857
+ "tabVariantRoot"
3858
+ ]
3859
+ },
3860
+ "runtimeConfigDefaultProps": {},
3861
+ "runtimeConfigGetStyles": {},
3862
+ "runtimeConfigInternalComponentProps": {},
3863
+ "motionVarPrefixes": []
3864
+ },
3865
+ "Tabs": {
3866
+ "name": "Tabs",
3867
+ "defaultProps": {
3868
+ "variant": "primary"
3869
+ },
3870
+ "getStylesLiterals": {},
3871
+ "cxLiterals": [],
3872
+ "internalComponents": [
3873
+ "TabsContext.Provider",
3874
+ "TabProvider"
3875
+ ],
3876
+ "internalComponentProps": {},
3877
+ "propToVariantKeys": {
3878
+ "onSelectionChange": [
3879
+ "setSelectedId"
3880
+ ]
3881
+ },
3882
+ "runtimeConfigDefaultProps": {},
3883
+ "runtimeConfigGetStyles": {},
3884
+ "runtimeConfigInternalComponentProps": {},
3885
+ "motionVarPrefixes": []
3886
+ },
3887
+ "Tab": {
3888
+ "name": "Tab",
3889
+ "defaultProps": {
3890
+ "variant": "primary"
3891
+ },
3892
+ "getStylesLiterals": {
3893
+ "tabSizeRoot": "default",
3894
+ "tabVariantActiveRoot": "off",
3895
+ "tabVariantActiveRoot:1": "on",
3896
+ "tabSizeIcon": "default"
3749
3897
  },
3750
- "getStylesLiterals": {},
3751
3898
  "cxLiterals": [
3752
3899
  "pointer-events-none",
3753
- "cursor-default",
3754
- "opacity-50",
3900
+ "absolute",
3901
+ "bottom-0",
3902
+ "left-0",
3903
+ "right-0",
3904
+ "h-[var(--uds-tab-underline-width,0px)]",
3905
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3906
+ "transition-[height,background-color]",
3907
+ "duration-[240ms]",
3908
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3909
+ "!bg-transparent",
3910
+ "!shadow-none",
3755
3911
  "inline-flex",
3756
3912
  "items-center",
3757
- "transition-[background-color,outline-color,box-shadow]",
3758
- "truncate",
3913
+ "shrink-0",
3914
+ "box-border",
3915
+ "relative",
3916
+ "z-[1]",
3917
+ "cursor-pointer",
3918
+ "select-none",
3759
3919
  "whitespace-nowrap",
3760
- "text-center",
3761
- "flex-1",
3762
- "md",
3763
- "primary"
3920
+ "uds-ring",
3921
+ "opacity-50",
3922
+ "cursor-default",
3923
+ "border-solid",
3924
+ "border-b-solid",
3925
+ "transition-colors"
3764
3926
  ],
3765
3927
  "internalComponents": [
3766
3928
  "IconSlot",
3767
- "HStack",
3768
- "As",
3929
+ "AriakitTab",
3769
3930
  "Text"
3770
3931
  ],
3771
3932
  "internalComponentProps": {
3772
3933
  "Text": {
3934
+ "variant": [
3935
+ "inherit"
3936
+ ],
3773
3937
  "as": [
3774
3938
  "span"
3775
3939
  ],
3776
3940
  "color": [
3777
3941
  "current"
3778
- ],
3779
- "variant": [
3780
- "inherit"
3781
3942
  ]
3782
3943
  }
3783
3944
  },
3784
3945
  "propToVariantKeys": {
3785
- "size": [
3786
- "chipSizeRoot",
3787
- "chipSizeIcon"
3946
+ "variant": [
3947
+ "tabVariantRoot",
3948
+ "tabVariantIcon"
3949
+ ],
3950
+ "activeState": [
3951
+ "tabVariantActiveIcon"
3788
3952
  ],
3789
3953
  "startIcon": [
3790
3954
  "icon"
@@ -3798,6 +3962,21 @@
3798
3962
  "runtimeConfigInternalComponentProps": {},
3799
3963
  "motionVarPrefixes": []
3800
3964
  },
3965
+ "TabPanel": {
3966
+ "name": "TabPanel",
3967
+ "defaultProps": {},
3968
+ "getStylesLiterals": {},
3969
+ "cxLiterals": [],
3970
+ "internalComponents": [
3971
+ "AriakitTabPanel"
3972
+ ],
3973
+ "internalComponentProps": {},
3974
+ "propToVariantKeys": {},
3975
+ "runtimeConfigDefaultProps": {},
3976
+ "runtimeConfigGetStyles": {},
3977
+ "runtimeConfigInternalComponentProps": {},
3978
+ "motionVarPrefixes": []
3979
+ },
3801
3980
  "UDSTooltipConfigProvider": {
3802
3981
  "name": "UDSTooltipConfigProvider",
3803
3982
  "defaultProps": {},
@@ -4251,184 +4430,5 @@
4251
4430
  "runtimeConfigGetStyles": {},
4252
4431
  "runtimeConfigInternalComponentProps": {},
4253
4432
  "motionVarPrefixes": []
4254
- },
4255
- "TabList": {
4256
- "name": "TabList",
4257
- "defaultProps": {
4258
- "variant": "primary"
4259
- },
4260
- "getStylesLiterals": {
4261
- "tabSizeRoot": "default",
4262
- "tabVariantActiveRoot": "on"
4263
- },
4264
- "cxLiterals": [
4265
- "pointer-events-none",
4266
- "absolute",
4267
- "bottom-0",
4268
- "left-0",
4269
- "right-0",
4270
- "h-[var(--uds-tab-underline-width,0px)]",
4271
- "bg-[var(--uds-tab-underline-color,transparent)]",
4272
- "transition-[height,background-color]",
4273
- "duration-[240ms]",
4274
- "ease-[cubic-bezier(0.2,0,0,1)]",
4275
- "!m-0",
4276
- "!p-0",
4277
- "!gap-0",
4278
- "box-border",
4279
- "z-0",
4280
- "min-w-0",
4281
- "min-h-0",
4282
- "flex",
4283
- "flex-row",
4284
- "items-center",
4285
- "overflow-x-auto",
4286
- "overflow-y-clip",
4287
- "scrollbar-none",
4288
- "[overflow-clip-margin:6px]",
4289
- "overflow-clip",
4290
- "[overflow-clip-margin:8px]",
4291
- "relative",
4292
- "left",
4293
- "240ms",
4294
- "cubic-bezier(0.2,",
4295
- "0,",
4296
- "1),",
4297
- "top",
4298
- "width",
4299
- "height",
4300
- "1)",
4301
- "--uds-tab-underline-color",
4302
- "--uds-tab-underline-width"
4303
- ],
4304
- "internalComponents": [
4305
- "AriakitTabList"
4306
- ],
4307
- "internalComponentProps": {},
4308
- "propToVariantKeys": {
4309
- "variant": [
4310
- "tabsVariantRoot",
4311
- "tabVariantRoot"
4312
- ]
4313
- },
4314
- "runtimeConfigDefaultProps": {},
4315
- "runtimeConfigGetStyles": {},
4316
- "runtimeConfigInternalComponentProps": {},
4317
- "motionVarPrefixes": []
4318
- },
4319
- "Tabs": {
4320
- "name": "Tabs",
4321
- "defaultProps": {
4322
- "variant": "primary"
4323
- },
4324
- "getStylesLiterals": {},
4325
- "cxLiterals": [],
4326
- "internalComponents": [
4327
- "TabsContext.Provider",
4328
- "TabProvider"
4329
- ],
4330
- "internalComponentProps": {},
4331
- "propToVariantKeys": {
4332
- "onSelectionChange": [
4333
- "setSelectedId"
4334
- ]
4335
- },
4336
- "runtimeConfigDefaultProps": {},
4337
- "runtimeConfigGetStyles": {},
4338
- "runtimeConfigInternalComponentProps": {},
4339
- "motionVarPrefixes": []
4340
- },
4341
- "Tab": {
4342
- "name": "Tab",
4343
- "defaultProps": {
4344
- "variant": "primary"
4345
- },
4346
- "getStylesLiterals": {
4347
- "tabSizeRoot": "default",
4348
- "tabVariantActiveRoot": "off",
4349
- "tabVariantActiveRoot:1": "on",
4350
- "tabSizeIcon": "default"
4351
- },
4352
- "cxLiterals": [
4353
- "pointer-events-none",
4354
- "absolute",
4355
- "bottom-0",
4356
- "left-0",
4357
- "right-0",
4358
- "h-[var(--uds-tab-underline-width,0px)]",
4359
- "bg-[var(--uds-tab-underline-color,transparent)]",
4360
- "transition-[height,background-color]",
4361
- "duration-[240ms]",
4362
- "ease-[cubic-bezier(0.2,0,0,1)]",
4363
- "!bg-transparent",
4364
- "!shadow-none",
4365
- "inline-flex",
4366
- "items-center",
4367
- "shrink-0",
4368
- "box-border",
4369
- "relative",
4370
- "z-[1]",
4371
- "cursor-pointer",
4372
- "select-none",
4373
- "whitespace-nowrap",
4374
- "uds-ring",
4375
- "opacity-50",
4376
- "cursor-default",
4377
- "border-solid",
4378
- "border-b-solid",
4379
- "transition-colors"
4380
- ],
4381
- "internalComponents": [
4382
- "IconSlot",
4383
- "AriakitTab",
4384
- "Text"
4385
- ],
4386
- "internalComponentProps": {
4387
- "Text": {
4388
- "variant": [
4389
- "inherit"
4390
- ],
4391
- "as": [
4392
- "span"
4393
- ],
4394
- "color": [
4395
- "current"
4396
- ]
4397
- }
4398
- },
4399
- "propToVariantKeys": {
4400
- "variant": [
4401
- "tabVariantRoot",
4402
- "tabVariantIcon"
4403
- ],
4404
- "activeState": [
4405
- "tabVariantActiveIcon"
4406
- ],
4407
- "startIcon": [
4408
- "icon"
4409
- ],
4410
- "endIcon": [
4411
- "icon"
4412
- ]
4413
- },
4414
- "runtimeConfigDefaultProps": {},
4415
- "runtimeConfigGetStyles": {},
4416
- "runtimeConfigInternalComponentProps": {},
4417
- "motionVarPrefixes": []
4418
- },
4419
- "TabPanel": {
4420
- "name": "TabPanel",
4421
- "defaultProps": {},
4422
- "getStylesLiterals": {},
4423
- "cxLiterals": [],
4424
- "internalComponents": [
4425
- "AriakitTabPanel"
4426
- ],
4427
- "internalComponentProps": {},
4428
- "propToVariantKeys": {},
4429
- "runtimeConfigDefaultProps": {},
4430
- "runtimeConfigGetStyles": {},
4431
- "runtimeConfigInternalComponentProps": {},
4432
- "motionVarPrefixes": []
4433
4433
  }
4434
4434
  }