@smg-automotive/components 25.10.0-chakra-v3.6 → 25.10.0-feat-migrate-tab.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/cjs/components/galleryHeader/index.d.ts +10 -0
- package/dist/cjs/components/galleryHeader/index.d.ts.map +1 -0
- package/dist/cjs/components/index.d.ts +2 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/tab/Tab.d.ts +6 -0
- package/dist/cjs/components/tab/Tab.d.ts.map +1 -0
- package/dist/cjs/components/tab/TabList.d.ts +6 -0
- package/dist/cjs/components/tab/TabList.d.ts.map +1 -0
- package/dist/cjs/components/tab/TabPanel.d.ts +6 -0
- package/dist/cjs/components/tab/TabPanel.d.ts.map +1 -0
- package/dist/cjs/components/tab/TabPanels.d.ts +6 -0
- package/dist/cjs/components/tab/TabPanels.d.ts.map +1 -0
- package/dist/cjs/components/tab/index.d.ts +10 -0
- package/dist/cjs/components/tab/index.d.ts.map +1 -0
- package/dist/cjs/index.js +247 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/themes/shared/index.d.ts +69 -0
- package/dist/cjs/themes/shared/index.d.ts.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/galleryHeader.d.ts +2 -0
- package/dist/cjs/themes/shared/slotRecipes/galleryHeader.d.ts.map +1 -0
- package/dist/cjs/themes/shared/slotRecipes/index.d.ts +69 -0
- package/dist/cjs/themes/shared/slotRecipes/index.d.ts.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/tabs.d.ts +69 -0
- package/dist/cjs/themes/shared/slotRecipes/tabs.d.ts.map +1 -0
- package/dist/esm/components/galleryHeader/index.d.ts +10 -0
- package/dist/esm/components/galleryHeader/index.d.ts.map +1 -0
- package/dist/esm/components/galleryHeader/index.js +200 -0
- package/dist/esm/components/galleryHeader/index.js.map +1 -0
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/tab/Tab.d.ts +6 -0
- package/dist/esm/components/tab/Tab.d.ts.map +1 -0
- package/dist/esm/components/tab/Tab.js +13 -0
- package/dist/esm/components/tab/Tab.js.map +1 -0
- package/dist/esm/components/tab/TabList.d.ts +6 -0
- package/dist/esm/components/tab/TabList.d.ts.map +1 -0
- package/dist/esm/components/tab/TabList.js +18 -0
- package/dist/esm/components/tab/TabList.js.map +1 -0
- package/dist/esm/components/tab/TabPanel.d.ts +6 -0
- package/dist/esm/components/tab/TabPanel.d.ts.map +1 -0
- package/dist/esm/components/tab/TabPanel.js +13 -0
- package/dist/esm/components/tab/TabPanel.js.map +1 -0
- package/dist/esm/components/tab/TabPanels.d.ts +6 -0
- package/dist/esm/components/tab/TabPanels.d.ts.map +1 -0
- package/dist/esm/components/tab/TabPanels.js +16 -0
- package/dist/esm/components/tab/TabPanels.js.map +1 -0
- package/dist/esm/components/tab/index.d.ts +10 -0
- package/dist/esm/components/tab/index.d.ts.map +1 -0
- package/dist/esm/components/tab/index.js +17 -0
- package/dist/esm/components/tab/index.js.map +1 -0
- package/dist/esm/components/themeProvider/index.js +2 -0
- package/dist/esm/components/themeProvider/index.js.map +1 -1
- package/dist/esm/index.js +8 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/themes/shared/index.d.ts +69 -0
- package/dist/esm/themes/shared/index.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/galleryHeader.d.ts +2 -0
- package/dist/esm/themes/shared/slotRecipes/galleryHeader.d.ts.map +1 -0
- package/dist/esm/themes/shared/slotRecipes/galleryHeader.js +49 -0
- package/dist/esm/themes/shared/slotRecipes/galleryHeader.js.map +1 -0
- package/dist/esm/themes/shared/slotRecipes/index.d.ts +69 -0
- package/dist/esm/themes/shared/slotRecipes/index.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/index.js +4 -0
- package/dist/esm/themes/shared/slotRecipes/index.js.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/tabs.d.ts +69 -0
- package/dist/esm/themes/shared/slotRecipes/tabs.d.ts.map +1 -0
- package/dist/esm/themes/shared/slotRecipes/tabs.js +120 -0
- package/dist/esm/themes/shared/slotRecipes/tabs.js.map +1 -0
- package/dist/index.d.ts +98 -6
- package/package.json +1 -1
|
@@ -306,6 +306,7 @@ export declare const getSharedConfig: () => {
|
|
|
306
306
|
};
|
|
307
307
|
};
|
|
308
308
|
}>;
|
|
309
|
+
galleryHeader: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "grid" | "countContainer" | "closeContainer", import("@chakra-ui/react").SlotRecipeVariantRecord<"container" | "grid" | "countContainer" | "closeContainer">>;
|
|
309
310
|
list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemLabel" | "itemValue", {
|
|
310
311
|
size: {
|
|
311
312
|
md: {
|
|
@@ -1635,6 +1636,74 @@ export declare const getSharedConfig: () => {
|
|
|
1635
1636
|
};
|
|
1636
1637
|
};
|
|
1637
1638
|
}>;
|
|
1639
|
+
tabs: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "root" | "list" | "contentGroup", {
|
|
1640
|
+
variant: {
|
|
1641
|
+
default: {
|
|
1642
|
+
trigger: {
|
|
1643
|
+
_selected: {
|
|
1644
|
+
borderBottomColor: "currentColor";
|
|
1645
|
+
};
|
|
1646
|
+
};
|
|
1647
|
+
};
|
|
1648
|
+
spaceBetween: {
|
|
1649
|
+
list: {
|
|
1650
|
+
justifyContent: "space-between";
|
|
1651
|
+
};
|
|
1652
|
+
trigger: {
|
|
1653
|
+
_selected: {
|
|
1654
|
+
borderBottomColor: "currentColor";
|
|
1655
|
+
};
|
|
1656
|
+
};
|
|
1657
|
+
};
|
|
1658
|
+
spaceAround: {
|
|
1659
|
+
list: {
|
|
1660
|
+
justifyContent: "space-around";
|
|
1661
|
+
};
|
|
1662
|
+
trigger: {
|
|
1663
|
+
_selected: {
|
|
1664
|
+
borderBottomColor: "currentColor";
|
|
1665
|
+
};
|
|
1666
|
+
};
|
|
1667
|
+
};
|
|
1668
|
+
enclosed: {
|
|
1669
|
+
list: {
|
|
1670
|
+
borderBottom: "none";
|
|
1671
|
+
};
|
|
1672
|
+
trigger: {
|
|
1673
|
+
color: "gray.700";
|
|
1674
|
+
fontWeight: "bold";
|
|
1675
|
+
flexBasis: "full";
|
|
1676
|
+
border: "1px";
|
|
1677
|
+
borderColor: "blue.200";
|
|
1678
|
+
backgroundColor: "blue.50";
|
|
1679
|
+
borderRight: "none";
|
|
1680
|
+
'--tabs-border-width': "1px";
|
|
1681
|
+
_selected: {
|
|
1682
|
+
backgroundColor: "transparent";
|
|
1683
|
+
borderBottomColor: "transparent";
|
|
1684
|
+
};
|
|
1685
|
+
_last: {
|
|
1686
|
+
borderRight: "1px";
|
|
1687
|
+
borderRightColor: "blue.200";
|
|
1688
|
+
};
|
|
1689
|
+
};
|
|
1690
|
+
content: {
|
|
1691
|
+
m: "0";
|
|
1692
|
+
};
|
|
1693
|
+
};
|
|
1694
|
+
fullWidth: {
|
|
1695
|
+
trigger: {
|
|
1696
|
+
flex: number;
|
|
1697
|
+
_selected: {
|
|
1698
|
+
borderBottomColor: "currentColor";
|
|
1699
|
+
};
|
|
1700
|
+
};
|
|
1701
|
+
content: {
|
|
1702
|
+
m: "0";
|
|
1703
|
+
};
|
|
1704
|
+
};
|
|
1705
|
+
};
|
|
1706
|
+
}>;
|
|
1638
1707
|
vehicleReference: import("@chakra-ui/react").SlotRecipeDefinition<"carTitle" | "price" | "dealerName" | "dealerAddress", import("@chakra-ui/react").SlotRecipeVariantRecord<"carTitle" | "price" | "dealerName" | "dealerAddress">>;
|
|
1639
1708
|
tooltip: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "arrow" | "arrowTip" | "positioner">>;
|
|
1640
1709
|
field: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "label" | "root" | "errorText" | "helperText" | "labelRoot" | "requiredIndicator" | "tooltipWrapper" | "tooltipIcon", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/themes/shared/index.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/themes/shared/index.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B1B,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const galleryHeaderRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "grid" | "countContainer" | "closeContainer", import("@chakra-ui/react").SlotRecipeVariantRecord<"container" | "grid" | "countContainer" | "closeContainer">>;
|
|
2
|
+
//# sourceMappingURL=galleryHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"galleryHeader.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/galleryHeader.ts"],"names":[],"mappings":"AAyCA,eAAO,MAAM,mBAAmB,6NAS9B,CAAC"}
|
|
@@ -107,6 +107,7 @@ export declare const slotRecipes: {
|
|
|
107
107
|
};
|
|
108
108
|
};
|
|
109
109
|
}>;
|
|
110
|
+
galleryHeader: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "grid" | "countContainer" | "closeContainer", import("@chakra-ui/react").SlotRecipeVariantRecord<"container" | "grid" | "countContainer" | "closeContainer">>;
|
|
110
111
|
list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemLabel" | "itemValue", {
|
|
111
112
|
size: {
|
|
112
113
|
md: {
|
|
@@ -1436,6 +1437,74 @@ export declare const slotRecipes: {
|
|
|
1436
1437
|
};
|
|
1437
1438
|
};
|
|
1438
1439
|
}>;
|
|
1440
|
+
tabs: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "root" | "list" | "contentGroup", {
|
|
1441
|
+
variant: {
|
|
1442
|
+
default: {
|
|
1443
|
+
trigger: {
|
|
1444
|
+
_selected: {
|
|
1445
|
+
borderBottomColor: "currentColor";
|
|
1446
|
+
};
|
|
1447
|
+
};
|
|
1448
|
+
};
|
|
1449
|
+
spaceBetween: {
|
|
1450
|
+
list: {
|
|
1451
|
+
justifyContent: "space-between";
|
|
1452
|
+
};
|
|
1453
|
+
trigger: {
|
|
1454
|
+
_selected: {
|
|
1455
|
+
borderBottomColor: "currentColor";
|
|
1456
|
+
};
|
|
1457
|
+
};
|
|
1458
|
+
};
|
|
1459
|
+
spaceAround: {
|
|
1460
|
+
list: {
|
|
1461
|
+
justifyContent: "space-around";
|
|
1462
|
+
};
|
|
1463
|
+
trigger: {
|
|
1464
|
+
_selected: {
|
|
1465
|
+
borderBottomColor: "currentColor";
|
|
1466
|
+
};
|
|
1467
|
+
};
|
|
1468
|
+
};
|
|
1469
|
+
enclosed: {
|
|
1470
|
+
list: {
|
|
1471
|
+
borderBottom: "none";
|
|
1472
|
+
};
|
|
1473
|
+
trigger: {
|
|
1474
|
+
color: "gray.700";
|
|
1475
|
+
fontWeight: "bold";
|
|
1476
|
+
flexBasis: "full";
|
|
1477
|
+
border: "1px";
|
|
1478
|
+
borderColor: "blue.200";
|
|
1479
|
+
backgroundColor: "blue.50";
|
|
1480
|
+
borderRight: "none";
|
|
1481
|
+
'--tabs-border-width': "1px";
|
|
1482
|
+
_selected: {
|
|
1483
|
+
backgroundColor: "transparent";
|
|
1484
|
+
borderBottomColor: "transparent";
|
|
1485
|
+
};
|
|
1486
|
+
_last: {
|
|
1487
|
+
borderRight: "1px";
|
|
1488
|
+
borderRightColor: "blue.200";
|
|
1489
|
+
};
|
|
1490
|
+
};
|
|
1491
|
+
content: {
|
|
1492
|
+
m: "0";
|
|
1493
|
+
};
|
|
1494
|
+
};
|
|
1495
|
+
fullWidth: {
|
|
1496
|
+
trigger: {
|
|
1497
|
+
flex: number;
|
|
1498
|
+
_selected: {
|
|
1499
|
+
borderBottomColor: "currentColor";
|
|
1500
|
+
};
|
|
1501
|
+
};
|
|
1502
|
+
content: {
|
|
1503
|
+
m: "0";
|
|
1504
|
+
};
|
|
1505
|
+
};
|
|
1506
|
+
};
|
|
1507
|
+
}>;
|
|
1439
1508
|
vehicleReference: import("@chakra-ui/react").SlotRecipeDefinition<"carTitle" | "price" | "dealerName" | "dealerAddress", import("@chakra-ui/react").SlotRecipeVariantRecord<"carTitle" | "price" | "dealerName" | "dealerAddress">>;
|
|
1440
1509
|
tooltip: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "arrow" | "arrowTip" | "positioner">>;
|
|
1441
1510
|
field: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "label" | "root" | "errorText" | "helperText" | "labelRoot" | "requiredIndicator" | "tooltipWrapper" | "tooltipIcon", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/index.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BvB,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
export declare const tabsRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "root" | "list" | "contentGroup", {
|
|
2
|
+
variant: {
|
|
3
|
+
default: {
|
|
4
|
+
trigger: {
|
|
5
|
+
_selected: {
|
|
6
|
+
borderBottomColor: "currentColor";
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
spaceBetween: {
|
|
11
|
+
list: {
|
|
12
|
+
justifyContent: "space-between";
|
|
13
|
+
};
|
|
14
|
+
trigger: {
|
|
15
|
+
_selected: {
|
|
16
|
+
borderBottomColor: "currentColor";
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
spaceAround: {
|
|
21
|
+
list: {
|
|
22
|
+
justifyContent: "space-around";
|
|
23
|
+
};
|
|
24
|
+
trigger: {
|
|
25
|
+
_selected: {
|
|
26
|
+
borderBottomColor: "currentColor";
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
enclosed: {
|
|
31
|
+
list: {
|
|
32
|
+
borderBottom: "none";
|
|
33
|
+
};
|
|
34
|
+
trigger: {
|
|
35
|
+
color: "gray.700";
|
|
36
|
+
fontWeight: "bold";
|
|
37
|
+
flexBasis: "full";
|
|
38
|
+
border: "1px";
|
|
39
|
+
borderColor: "blue.200";
|
|
40
|
+
backgroundColor: "blue.50";
|
|
41
|
+
borderRight: "none";
|
|
42
|
+
'--tabs-border-width': "1px";
|
|
43
|
+
_selected: {
|
|
44
|
+
backgroundColor: "transparent";
|
|
45
|
+
borderBottomColor: "transparent";
|
|
46
|
+
};
|
|
47
|
+
_last: {
|
|
48
|
+
borderRight: "1px";
|
|
49
|
+
borderRightColor: "blue.200";
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
content: {
|
|
53
|
+
m: "0";
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
fullWidth: {
|
|
57
|
+
trigger: {
|
|
58
|
+
flex: number;
|
|
59
|
+
_selected: {
|
|
60
|
+
borderBottomColor: "currentColor";
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
content: {
|
|
64
|
+
m: "0";
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
}>;
|
|
69
|
+
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/tabs.ts"],"names":[],"mappings":"AAwCA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+ErB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { Language } from 'src/types/language';
|
|
3
|
+
export interface GalleryHeaderProps {
|
|
4
|
+
currentSlide: number;
|
|
5
|
+
slidesCount: number;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
language: Language;
|
|
8
|
+
}
|
|
9
|
+
export declare const GalleryHeader: FC<PropsWithChildren<GalleryHeaderProps>>;
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/galleryHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQ9C,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA4CnE,CAAC"}
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { I18nContext } from '@smg-automotive/i18n-pkg';
|
|
3
|
+
import { useSlotRecipe, Box } from '@chakra-ui/react';
|
|
4
|
+
import { TranslationProvider } from '../translationProvider/index.js';
|
|
5
|
+
import '../icons/AdvancedSearchIcon.js';
|
|
6
|
+
import '../icons/ArrowCircleIcon.js';
|
|
7
|
+
import '../icons/ArrowDiagonalIcon.js';
|
|
8
|
+
import '../icons/ArrowDownIcon.js';
|
|
9
|
+
import '../icons/ArrowLeftIcon.js';
|
|
10
|
+
import '../icons/ArrowRightIcon.js';
|
|
11
|
+
import '../icons/ArrowUpIcon.js';
|
|
12
|
+
import '../icons/AutoScout24AppLogo.js';
|
|
13
|
+
import '../icons/AvatarIcon.js';
|
|
14
|
+
import '../icons/AvatarWithNotificationIcon.js';
|
|
15
|
+
import '../icons/BatteryIcon.js';
|
|
16
|
+
import '../icons/BookmarkIcon.js';
|
|
17
|
+
import '../icons/CalculatorIcon.js';
|
|
18
|
+
import '../icons/CalendarIcon.js';
|
|
19
|
+
import '../icons/CallIcon.js';
|
|
20
|
+
import '../icons/CamperIcon.js';
|
|
21
|
+
import '../icons/CarConditionIcon.js';
|
|
22
|
+
import '../icons/CarIcon.js';
|
|
23
|
+
import '../icons/CopyIcon.js';
|
|
24
|
+
import '../icons/ChartIcon.js';
|
|
25
|
+
import '../icons/CheckmarkIcon.js';
|
|
26
|
+
import '../icons/CheckmarkCircleIcon.js';
|
|
27
|
+
import '../icons/CheckShieldIcon.js';
|
|
28
|
+
import '../icons/ChevronDownLargeIcon.js';
|
|
29
|
+
import '../icons/ChevronDownSmallIcon.js';
|
|
30
|
+
import '../icons/ChevronLeftLargeIcon.js';
|
|
31
|
+
import '../icons/ChevronLeftSmallIcon.js';
|
|
32
|
+
import '../icons/ChevronRightLargeIcon.js';
|
|
33
|
+
import '../icons/ChevronRightSmallIcon.js';
|
|
34
|
+
import '../icons/ChevronRightTinyIcon.js';
|
|
35
|
+
import '../icons/ChevronUpLargeIcon.js';
|
|
36
|
+
import '../icons/ChevronUpSmallIcon.js';
|
|
37
|
+
import { CloseIcon } from '../icons/CloseIcon.js';
|
|
38
|
+
import '../icons/CompareIcon.js';
|
|
39
|
+
import '../icons/ConsumptionIcon.js';
|
|
40
|
+
import '../icons/CreditIcon.js';
|
|
41
|
+
import '../icons/CreditCardIcon.js';
|
|
42
|
+
import '../icons/DaylightIcon.js';
|
|
43
|
+
import '../icons/DeleteIcon.js';
|
|
44
|
+
import '../icons/DocumentCheckIcon.js';
|
|
45
|
+
import '../icons/DocumentIcon.js';
|
|
46
|
+
import '../icons/DragIcon.js';
|
|
47
|
+
import '../icons/DriveSystemIcon.js';
|
|
48
|
+
import '../icons/DriveTypeIcon.js';
|
|
49
|
+
import '../icons/EquipmentIcon.js';
|
|
50
|
+
import '../icons/ErrorIcon.js';
|
|
51
|
+
import '../icons/ExchangeIcon.js';
|
|
52
|
+
import '../icons/EyeIcon.js';
|
|
53
|
+
import '../icons/EyeCrossedIcon.js';
|
|
54
|
+
import '../icons/FacebookIcon.js';
|
|
55
|
+
import '../icons/FlagIcon.js';
|
|
56
|
+
import '../icons/FlameIcon.js';
|
|
57
|
+
import '../icons/FlashIcon.js';
|
|
58
|
+
import '../icons/GasStationIcon.js';
|
|
59
|
+
import '../icons/HeartIcon.js';
|
|
60
|
+
import '../icons/HistoryClockIcon.js';
|
|
61
|
+
import '../icons/HouseIcon.js';
|
|
62
|
+
import '../icons/ImageIcon.js';
|
|
63
|
+
import '../icons/InfoIcon.js';
|
|
64
|
+
import '../icons/InstagramIcon.js';
|
|
65
|
+
import '../icons/InteriorIcon.js';
|
|
66
|
+
import '../icons/LinkedinIcon.js';
|
|
67
|
+
import '../icons/ListIcon.js';
|
|
68
|
+
import '../icons/LocationPinIcon.js';
|
|
69
|
+
import '../icons/MagnifierIcon.js';
|
|
70
|
+
import '../icons/MessageIcon.js';
|
|
71
|
+
import '../icons/MissingImageIcon.js';
|
|
72
|
+
import '../icons/MotorcycleIcon.js';
|
|
73
|
+
import '../icons/MotoScout24AppLogo.js';
|
|
74
|
+
import '../icons/PenIcon.js';
|
|
75
|
+
import '../icons/PlusIcon.js';
|
|
76
|
+
import '../icons/ChfCurrencyIcon.js';
|
|
77
|
+
import '../icons/PrintIcon.js';
|
|
78
|
+
import '../icons/RangeIcon.js';
|
|
79
|
+
import '../icons/RoadIcon.js';
|
|
80
|
+
import '../icons/RotateIcon.js';
|
|
81
|
+
import '../icons/SafeNumberIcon.js';
|
|
82
|
+
import '../icons/ShareIcon.js';
|
|
83
|
+
import '../icons/StarIcon.js';
|
|
84
|
+
import '../icons/SteeringWheelIcon.js';
|
|
85
|
+
import '../icons/ThreeSixtyIcon.js';
|
|
86
|
+
import '../icons/TimeIcon.js';
|
|
87
|
+
import '../icons/TooltipIcon.js';
|
|
88
|
+
import '../icons/InformationIcon.js';
|
|
89
|
+
import '../icons/TopListingIcon.js';
|
|
90
|
+
import '../icons/TrailerIcon.js';
|
|
91
|
+
import '../icons/TransmissionIcon.js';
|
|
92
|
+
import '../icons/Trash.js';
|
|
93
|
+
import '../icons/TruckIcon.js';
|
|
94
|
+
import '../icons/TwitterIcon.js';
|
|
95
|
+
import '../icons/UtilityVehicleIcon.js';
|
|
96
|
+
import '../icons/VehiclePowerIcon.js';
|
|
97
|
+
import '../icons/VehicleTypesMotorcycleIcon.js';
|
|
98
|
+
import '../icons/VideoIcon.js';
|
|
99
|
+
import '../icons/VideoCameraIcon.js';
|
|
100
|
+
import '../icons/ViewCarIcon.js';
|
|
101
|
+
import '../icons/DriveSystemLargeIcon.js';
|
|
102
|
+
import '../icons/WarningIcon.js';
|
|
103
|
+
import '../icons/WhatsAppIcon.js';
|
|
104
|
+
import '../icons/YoutubeIcon.js';
|
|
105
|
+
import '../icons/SortIcon.js';
|
|
106
|
+
import '../icons/ViewMotorcycleIcon.js';
|
|
107
|
+
import '../icons/GoogleIcon.js';
|
|
108
|
+
import '../icons/SaveSearchIcon.js';
|
|
109
|
+
import '../icons/AutoScout24Icon.js';
|
|
110
|
+
import '../icons/MotoScout24Icon.js';
|
|
111
|
+
import '../icons/MagnifierLargeIcon.js';
|
|
112
|
+
import '../icons/RocketIcon.js';
|
|
113
|
+
import '../icons/CartIcon.js';
|
|
114
|
+
import '../icons/VanIcon.js';
|
|
115
|
+
import '../icons/MiniVanIcon.js';
|
|
116
|
+
import '../icons/SuvIcon.js';
|
|
117
|
+
import '../icons/CoupeIcon.js';
|
|
118
|
+
import '../icons/CabrioletIcon.js';
|
|
119
|
+
import '../icons/SmallCarIcon.js';
|
|
120
|
+
import '../icons/SedanIcon.js';
|
|
121
|
+
import '../icons/WagonIcon.js';
|
|
122
|
+
import '../icons/PickUpIcon.js';
|
|
123
|
+
import '../icons/InformationBubbleIcon.js';
|
|
124
|
+
import '../icons/OverflowVerticalIcon.js';
|
|
125
|
+
import '../icons/PartialClockIcon.js';
|
|
126
|
+
import '../icons/LockIcon.js';
|
|
127
|
+
import '../icons/TiltedRectangleIcon.js';
|
|
128
|
+
import '../icons/PlusCircleIcon.js';
|
|
129
|
+
import '../icons/StarCircleIcon.js';
|
|
130
|
+
import '../icons/InfinityCircleIcon.js';
|
|
131
|
+
import '../icons/VehicleTypesMotorcycleStarIcon.js';
|
|
132
|
+
import '../icons/CategoryAOneIcon.js';
|
|
133
|
+
import '../icons/CategoryAIcon.js';
|
|
134
|
+
import '../icons/CategoryAMinusIcon.js';
|
|
135
|
+
import '../icons/BankNotesIcon.js';
|
|
136
|
+
import '../icons/ChatBubbleIcon.js';
|
|
137
|
+
import '../icons/DigitalContractIcon.js';
|
|
138
|
+
import '../icons/OptimizerIcon.js';
|
|
139
|
+
import '../icons/CheckmarkCircleColorIcon.js';
|
|
140
|
+
import '../icons/ArrowDownCircleIcon.js';
|
|
141
|
+
import '../icons/ArrowUpCircleIcon.js';
|
|
142
|
+
import '../icons/NotAvailableIcon.js';
|
|
143
|
+
import '../icons/LabelIcon.js';
|
|
144
|
+
import '../icons/BulbIcon.js';
|
|
145
|
+
import '../icons/NoPhotoIcon.js';
|
|
146
|
+
import '../icons/ThumbsUpIcon.js';
|
|
147
|
+
import '../icons/ThumbsDownIcon.js';
|
|
148
|
+
import '../icons/MinusIcon.js';
|
|
149
|
+
import '../icons/DoubleChevronUpIcon.js';
|
|
150
|
+
import '../icons/DoubleChevronDownIcon.js';
|
|
151
|
+
import '../icons/DoubleLineIcon.js';
|
|
152
|
+
import '../icons/NotAvailableSquareIcon.js';
|
|
153
|
+
import '../icons/WarrantyIcon.js';
|
|
154
|
+
import '../icons/DownloadIcon.js';
|
|
155
|
+
import '../icons/TriangleIcon.js';
|
|
156
|
+
import '../icons/SwissFlagIcon.js';
|
|
157
|
+
import '../icons/GlobeIcon.js';
|
|
158
|
+
import '../icons/GarageIcon.js';
|
|
159
|
+
import '../icons/HamburgerMenuIcon.js';
|
|
160
|
+
import '../icons/LogoutIcon.js';
|
|
161
|
+
import '../icons/AndroidIcon.js';
|
|
162
|
+
import '../icons/AppleIcon.js';
|
|
163
|
+
import '../icons/WindowsIcon.js';
|
|
164
|
+
import '../icons/SpeakerIcon.js';
|
|
165
|
+
import '../icons/AddPhotoIcon.js';
|
|
166
|
+
import '../icons/ScreenIcon.js';
|
|
167
|
+
import '../icons/QualitySealIcon.js';
|
|
168
|
+
import '../icons/ExpandIcon.js';
|
|
169
|
+
import '../icons/CollapseIcon.js';
|
|
170
|
+
import '../icons/ForwardIcon.js';
|
|
171
|
+
import { SimpleGrid } from '../simpleGrid/index.js';
|
|
172
|
+
import { Link } from '../link/index.js';
|
|
173
|
+
|
|
174
|
+
var GalleryHeader = function (_a) {
|
|
175
|
+
var currentSlide = _a.currentSlide, slidesCount = _a.slidesCount, onClose = _a.onClose, language = _a.language, children = _a.children;
|
|
176
|
+
var recipe = useSlotRecipe({ key: 'galleryHeader' });
|
|
177
|
+
var styles = recipe();
|
|
178
|
+
return (React.createElement(TranslationProvider, { language: language, scopes: ['galleryHeader'] },
|
|
179
|
+
React.createElement(I18nContext.Consumer, null, function (_a) {
|
|
180
|
+
var t = _a.t;
|
|
181
|
+
return (React.createElement(Box, { css: styles.container },
|
|
182
|
+
React.createElement(Box, { css: styles.grid },
|
|
183
|
+
React.createElement(SimpleGrid, { columns: {
|
|
184
|
+
base: 2,
|
|
185
|
+
md: 3,
|
|
186
|
+
}, alignItems: "center" },
|
|
187
|
+
React.createElement(Box, { hideBelow: "md" }, children),
|
|
188
|
+
React.createElement(Box, { css: styles.countContainer },
|
|
189
|
+
React.createElement(Box, null, t('galleryHeader.imageCount', {
|
|
190
|
+
x: currentSlide,
|
|
191
|
+
of: slidesCount,
|
|
192
|
+
}))),
|
|
193
|
+
React.createElement(Box, { css: styles.closeContainer },
|
|
194
|
+
React.createElement(Link, { "aria-label": "Close gallery", onClick: function () { return onClose(); } },
|
|
195
|
+
React.createElement(CloseIcon, { color: "white" })))))));
|
|
196
|
+
})));
|
|
197
|
+
};
|
|
198
|
+
|
|
199
|
+
export { GalleryHeader };
|
|
200
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/galleryHeader/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,IAAM,aAAa,GAA8C,UAAC,EAMxE,EAAA;AALC,IAAA,IAAA,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA;IAER,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC;AACtD,IAAA,IAAM,MAAM,GAAG,MAAM,EAAE;AAEvB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,eAAe,CAAC,EAAA;AAChE,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,QAAQ,EAAA,IAAA,EAClB,UAAC,EAAK,EAAA;AAAH,YAAA,IAAA,CAAC,GAAA,EAAA,CAAA,CAAA;YAAO,QACV,oBAAC,GAAG,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,SAAS,EAAA;AACxB,gBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA;oBACnB,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE;AACP,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,EAAE,EAAE,CAAC;yBACN,EACD,UAAU,EAAC,QAAQ,EAAA;AAEnB,wBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,IAAI,EAAA,EAAE,QAAQ,CAAO;AACpC,wBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,cAAc,EAAA;AAC7B,4BAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EACD,CAAC,CAAC,0BAA0B,EAAE;AAC7B,gCAAA,CAAC,EAAE,YAAY;AACf,gCAAA,EAAE,EAAE,WAAW;AAChB,6BAAA,CAAC,CACE,CACF;AACN,wBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,cAAc,EAAA;4BAC7B,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,YAAA,EAAY,eAAe,EAAC,OAAO,EAAE,YAAA,EAAM,OAAA,OAAO,EAAE,CAAA,CAAT,CAAS,EAAA;gCACvD,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,OAAO,EAAA,CAAG,CACtB,CACH,CACK,CACT,CACF;QA1BI,CA2BX,CACoB,CACH;AAE1B;;;;"}
|
|
@@ -18,6 +18,7 @@ export * from './energyLabel';
|
|
|
18
18
|
export * from './errorPage';
|
|
19
19
|
export * from './flex';
|
|
20
20
|
export * from './fullHeight';
|
|
21
|
+
export * from './galleryHeader';
|
|
21
22
|
export * from './grid';
|
|
22
23
|
export * from './heading';
|
|
23
24
|
export * from './icons';
|
|
@@ -39,6 +40,7 @@ export * from './simpleGrid';
|
|
|
39
40
|
export * from './simpleHeader';
|
|
40
41
|
export * from './stack';
|
|
41
42
|
export * from './switch';
|
|
43
|
+
export * from './tab';
|
|
42
44
|
export * from './table';
|
|
43
45
|
export * from './text';
|
|
44
46
|
export * from './text/HighlightedText';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { TabsTriggerProps as ChakraTabsTriggerProps, RecipeVariantProps } from '@chakra-ui/react';
|
|
3
|
+
import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
|
|
4
|
+
export type TabProps = Omit<ChakraTabsTriggerProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
|
|
5
|
+
export declare const Tab: FC<PropsWithChildren<TabProps>>;
|
|
6
|
+
//# sourceMappingURL=Tab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/Tab.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,gBAAgB,IAAI,sBAAsB,EAC1C,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAC5D,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAExC,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAa/C,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useSlotRecipe, Tabs } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
var Tab = function (_a) {
|
|
6
|
+
var variant = _a.variant, children = _a.children, rest = __rest(_a, ["variant", "children"]);
|
|
7
|
+
var recipe = useSlotRecipe({ key: 'tabs' });
|
|
8
|
+
var styles = recipe({ variant: variant });
|
|
9
|
+
return (React.createElement(Tabs.Trigger, __assign({}, rest, { css: styles.trigger }), children));
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { Tab };
|
|
13
|
+
//# sourceMappingURL=Tab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.js","sources":["../../../../../src/components/tab/Tab.tsx"],"sourcesContent":[null],"names":["ChakraTabs"],"mappings":";;;;AAeO,IAAM,GAAG,GAAoC,UAAC,EAIpD,EAAA;IAHC,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,GAAA,MAAA,CAAA,EAAA,EAH4C,CAAA,SAAA,EAAA,UAAA,CAIpD,CADQ;IAEP,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IAC7C,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,IAAU,CAAC,OAAO,eAAK,IAAI,EAAA,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,KAC9C,QAAQ,CACU;AAEzB;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { TabsListProps as ChakraTabsListProps, RecipeVariantProps } from '@chakra-ui/react';
|
|
3
|
+
import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
|
|
4
|
+
export type TabListProps = Omit<ChakraTabsListProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
|
|
5
|
+
export declare const TabList: FC<PropsWithChildren<TabListProps>>;
|
|
6
|
+
//# sourceMappingURL=TabList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/TabList.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,aAAa,IAAI,mBAAmB,EACpC,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAMhE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAC7D,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAsBvD,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useSlotRecipe, Box, Tabs } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
var TabList = function (_a) {
|
|
6
|
+
var variant = _a.variant, children = _a.children, rest = __rest(_a, ["variant", "children"]);
|
|
7
|
+
var recipe = useSlotRecipe({ key: 'tabs' });
|
|
8
|
+
var styles = recipe({ variant: variant });
|
|
9
|
+
return (React.createElement(Box, { overflowX: "auto" },
|
|
10
|
+
React.createElement(Tabs.List, __assign({}, rest, { css: styles.list }), React.Children.map(children, function (child) {
|
|
11
|
+
return React.isValidElement(child)
|
|
12
|
+
? React.cloneElement(child, { variant: variant })
|
|
13
|
+
: child;
|
|
14
|
+
}))));
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { TabList };
|
|
18
|
+
//# sourceMappingURL=TabList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabList.js","sources":["../../../../../src/components/tab/TabList.tsx"],"sourcesContent":[null],"names":["ChakraTabs"],"mappings":";;;;AAmBO,IAAM,OAAO,GAAwC,UAAC,EAI5D,EAAA;IAHC,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,GAAA,MAAA,CAAA,EAAA,EAHoD,CAAA,SAAA,EAAA,UAAA,CAI5D,CADQ;IAEP,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IAC7C,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA;QACnB,KAAA,CAAA,aAAA,CAACA,IAAU,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,IAAI,EAAA,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA,CAAA,EACxC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAClC,YAAA,OAAA,KAAK,CAAC,cAAc,CAAC,KAAK;kBACtB,KAAK,CAAC,YAAY,CAChB,KAAqD,EACrD,EAAE,OAAO,EAAA,OAAA,EAAE;AAEf,kBAAE,KAAK;AALT,QAAA,CAKS,CACV,CACe,CACd;AAEV;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { TabsContentProps as ChakraTabsContentProps, RecipeVariantProps } from '@chakra-ui/react';
|
|
3
|
+
import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
|
|
4
|
+
export type TabPanelProps = Omit<ChakraTabsContentProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
|
|
5
|
+
export declare const TabPanel: FC<PropsWithChildren<TabPanelProps>>;
|
|
6
|
+
//# sourceMappingURL=TabPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/TabPanel.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,gBAAgB,IAAI,sBAAsB,EAC1C,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GACjE,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAExC,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAazD,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useSlotRecipe, Tabs } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
var TabPanel = function (_a) {
|
|
6
|
+
var variant = _a.variant, children = _a.children, rest = __rest(_a, ["variant", "children"]);
|
|
7
|
+
var recipe = useSlotRecipe({ key: 'tabs' });
|
|
8
|
+
var styles = recipe({ variant: variant });
|
|
9
|
+
return (React.createElement(Tabs.Content, __assign({}, rest, { css: styles.content }), children));
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { TabPanel };
|
|
13
|
+
//# sourceMappingURL=TabPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabPanel.js","sources":["../../../../../src/components/tab/TabPanel.tsx"],"sourcesContent":[null],"names":["ChakraTabs"],"mappings":";;;;AAeO,IAAM,QAAQ,GAAyC,UAAC,EAI9D,EAAA;IAHC,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,GAAA,MAAA,CAAA,EAAA,EAHsD,CAAA,SAAA,EAAA,UAAA,CAI9D,CADQ;IAEP,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IAC7C,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,IAAU,CAAC,OAAO,eAAK,IAAI,EAAA,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,KAC9C,QAAQ,CACU;AAEzB;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { RecipeVariantProps } from '@chakra-ui/react';
|
|
3
|
+
import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
|
|
4
|
+
export type TabPanelsProps = RecipeVariantProps<typeof tabsRecipe>;
|
|
5
|
+
export declare const TabPanels: FC<PropsWithChildren<TabPanelsProps>>;
|
|
6
|
+
//# sourceMappingURL=TabPanels.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabPanels.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/TabPanels.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAMhE,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAEnE,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAmB3D,CAAC"}
|