@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.
- package/dist/components/Scrim.cjs +1 -1
- package/dist/components/Scrim.js +1 -1
- package/dist/components/client/BottomSheet/BottomSheet.cjs +25 -5
- package/dist/components/client/BottomSheet/BottomSheet.d.cts +11 -1
- package/dist/components/client/BottomSheet/BottomSheet.d.ts +11 -1
- package/dist/components/client/BottomSheet/BottomSheet.js +25 -5
- package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +11 -5
- package/dist/components/client/BottomSheet/BottomSheetHeader.js +11 -5
- package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.cjs +13 -0
- package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.d.cts +12 -0
- package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.d.ts +13 -0
- package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.js +12 -0
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
- package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
- package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
- package/dist/styles/styler.d.cts +25 -25
- package/dist/styles/styler.d.ts +25 -25
- package/dist/uds/generated/componentData.cjs +361 -354
- package/dist/uds/generated/componentData.js +361 -354
- package/dist/uds/generated/tailwindPurge.cjs +6 -6
- package/dist/uds/generated/tailwindPurge.js +6 -6
- package/generated/componentData.json +420 -410
- package/generated/tailwindPurge.ts +1 -1
- 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": [
|
|
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
|
|
1468
|
-
"name": "
|
|
1604
|
+
var Modal = {
|
|
1605
|
+
"name": "Modal",
|
|
1469
1606
|
"defaultProps": {
|
|
1470
|
-
"
|
|
1471
|
-
"
|
|
1472
|
-
"
|
|
1607
|
+
"closeAriaLabel": "Close",
|
|
1608
|
+
"maxWidth": "auto",
|
|
1609
|
+
"maxHeight": "auto",
|
|
1610
|
+
"scrollBehavior": "outside"
|
|
1473
1611
|
},
|
|
1474
1612
|
"getStylesLiterals": {
|
|
1475
|
-
"
|
|
1476
|
-
"
|
|
1477
|
-
"
|
|
1478
|
-
"
|
|
1479
|
-
"
|
|
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
|
-
"
|
|
1502
|
-
"
|
|
1503
|
-
"
|
|
1504
|
-
"
|
|
1505
|
-
"
|
|
1506
|
-
"
|
|
1507
|
-
"
|
|
1508
|
-
"
|
|
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
|
-
"
|
|
1517
|
-
"
|
|
1656
|
+
"Dialog",
|
|
1657
|
+
"ModalContext.Provider",
|
|
1518
1658
|
"HStack",
|
|
1519
|
-
"
|
|
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
|
-
"
|
|
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
|
|
2044
|
-
"name": "
|
|
2045
|
-
"defaultProps": {
|
|
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
|
-
"
|
|
2048
|
-
"
|
|
2049
|
-
"
|
|
2050
|
-
"
|
|
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
|
-
"
|
|
2054
|
-
"
|
|
2055
|
-
"
|
|
2082
|
+
"max-w-lg",
|
|
2083
|
+
"flex",
|
|
2084
|
+
"z-[9999]",
|
|
2085
|
+
"uds-bgBlurFillFallback",
|
|
2086
|
+
"uds-bgBlurFallback",
|
|
2087
|
+
"top-0",
|
|
2056
2088
|
"left-0",
|
|
2057
|
-
"
|
|
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
|
-
"
|
|
2093
|
+
"TooltipArrow",
|
|
2094
|
+
"Tooltip",
|
|
2095
|
+
"SvgFloatingOverlay",
|
|
2096
|
+
"VStack",
|
|
2097
|
+
"Box",
|
|
2084
2098
|
"Text"
|
|
2085
2099
|
],
|
|
2086
|
-
"internalComponentProps": {
|
|
2087
|
-
"
|
|
2088
|
-
"
|
|
2089
|
-
"
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
"
|
|
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
|
-
"
|
|
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
|
|
2147
|
-
"name": "
|
|
2115
|
+
var TooltipTrigger = {
|
|
2116
|
+
"name": "TooltipTrigger",
|
|
2148
2117
|
"defaultProps": {},
|
|
2149
2118
|
"getStylesLiterals": {},
|
|
2150
2119
|
"cxLiterals": [],
|
|
2151
|
-
"internalComponents": ["
|
|
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
|
|
2160
|
-
"name": "
|
|
2161
|
-
"defaultProps": {
|
|
2128
|
+
var UDSTooltipConfigProvider = {
|
|
2129
|
+
"name": "UDSTooltipConfigProvider",
|
|
2130
|
+
"defaultProps": {},
|
|
2162
2131
|
"getStylesLiterals": {},
|
|
2163
2132
|
"cxLiterals": [],
|
|
2164
|
-
"internalComponents": ["
|
|
2133
|
+
"internalComponents": ["TooltipContext.Provider"],
|
|
2165
2134
|
"internalComponentProps": {},
|
|
2166
|
-
"propToVariantKeys": {
|
|
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
|
|
2304
|
-
"name": "
|
|
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
|
-
"
|
|
2321
|
-
"
|
|
2322
|
-
"
|
|
2323
|
-
"
|
|
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
|
-
"
|
|
2336
|
-
"
|
|
2337
|
-
"
|
|
2338
|
-
"uds-bgBlurFillFallback",
|
|
2339
|
-
"uds-bgBlurFallback",
|
|
2340
|
-
"top-0",
|
|
2282
|
+
"pointer-events-none",
|
|
2283
|
+
"absolute",
|
|
2284
|
+
"bottom-0",
|
|
2341
2285
|
"left-0",
|
|
2342
|
-
"
|
|
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
|
-
"
|
|
2347
|
-
"Tooltip",
|
|
2348
|
-
"SvgFloatingOverlay",
|
|
2349
|
-
"VStack",
|
|
2350
|
-
"Box",
|
|
2312
|
+
"AriakitTab",
|
|
2351
2313
|
"Text"
|
|
2352
2314
|
],
|
|
2353
|
-
"internalComponentProps": {
|
|
2354
|
-
"
|
|
2355
|
-
"
|
|
2356
|
-
"
|
|
2357
|
-
|
|
2358
|
-
|
|
2359
|
-
|
|
2360
|
-
"
|
|
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
|
|
2369
|
-
"name": "
|
|
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": ["
|
|
2374
|
-
"internalComponentProps": {
|
|
2375
|
-
"propToVariantKeys": {
|
|
2380
|
+
"internalComponents": ["AriakitTabPanel"],
|
|
2381
|
+
"internalComponentProps": {},
|
|
2382
|
+
"propToVariantKeys": {},
|
|
2376
2383
|
"runtimeConfigDefaultProps": {},
|
|
2377
2384
|
"runtimeConfigGetStyles": {},
|
|
2378
2385
|
"runtimeConfigInternalComponentProps": {},
|
|
2379
2386
|
"motionVarPrefixes": []
|
|
2380
2387
|
};
|
|
2381
|
-
var
|
|
2382
|
-
"name": "
|
|
2383
|
-
"defaultProps": {},
|
|
2388
|
+
var Tabs = {
|
|
2389
|
+
"name": "Tabs",
|
|
2390
|
+
"defaultProps": { "variant": "primary" },
|
|
2384
2391
|
"getStylesLiterals": {},
|
|
2385
2392
|
"cxLiterals": [],
|
|
2386
|
-
"internalComponents": ["
|
|
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,
|