@yahoo/uds 3.136.0 → 3.137.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 (25) hide show
  1. package/dist/components/Scrim.cjs +1 -1
  2. package/dist/components/Scrim.js +1 -1
  3. package/dist/components/client/BottomSheet/BottomSheet.cjs +25 -5
  4. package/dist/components/client/BottomSheet/BottomSheet.d.cts +11 -1
  5. package/dist/components/client/BottomSheet/BottomSheet.d.ts +11 -1
  6. package/dist/components/client/BottomSheet/BottomSheet.js +25 -5
  7. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +11 -5
  8. package/dist/components/client/BottomSheet/BottomSheetHeader.js +11 -5
  9. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.cjs +13 -0
  10. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.d.cts +12 -0
  11. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.d.ts +13 -0
  12. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.js +12 -0
  13. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  14. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  15. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  16. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  17. package/dist/styles/styler.d.cts +25 -25
  18. package/dist/styles/styler.d.ts +25 -25
  19. package/dist/uds/generated/componentData.cjs +361 -354
  20. package/dist/uds/generated/componentData.js +361 -354
  21. package/dist/uds/generated/tailwindPurge.cjs +6 -6
  22. package/dist/uds/generated/tailwindPurge.js +6 -6
  23. package/generated/componentData.json +420 -410
  24. package/generated/tailwindPurge.ts +1 -1
  25. package/package.json +1 -1
@@ -150,6 +150,7 @@ var Scrim = {
150
150
  "z-40",
151
151
  "transition-opacity",
152
152
  "duration-150",
153
+ "motion-reduce:transition-none",
153
154
  "data-[enter]:opacity-100",
154
155
  "[&:not([data-enter])]:opacity-0",
155
156
  "opacity-100",
@@ -1046,7 +1047,11 @@ var BottomSheetHeader = {
1046
1047
  "min-h-10",
1047
1048
  "mt-2"
1048
1049
  ],
1049
- "internalComponents": ["Box", "Text"],
1050
+ "internalComponents": [
1051
+ "Box",
1052
+ "Text",
1053
+ "DialogHeading"
1054
+ ],
1050
1055
  "internalComponentProps": {
1051
1056
  "Box": {
1052
1057
  "className": ["h-10 w-10 opacity-0 pointer-events-none"],
@@ -1054,11 +1059,13 @@ var BottomSheetHeader = {
1054
1059
  "justifyContent": ["flex-start", "flex-end"]
1055
1060
  },
1056
1061
  "Text": {
1062
+ "as": ["p"],
1057
1063
  "variant": ["inherit"],
1058
1064
  "color": ["inherit"],
1059
1065
  "textAlign": ["center"],
1060
- "className": ["w-full"]
1061
- }
1066
+ "className": ["m-0 w-full"]
1067
+ },
1068
+ "DialogHeading": { "role": ["heading"] }
1062
1069
  },
1063
1070
  "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1064
1071
  "runtimeConfigDefaultProps": {},
@@ -1118,6 +1125,136 @@ var UDSBottomSheetConfigProvider = {
1118
1125
  "runtimeConfigInternalComponentProps": {},
1119
1126
  "motionVarPrefixes": []
1120
1127
  };
1128
+ var Input = {
1129
+ "name": "Input",
1130
+ "defaultProps": {
1131
+ "type": "text",
1132
+ "size": "md",
1133
+ "width": "full"
1134
+ },
1135
+ "getStylesLiterals": {
1136
+ "inputVariantRoot": "default",
1137
+ "inputVariantValueRoot": "empty",
1138
+ "inputVariantValueRoot:1": "filled",
1139
+ "inputVariantInputWrapper": "default",
1140
+ "inputVariantValueInputWrapper": "empty",
1141
+ "inputVariantValueInputWrapper:1": "filled",
1142
+ "inputVariantInput": "default",
1143
+ "inputVariantValueInput": "empty",
1144
+ "inputVariantValueInput:1": "filled",
1145
+ "inputVariantInputPlaceholder": "default",
1146
+ "inputVariantValueInputPlaceholder": "empty",
1147
+ "inputVariantValueInputPlaceholder:1": "filled",
1148
+ "inputVariantLabel": "default",
1149
+ "inputVariantValueLabel": "empty",
1150
+ "inputVariantValueLabel:1": "filled",
1151
+ "inputVariantLabelRequired": "default",
1152
+ "inputVariantValueLabelRequired": "empty",
1153
+ "inputVariantValueLabelRequired:1": "filled",
1154
+ "inputVariantStartIcon": "default",
1155
+ "inputVariantValueStartIcon": "empty",
1156
+ "inputVariantValueStartIcon:1": "filled",
1157
+ "inputVariantEndIcon": "default",
1158
+ "inputVariantValueEndIcon": "empty",
1159
+ "inputVariantValueEndIcon:1": "filled"
1160
+ },
1161
+ "cxLiterals": [
1162
+ "opacity-50",
1163
+ "min-w-[200px]",
1164
+ "grow",
1165
+ "uds-hit-target",
1166
+ "bg-clip-text",
1167
+ "focus:outline-none",
1168
+ "cursor-text",
1169
+ "cursor-not-allowed"
1170
+ ],
1171
+ "internalComponents": [
1172
+ "IconSlot",
1173
+ "StartIcon",
1174
+ "EndIcon",
1175
+ "HelpTextContent",
1176
+ "Box",
1177
+ "InputHelpTextInternal",
1178
+ "VStack",
1179
+ "HStack",
1180
+ "AnimateHeightChange"
1181
+ ],
1182
+ "internalComponentProps": {
1183
+ "HelpTextContent": { "spacingTop": ["2"] },
1184
+ "Box": {
1185
+ "spacingBottom": ["2"],
1186
+ "columnGap": ["0.5"],
1187
+ "alignItems": ["flex-end", "center"],
1188
+ "position": ["relative"]
1189
+ },
1190
+ "HStack": {
1191
+ "alignItems": ["center"],
1192
+ "gap": ["1"]
1193
+ }
1194
+ },
1195
+ "propToVariantKeys": {
1196
+ "size": [
1197
+ "inputSizeRoot",
1198
+ "inputSizeInputWrapper",
1199
+ "inputSizeInput",
1200
+ "inputSizeLabel",
1201
+ "inputSizeStartIcon",
1202
+ "inputSizeEndIcon"
1203
+ ],
1204
+ "startIcon": ["icon"],
1205
+ "endIcon": ["icon"],
1206
+ "slotProps": ["helperTextSlotProps"],
1207
+ "helperTextIcon": ["startIcon"]
1208
+ },
1209
+ "runtimeConfigDefaultProps": {},
1210
+ "runtimeConfigGetStyles": {},
1211
+ "runtimeConfigInternalComponentProps": {},
1212
+ "motionVarPrefixes": []
1213
+ };
1214
+ var InputHelpText = {
1215
+ "name": "InputHelpText",
1216
+ "defaultProps": { "size": "md" },
1217
+ "getStylesLiterals": {
1218
+ "inputVariantRoot": "default",
1219
+ "inputVariantValueRoot": "empty",
1220
+ "inputVariantValueRoot:1": "filled"
1221
+ },
1222
+ "cxLiterals": [],
1223
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1224
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1225
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1226
+ "runtimeConfigDefaultProps": {},
1227
+ "runtimeConfigGetStyles": {},
1228
+ "runtimeConfigInternalComponentProps": {},
1229
+ "motionVarPrefixes": []
1230
+ };
1231
+ var InputHelpTextInternal = {
1232
+ "name": "InputHelpTextInternal",
1233
+ "defaultProps": {},
1234
+ "getStylesLiterals": {
1235
+ "inputVariantHelperText": "default",
1236
+ "inputVariantValueHelperText": "empty",
1237
+ "inputVariantValueHelperText:1": "filled",
1238
+ "inputVariantHelperIcon": "default",
1239
+ "inputVariantValueHelperIcon": "empty",
1240
+ "inputVariantValueHelperIcon:1": "filled"
1241
+ },
1242
+ "cxLiterals": [],
1243
+ "internalComponents": ["IconSlot", "HStack"],
1244
+ "internalComponentProps": { "HStack": {
1245
+ "gap": ["1"],
1246
+ "alignItems": ["center"]
1247
+ } },
1248
+ "propToVariantKeys": {
1249
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1250
+ "startIcon": ["icon"],
1251
+ "endIcon": ["icon"]
1252
+ },
1253
+ "runtimeConfigDefaultProps": {},
1254
+ "runtimeConfigGetStyles": {},
1255
+ "runtimeConfigInternalComponentProps": {},
1256
+ "motionVarPrefixes": []
1257
+ };
1121
1258
  var Chip = {
1122
1259
  "name": "Chip",
1123
1260
  "defaultProps": {},
@@ -1464,200 +1601,70 @@ var Menu = {
1464
1601
  "runtimeConfigInternalComponentProps": {},
1465
1602
  "motionVarPrefixes": []
1466
1603
  };
1467
- var Input = {
1468
- "name": "Input",
1604
+ var Modal = {
1605
+ "name": "Modal",
1469
1606
  "defaultProps": {
1470
- "type": "text",
1471
- "size": "md",
1472
- "width": "full"
1607
+ "closeAriaLabel": "Close",
1608
+ "maxWidth": "auto",
1609
+ "maxHeight": "auto",
1610
+ "scrollBehavior": "outside"
1473
1611
  },
1474
1612
  "getStylesLiterals": {
1475
- "inputVariantRoot": "default",
1476
- "inputVariantValueRoot": "empty",
1477
- "inputVariantValueRoot:1": "filled",
1478
- "inputVariantInputWrapper": "default",
1479
- "inputVariantValueInputWrapper": "empty",
1480
- "inputVariantValueInputWrapper:1": "filled",
1481
- "inputVariantInput": "default",
1482
- "inputVariantValueInput": "empty",
1483
- "inputVariantValueInput:1": "filled",
1484
- "inputVariantInputPlaceholder": "default",
1485
- "inputVariantValueInputPlaceholder": "empty",
1486
- "inputVariantValueInputPlaceholder:1": "filled",
1487
- "inputVariantLabel": "default",
1488
- "inputVariantValueLabel": "empty",
1489
- "inputVariantValueLabel:1": "filled",
1490
- "inputVariantLabelRequired": "default",
1491
- "inputVariantValueLabelRequired": "empty",
1492
- "inputVariantValueLabelRequired:1": "filled",
1493
- "inputVariantStartIcon": "default",
1494
- "inputVariantValueStartIcon": "empty",
1495
- "inputVariantValueStartIcon:1": "filled",
1496
- "inputVariantEndIcon": "default",
1497
- "inputVariantValueEndIcon": "empty",
1498
- "inputVariantValueEndIcon:1": "filled"
1613
+ "flexDirection": "row-reverse",
1614
+ "justifyContent": "space-between",
1615
+ "alignItems": "flex-end",
1616
+ "alignItems:1": "flex-start",
1617
+ "borderRadius": "full"
1499
1618
  },
1500
1619
  "cxLiterals": [
1501
- "opacity-50",
1502
- "min-w-[200px]",
1503
- "grow",
1504
- "uds-hit-target",
1505
- "bg-clip-text",
1506
- "focus:outline-none",
1507
- "cursor-text",
1508
- "cursor-not-allowed"
1620
+ "fixed",
1621
+ "inset-0",
1622
+ "z-40",
1623
+ "overflow-y-auto",
1624
+ "overflow-hidden",
1625
+ "transition-[opacity,visibility]",
1626
+ "visible",
1627
+ "opacity-100",
1628
+ "invisible",
1629
+ "opacity-0",
1630
+ "pointer-events-none",
1631
+ "uds-bgBlurFallback",
1632
+ "w-full",
1633
+ "w-fit",
1634
+ "h-full",
1635
+ "h-fit",
1636
+ "m-auto",
1637
+ "pointer-events-auto",
1638
+ "inside",
1639
+ "max-h-full",
1640
+ "transition-transform",
1641
+ "duration-0",
1642
+ "duration-120",
1643
+ "transition-[background-color]",
1644
+ "bg-carbon-15/0",
1645
+ "hover:bg-carbon-15/10",
1646
+ "active:bg-carbon-15/15",
1647
+ "uds-ring",
1648
+ "[translate:50%_-50%]"
1509
1649
  ],
1510
1650
  "internalComponents": [
1651
+ "Scrim",
1652
+ "VStack",
1653
+ "Pressable",
1511
1654
  "IconSlot",
1512
- "StartIcon",
1513
- "EndIcon",
1514
- "HelpTextContent",
1515
1655
  "Box",
1516
- "InputHelpTextInternal",
1517
- "VStack",
1656
+ "Dialog",
1657
+ "ModalContext.Provider",
1518
1658
  "HStack",
1519
- "AnimateHeightChange"
1659
+ "DialogDismiss",
1660
+ "ModalTitle",
1661
+ "ModalDescription",
1662
+ "ModalContent",
1663
+ "ModalActions"
1520
1664
  ],
1521
- "internalComponentProps": {
1522
- "HelpTextContent": { "spacingTop": ["2"] },
1523
- "Box": {
1524
- "spacingBottom": ["2"],
1525
- "columnGap": ["0.5"],
1526
- "alignItems": ["flex-end", "center"],
1527
- "position": ["relative"]
1528
- },
1529
- "HStack": {
1530
- "alignItems": ["center"],
1531
- "gap": ["1"]
1532
- }
1533
- },
1665
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1534
1666
  "propToVariantKeys": {
1535
- "size": [
1536
- "inputSizeRoot",
1537
- "inputSizeInputWrapper",
1538
- "inputSizeInput",
1539
- "inputSizeLabel",
1540
- "inputSizeStartIcon",
1541
- "inputSizeEndIcon"
1542
- ],
1543
- "startIcon": ["icon"],
1544
- "endIcon": ["icon"],
1545
- "slotProps": ["helperTextSlotProps"],
1546
- "helperTextIcon": ["startIcon"]
1547
- },
1548
- "runtimeConfigDefaultProps": {},
1549
- "runtimeConfigGetStyles": {},
1550
- "runtimeConfigInternalComponentProps": {},
1551
- "motionVarPrefixes": []
1552
- };
1553
- var InputHelpText = {
1554
- "name": "InputHelpText",
1555
- "defaultProps": { "size": "md" },
1556
- "getStylesLiterals": {
1557
- "inputVariantRoot": "default",
1558
- "inputVariantValueRoot": "empty",
1559
- "inputVariantValueRoot:1": "filled"
1560
- },
1561
- "cxLiterals": [],
1562
- "internalComponents": ["InputHelpTextInternal", "Box"],
1563
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1564
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1565
- "runtimeConfigDefaultProps": {},
1566
- "runtimeConfigGetStyles": {},
1567
- "runtimeConfigInternalComponentProps": {},
1568
- "motionVarPrefixes": []
1569
- };
1570
- var InputHelpTextInternal = {
1571
- "name": "InputHelpTextInternal",
1572
- "defaultProps": {},
1573
- "getStylesLiterals": {
1574
- "inputVariantHelperText": "default",
1575
- "inputVariantValueHelperText": "empty",
1576
- "inputVariantValueHelperText:1": "filled",
1577
- "inputVariantHelperIcon": "default",
1578
- "inputVariantValueHelperIcon": "empty",
1579
- "inputVariantValueHelperIcon:1": "filled"
1580
- },
1581
- "cxLiterals": [],
1582
- "internalComponents": ["IconSlot", "HStack"],
1583
- "internalComponentProps": { "HStack": {
1584
- "gap": ["1"],
1585
- "alignItems": ["center"]
1586
- } },
1587
- "propToVariantKeys": {
1588
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1589
- "startIcon": ["icon"],
1590
- "endIcon": ["icon"]
1591
- },
1592
- "runtimeConfigDefaultProps": {},
1593
- "runtimeConfigGetStyles": {},
1594
- "runtimeConfigInternalComponentProps": {},
1595
- "motionVarPrefixes": []
1596
- };
1597
- var Modal = {
1598
- "name": "Modal",
1599
- "defaultProps": {
1600
- "closeAriaLabel": "Close",
1601
- "maxWidth": "auto",
1602
- "maxHeight": "auto",
1603
- "scrollBehavior": "outside"
1604
- },
1605
- "getStylesLiterals": {
1606
- "flexDirection": "row-reverse",
1607
- "justifyContent": "space-between",
1608
- "alignItems": "flex-end",
1609
- "alignItems:1": "flex-start",
1610
- "borderRadius": "full"
1611
- },
1612
- "cxLiterals": [
1613
- "fixed",
1614
- "inset-0",
1615
- "z-40",
1616
- "overflow-y-auto",
1617
- "overflow-hidden",
1618
- "transition-[opacity,visibility]",
1619
- "visible",
1620
- "opacity-100",
1621
- "invisible",
1622
- "opacity-0",
1623
- "pointer-events-none",
1624
- "uds-bgBlurFallback",
1625
- "w-full",
1626
- "w-fit",
1627
- "h-full",
1628
- "h-fit",
1629
- "m-auto",
1630
- "pointer-events-auto",
1631
- "inside",
1632
- "max-h-full",
1633
- "transition-transform",
1634
- "duration-0",
1635
- "duration-120",
1636
- "transition-[background-color]",
1637
- "bg-carbon-15/0",
1638
- "hover:bg-carbon-15/10",
1639
- "active:bg-carbon-15/15",
1640
- "uds-ring",
1641
- "[translate:50%_-50%]"
1642
- ],
1643
- "internalComponents": [
1644
- "Scrim",
1645
- "VStack",
1646
- "Pressable",
1647
- "IconSlot",
1648
- "Box",
1649
- "Dialog",
1650
- "ModalContext.Provider",
1651
- "HStack",
1652
- "DialogDismiss",
1653
- "ModalTitle",
1654
- "ModalDescription",
1655
- "ModalContent",
1656
- "ModalActions"
1657
- ],
1658
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1659
- "propToVariantKeys": {
1660
- "gutter": ["spacing"],
1667
+ "gutter": ["spacing"],
1661
1668
  "size": [
1662
1669
  "modalSizeRoot",
1663
1670
  "modalSizeSpacingHorizontal",
@@ -2040,130 +2047,92 @@ var RadioGroupStore = {
2040
2047
  "runtimeConfigInternalComponentProps": {},
2041
2048
  "motionVarPrefixes": []
2042
2049
  };
2043
- var Tab = {
2044
- "name": "Tab",
2045
- "defaultProps": { "variant": "primary" },
2050
+ var Tooltip = {
2051
+ "name": "Tooltip",
2052
+ "defaultProps": {},
2053
+ "getStylesLiterals": {},
2054
+ "cxLiterals": [],
2055
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2056
+ "internalComponentProps": {},
2057
+ "propToVariantKeys": {},
2058
+ "runtimeConfigDefaultProps": {},
2059
+ "runtimeConfigGetStyles": {},
2060
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2061
+ "motionVarPrefixes": []
2062
+ };
2063
+ var TooltipContent = {
2064
+ "name": "TooltipContent",
2065
+ "defaultProps": {},
2046
2066
  "getStylesLiterals": {
2047
- "tabSizeRoot": "default",
2048
- "tabVariantActiveRoot": "off",
2049
- "tabVariantActiveRoot:1": "on",
2050
- "tabSizeIcon": "default"
2067
+ "tooltipSizeRoot": "default",
2068
+ "tooltipVariantRoot": "default",
2069
+ "tooltipSizeSvg": "default",
2070
+ "tooltipVariantSvg": "default",
2071
+ "tooltipVariantBlur": "default",
2072
+ "position": "absolute",
2073
+ "width": "full",
2074
+ "height": "full",
2075
+ "tooltipSizeTitle": "default",
2076
+ "tooltipSizeBody": "default",
2077
+ "tooltipSizeEndContent": "default",
2078
+ "tooltipSizeIcon": "default",
2079
+ "tooltipVariantIcon": "default"
2051
2080
  },
2052
2081
  "cxLiterals": [
2053
- "pointer-events-none",
2054
- "absolute",
2055
- "bottom-0",
2082
+ "max-w-lg",
2083
+ "flex",
2084
+ "z-[9999]",
2085
+ "uds-bgBlurFillFallback",
2086
+ "uds-bgBlurFallback",
2087
+ "top-0",
2056
2088
  "left-0",
2057
- "right-0",
2058
- "h-[var(--uds-tab-underline-width,0px)]",
2059
- "bg-[var(--uds-tab-underline-color,transparent)]",
2060
- "transition-[height,background-color]",
2061
- "duration-[240ms]",
2062
- "ease-[cubic-bezier(0.2,0,0,1)]",
2063
- "!bg-transparent",
2064
- "!shadow-none",
2065
- "inline-flex",
2066
- "items-center",
2067
- "shrink-0",
2068
- "box-border",
2069
- "relative",
2070
- "z-[1]",
2071
- "cursor-pointer",
2072
- "select-none",
2073
- "whitespace-nowrap",
2074
- "uds-ring",
2075
- "opacity-50",
2076
- "cursor-default",
2077
- "border-solid",
2078
- "border-b-solid",
2079
- "transition-colors"
2089
+ "z-[1]"
2080
2090
  ],
2081
2091
  "internalComponents": [
2082
2092
  "IconSlot",
2083
- "AriakitTab",
2093
+ "TooltipArrow",
2094
+ "Tooltip",
2095
+ "SvgFloatingOverlay",
2096
+ "VStack",
2097
+ "Box",
2084
2098
  "Text"
2085
2099
  ],
2086
- "internalComponentProps": { "Text": {
2087
- "variant": ["inherit"],
2088
- "as": ["span"],
2089
- "color": ["current"]
2090
- } },
2091
- "propToVariantKeys": {
2092
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2093
- "activeState": ["tabVariantActiveIcon"],
2094
- "startIcon": ["icon"],
2095
- "endIcon": ["icon"]
2096
- },
2097
- "runtimeConfigDefaultProps": {},
2098
- "runtimeConfigGetStyles": {},
2099
- "runtimeConfigInternalComponentProps": {},
2100
- "motionVarPrefixes": []
2101
- };
2102
- var TabList = {
2103
- "name": "TabList",
2104
- "defaultProps": { "variant": "primary" },
2105
- "getStylesLiterals": {
2106
- "tabSizeRoot": "default",
2107
- "tabVariantActiveRoot": "on"
2100
+ "internalComponentProps": {
2101
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2102
+ "VStack": { "className": ["gap-[inherit]"] },
2103
+ "Box": {
2104
+ "alignItems": ["center"],
2105
+ "columnGap": ["1", "1.5"]
2106
+ },
2107
+ "Text": { "color": ["inherit"] }
2108
2108
  },
2109
- "cxLiterals": [
2110
- "pointer-events-none",
2111
- "absolute",
2112
- "bottom-0",
2113
- "left-0",
2114
- "right-0",
2115
- "h-[var(--uds-tab-underline-width,0px)]",
2116
- "bg-[var(--uds-tab-underline-color,transparent)]",
2117
- "transition-[height,background-color]",
2118
- "duration-[240ms]",
2119
- "ease-[cubic-bezier(0.2,0,0,1)]",
2120
- "!m-0",
2121
- "!p-0",
2122
- "!gap-0",
2123
- "box-border",
2124
- "z-0",
2125
- "min-w-0",
2126
- "min-h-0",
2127
- "flex",
2128
- "flex-row",
2129
- "items-center",
2130
- "overflow-x-auto",
2131
- "overflow-y-clip",
2132
- "scrollbar-none",
2133
- "[overflow-clip-margin:6px]",
2134
- "overflow-clip",
2135
- "[overflow-clip-margin:8px]",
2136
- "relative"
2137
- ],
2138
- "internalComponents": ["AriakitTabList"],
2139
- "internalComponentProps": {},
2140
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2109
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2141
2110
  "runtimeConfigDefaultProps": {},
2142
2111
  "runtimeConfigGetStyles": {},
2143
2112
  "runtimeConfigInternalComponentProps": {},
2144
2113
  "motionVarPrefixes": []
2145
2114
  };
2146
- var TabPanel = {
2147
- "name": "TabPanel",
2115
+ var TooltipTrigger = {
2116
+ "name": "TooltipTrigger",
2148
2117
  "defaultProps": {},
2149
2118
  "getStylesLiterals": {},
2150
2119
  "cxLiterals": [],
2151
- "internalComponents": ["AriakitTabPanel"],
2152
- "internalComponentProps": {},
2153
- "propToVariantKeys": {},
2120
+ "internalComponents": ["TooltipAnchor"],
2121
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2122
+ "propToVariantKeys": { "children": ["render"] },
2154
2123
  "runtimeConfigDefaultProps": {},
2155
2124
  "runtimeConfigGetStyles": {},
2156
2125
  "runtimeConfigInternalComponentProps": {},
2157
2126
  "motionVarPrefixes": []
2158
2127
  };
2159
- var Tabs = {
2160
- "name": "Tabs",
2161
- "defaultProps": { "variant": "primary" },
2128
+ var UDSTooltipConfigProvider = {
2129
+ "name": "UDSTooltipConfigProvider",
2130
+ "defaultProps": {},
2162
2131
  "getStylesLiterals": {},
2163
2132
  "cxLiterals": [],
2164
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2133
+ "internalComponents": ["TooltipContext.Provider"],
2165
2134
  "internalComponentProps": {},
2166
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2135
+ "propToVariantKeys": {},
2167
2136
  "runtimeConfigDefaultProps": {},
2168
2137
  "runtimeConfigGetStyles": {},
2169
2138
  "runtimeConfigInternalComponentProps": {},
@@ -2300,92 +2269,130 @@ var UDSToastConfigProvider = {
2300
2269
  "runtimeConfigInternalComponentProps": {},
2301
2270
  "motionVarPrefixes": []
2302
2271
  };
2303
- var Tooltip = {
2304
- "name": "Tooltip",
2305
- "defaultProps": {},
2306
- "getStylesLiterals": {},
2307
- "cxLiterals": [],
2308
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2309
- "internalComponentProps": {},
2310
- "propToVariantKeys": {},
2311
- "runtimeConfigDefaultProps": {},
2312
- "runtimeConfigGetStyles": {},
2313
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2314
- "motionVarPrefixes": []
2315
- };
2316
- var TooltipContent = {
2317
- "name": "TooltipContent",
2318
- "defaultProps": {},
2272
+ var Tab = {
2273
+ "name": "Tab",
2274
+ "defaultProps": { "variant": "primary" },
2319
2275
  "getStylesLiterals": {
2320
- "tooltipSizeRoot": "default",
2321
- "tooltipVariantRoot": "default",
2322
- "tooltipSizeSvg": "default",
2323
- "tooltipVariantSvg": "default",
2324
- "tooltipVariantBlur": "default",
2325
- "position": "absolute",
2326
- "width": "full",
2327
- "height": "full",
2328
- "tooltipSizeTitle": "default",
2329
- "tooltipSizeBody": "default",
2330
- "tooltipSizeEndContent": "default",
2331
- "tooltipSizeIcon": "default",
2332
- "tooltipVariantIcon": "default"
2276
+ "tabSizeRoot": "default",
2277
+ "tabVariantActiveRoot": "off",
2278
+ "tabVariantActiveRoot:1": "on",
2279
+ "tabSizeIcon": "default"
2333
2280
  },
2334
2281
  "cxLiterals": [
2335
- "max-w-lg",
2336
- "flex",
2337
- "z-[9999]",
2338
- "uds-bgBlurFillFallback",
2339
- "uds-bgBlurFallback",
2340
- "top-0",
2282
+ "pointer-events-none",
2283
+ "absolute",
2284
+ "bottom-0",
2341
2285
  "left-0",
2342
- "z-[1]"
2286
+ "right-0",
2287
+ "h-[var(--uds-tab-underline-width,0px)]",
2288
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2289
+ "transition-[height,background-color]",
2290
+ "duration-[240ms]",
2291
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2292
+ "!bg-transparent",
2293
+ "!shadow-none",
2294
+ "inline-flex",
2295
+ "items-center",
2296
+ "shrink-0",
2297
+ "box-border",
2298
+ "relative",
2299
+ "z-[1]",
2300
+ "cursor-pointer",
2301
+ "select-none",
2302
+ "whitespace-nowrap",
2303
+ "uds-ring",
2304
+ "opacity-50",
2305
+ "cursor-default",
2306
+ "border-solid",
2307
+ "border-b-solid",
2308
+ "transition-colors"
2343
2309
  ],
2344
2310
  "internalComponents": [
2345
2311
  "IconSlot",
2346
- "TooltipArrow",
2347
- "Tooltip",
2348
- "SvgFloatingOverlay",
2349
- "VStack",
2350
- "Box",
2312
+ "AriakitTab",
2351
2313
  "Text"
2352
2314
  ],
2353
- "internalComponentProps": {
2354
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2355
- "VStack": { "className": ["gap-[inherit]"] },
2356
- "Box": {
2357
- "alignItems": ["center"],
2358
- "columnGap": ["1", "1.5"]
2359
- },
2360
- "Text": { "color": ["inherit"] }
2315
+ "internalComponentProps": { "Text": {
2316
+ "variant": ["inherit"],
2317
+ "as": ["span"],
2318
+ "color": ["current"]
2319
+ } },
2320
+ "propToVariantKeys": {
2321
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2322
+ "activeState": ["tabVariantActiveIcon"],
2323
+ "startIcon": ["icon"],
2324
+ "endIcon": ["icon"]
2361
2325
  },
2362
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2363
2326
  "runtimeConfigDefaultProps": {},
2364
2327
  "runtimeConfigGetStyles": {},
2365
2328
  "runtimeConfigInternalComponentProps": {},
2366
2329
  "motionVarPrefixes": []
2367
2330
  };
2368
- var TooltipTrigger = {
2369
- "name": "TooltipTrigger",
2331
+ var TabList = {
2332
+ "name": "TabList",
2333
+ "defaultProps": { "variant": "primary" },
2334
+ "getStylesLiterals": {
2335
+ "tabSizeRoot": "default",
2336
+ "tabVariantActiveRoot": "on"
2337
+ },
2338
+ "cxLiterals": [
2339
+ "pointer-events-none",
2340
+ "absolute",
2341
+ "bottom-0",
2342
+ "left-0",
2343
+ "right-0",
2344
+ "h-[var(--uds-tab-underline-width,0px)]",
2345
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2346
+ "transition-[height,background-color]",
2347
+ "duration-[240ms]",
2348
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2349
+ "!m-0",
2350
+ "!p-0",
2351
+ "!gap-0",
2352
+ "box-border",
2353
+ "z-0",
2354
+ "min-w-0",
2355
+ "min-h-0",
2356
+ "flex",
2357
+ "flex-row",
2358
+ "items-center",
2359
+ "overflow-x-auto",
2360
+ "overflow-y-clip",
2361
+ "scrollbar-none",
2362
+ "[overflow-clip-margin:6px]",
2363
+ "overflow-clip",
2364
+ "[overflow-clip-margin:8px]",
2365
+ "relative"
2366
+ ],
2367
+ "internalComponents": ["AriakitTabList"],
2368
+ "internalComponentProps": {},
2369
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2370
+ "runtimeConfigDefaultProps": {},
2371
+ "runtimeConfigGetStyles": {},
2372
+ "runtimeConfigInternalComponentProps": {},
2373
+ "motionVarPrefixes": []
2374
+ };
2375
+ var TabPanel = {
2376
+ "name": "TabPanel",
2370
2377
  "defaultProps": {},
2371
2378
  "getStylesLiterals": {},
2372
2379
  "cxLiterals": [],
2373
- "internalComponents": ["TooltipAnchor"],
2374
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2375
- "propToVariantKeys": { "children": ["render"] },
2380
+ "internalComponents": ["AriakitTabPanel"],
2381
+ "internalComponentProps": {},
2382
+ "propToVariantKeys": {},
2376
2383
  "runtimeConfigDefaultProps": {},
2377
2384
  "runtimeConfigGetStyles": {},
2378
2385
  "runtimeConfigInternalComponentProps": {},
2379
2386
  "motionVarPrefixes": []
2380
2387
  };
2381
- var UDSTooltipConfigProvider = {
2382
- "name": "UDSTooltipConfigProvider",
2383
- "defaultProps": {},
2388
+ var Tabs = {
2389
+ "name": "Tabs",
2390
+ "defaultProps": { "variant": "primary" },
2384
2391
  "getStylesLiterals": {},
2385
2392
  "cxLiterals": [],
2386
- "internalComponents": ["TooltipContext.Provider"],
2393
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2387
2394
  "internalComponentProps": {},
2388
- "propToVariantKeys": {},
2395
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2389
2396
  "runtimeConfigDefaultProps": {},
2390
2397
  "runtimeConfigGetStyles": {},
2391
2398
  "runtimeConfigInternalComponentProps": {},
@@ -2688,6 +2695,9 @@ var componentData_default = {
2688
2695
  BottomSheetProvider,
2689
2696
  BottomSheetTrigger,
2690
2697
  UDSBottomSheetConfigProvider,
2698
+ Input,
2699
+ InputHelpText,
2700
+ InputHelpTextInternal,
2691
2701
  Chip,
2692
2702
  ChipBase,
2693
2703
  ChipButton,
@@ -2703,9 +2713,6 @@ var componentData_default = {
2703
2713
  "Menu.Trigger": Menu_Trigger,
2704
2714
  "Menu.index": Menu_index,
2705
2715
  Menu,
2706
- Input,
2707
- InputHelpText,
2708
- InputHelpTextInternal,
2709
2716
  Modal,
2710
2717
  ModalActions,
2711
2718
  ModalContent,
@@ -2721,18 +2728,18 @@ var componentData_default = {
2721
2728
  Radio,
2722
2729
  RadioGroupProvider,
2723
2730
  RadioGroupStore,
2724
- Tab,
2725
- TabList,
2726
- TabPanel,
2727
- Tabs,
2728
- Toast,
2729
- ToastContainer,
2730
- ToastPortal,
2731
- UDSToastConfigProvider,
2732
2731
  Tooltip,
2733
2732
  TooltipContent,
2734
2733
  TooltipTrigger,
2735
2734
  UDSTooltipConfigProvider,
2735
+ Toast,
2736
+ ToastContainer,
2737
+ ToastPortal,
2738
+ UDSToastConfigProvider,
2739
+ Tab,
2740
+ TabList,
2741
+ TabPanel,
2742
+ Tabs,
2736
2743
  UDSBreakpointsConfigProvider,
2737
2744
  UDSConfigProvider,
2738
2745
  Accordion,