@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
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useSlotRecipe, Box } from '@chakra-ui/react';
|
|
3
|
+
|
|
4
|
+
var TabPanels = function (_a) {
|
|
5
|
+
var variant = _a.variant, children = _a.children;
|
|
6
|
+
var recipe = useSlotRecipe({ key: 'tabs' });
|
|
7
|
+
var styles = recipe({ variant: variant });
|
|
8
|
+
return (React.createElement(Box, { css: styles.contentGroup }, React.Children.map(children, function (child) {
|
|
9
|
+
return React.isValidElement(child)
|
|
10
|
+
? React.cloneElement(child, { variant: variant })
|
|
11
|
+
: child;
|
|
12
|
+
})));
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { TabPanels };
|
|
16
|
+
//# sourceMappingURL=TabPanels.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabPanels.js","sources":["../../../../../src/components/tab/TabPanels.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAaO,IAAM,SAAS,GAA0C,UAAC,EAGhE,EAAA;QAFC,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA;IAER,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,IAAC,GAAG,EAAE,MAAM,CAAC,YAAY,IAC1B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAClC,QAAA,OAAA,KAAK,CAAC,cAAc,CAAC,KAAK;cACtB,KAAK,CAAC,YAAY,CAChB,KAAqD,EACrD,EAAE,OAAO,EAAA,OAAA,EAAE;AAEf,cAAE,KAAK;IALT,CAKS,CACV,CACG;AAEV;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { TabsRootProps as ChakraTabsRootProps, RecipeVariantProps } from '@chakra-ui/react';
|
|
3
|
+
import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
|
|
4
|
+
export type TabsProps = Omit<ChakraTabsRootProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
|
|
5
|
+
export declare const Tabs: FC<PropsWithChildren<TabsProps>>;
|
|
6
|
+
export { Tab, TabProps } from './Tab';
|
|
7
|
+
export { TabList, TabListProps } from './TabList';
|
|
8
|
+
export { TabPanel, TabPanelProps } from './TabPanel';
|
|
9
|
+
export { TabPanels, TabPanelsProps } from './TabPanels';
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/index.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;AAIhE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAC1D,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAExC,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAoBjD,CAAC;AAEF,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useSlotRecipe, Tabs as Tabs$1 } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
var Tabs = 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$1.Root, __assign({}, rest, { css: styles.root }), React.Children.map(children, function (child) {
|
|
10
|
+
return React.isValidElement(child)
|
|
11
|
+
? React.cloneElement(child, { variant: variant })
|
|
12
|
+
: child;
|
|
13
|
+
})));
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export { Tabs };
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/tab/index.tsx"],"sourcesContent":[null],"names":["ChakraTabs"],"mappings":";;;;AAiBO,IAAM,IAAI,GAAqC,UAAC,EAItD,EAAA;IAHC,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,GAAA,MAAA,CAAA,EAAA,EAH8C,CAAA,SAAA,EAAA,UAAA,CAItD,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;IAElC,QACE,oBAACA,MAAU,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,QAAA,OAAA,KAAK,CAAC,cAAc,CAAC,KAAK;cACtB,KAAK,CAAC,YAAY,CAChB,KAAqD,EACrD,EAAE,OAAO,EAAA,OAAA,EAAE;AAEf,cAAE,KAAK;IALT,CAKS,CACV,CACe;AAEtB;;;;"}
|
|
@@ -22,6 +22,7 @@ import '../../themes/shared/tokens/animations.js';
|
|
|
22
22
|
import '../../themes/shared/textStyles.js';
|
|
23
23
|
import '../../themes/shared/slotRecipes/vehicleReference.js';
|
|
24
24
|
import '../../themes/shared/slotRecipes/tooltip.js';
|
|
25
|
+
import '../../themes/shared/slotRecipes/tabs.js';
|
|
25
26
|
import '../../themes/shared/slotRecipes/table.js';
|
|
26
27
|
import '../../themes/shared/slotRecipes/switch.js';
|
|
27
28
|
import '../../themes/shared/slotRecipes/slider.js';
|
|
@@ -36,6 +37,7 @@ import '../../themes/shared/slotRecipes/menu.js';
|
|
|
36
37
|
import '../../themes/shared/slotRecipes/markedText.js';
|
|
37
38
|
import '../../themes/shared/slotRecipes/list.js';
|
|
38
39
|
import '../../themes/shared/slotRecipes/input.js';
|
|
40
|
+
import '../../themes/shared/slotRecipes/galleryHeader.js';
|
|
39
41
|
import '../../themes/shared/slotRecipes/field.js';
|
|
40
42
|
import '../../themes/shared/slotRecipes/energyLabel.js';
|
|
41
43
|
import '../../themes/shared/slotRecipes/dialogFilter.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/themeProvider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/themeProvider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAM,MAAM,IAAA,EAAA,GAAA,EAAA;AACV,IAAA,EAAA,CAAC,KAAK,CAAC,WAAW,CAAA,GAAG,iBAAiB;AACtC,IAAA,EAAA,CAAC,KAAK,CAAC,WAAW,CAAA,GAAG,iBAAiB;OACvC;AAEM,IAAM,aAAa,GAA8C,UAAC,EAGxE,EAAA;QAFC,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA;AAEL,IAAA,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAA,EAAG,QAAQ,CAAkB;AAC1E;;;;"}
|
package/dist/esm/index.js
CHANGED
|
@@ -21,6 +21,7 @@ import './themes/shared/tokens/animations.js';
|
|
|
21
21
|
import './themes/shared/textStyles.js';
|
|
22
22
|
import './themes/shared/slotRecipes/vehicleReference.js';
|
|
23
23
|
import './themes/shared/slotRecipes/tooltip.js';
|
|
24
|
+
import './themes/shared/slotRecipes/tabs.js';
|
|
24
25
|
import './themes/shared/slotRecipes/table.js';
|
|
25
26
|
import './themes/shared/slotRecipes/switch.js';
|
|
26
27
|
import './themes/shared/slotRecipes/slider.js';
|
|
@@ -35,6 +36,7 @@ import './themes/shared/slotRecipes/menu.js';
|
|
|
35
36
|
import './themes/shared/slotRecipes/markedText.js';
|
|
36
37
|
import './themes/shared/slotRecipes/list.js';
|
|
37
38
|
import './themes/shared/slotRecipes/input.js';
|
|
39
|
+
import './themes/shared/slotRecipes/galleryHeader.js';
|
|
38
40
|
import './themes/shared/slotRecipes/field.js';
|
|
39
41
|
import './themes/shared/slotRecipes/energyLabel.js';
|
|
40
42
|
import './themes/shared/slotRecipes/dialogFilter.js';
|
|
@@ -83,6 +85,7 @@ export { EnergyLabel } from './components/energyLabel/index.js';
|
|
|
83
85
|
export { ErrorPage } from './components/errorPage/index.js';
|
|
84
86
|
export { Flex } from './components/flex/index.js';
|
|
85
87
|
export { FullHeight } from './components/fullHeight/index.js';
|
|
88
|
+
export { GalleryHeader } from './components/galleryHeader/index.js';
|
|
86
89
|
export { Grid, GridItem } from './components/grid/index.js';
|
|
87
90
|
export { H1, H2, H3, H4, H5, H6 } from './components/heading/index.js';
|
|
88
91
|
export { AdvancedSearchIcon } from './components/icons/AdvancedSearchIcon.js';
|
|
@@ -273,6 +276,7 @@ export { SimpleGrid } from './components/simpleGrid/index.js';
|
|
|
273
276
|
export { SimpleHeader } from './components/simpleHeader/index.js';
|
|
274
277
|
export { Stack } from './components/stack/index.js';
|
|
275
278
|
export { Switch } from './components/switch/index.js';
|
|
279
|
+
export { Tabs } from './components/tab/index.js';
|
|
276
280
|
export { Table, TableBody, TableCaption, TableCell, TableColumn, TableColumnGroup, TableColumnHeader, TableFooter, TableHeader, TableRoot, TableRow, TableScrollArea } from './components/table/index.js';
|
|
277
281
|
export { Text } from './components/text/index.js';
|
|
278
282
|
export { HighlightedText } from './components/text/HighlightedText.js';
|
|
@@ -285,4 +289,8 @@ export { DiscreteSlider } from './components/discreteSlider/index.js';
|
|
|
285
289
|
export { FormControlSection } from './components/formControlSection/index.js';
|
|
286
290
|
export { convertRemEmToPx } from './utilities/convertRemEmToPx.js';
|
|
287
291
|
export { default as logger } from './lib/logger.js';
|
|
292
|
+
export { Tab } from './components/tab/Tab.js';
|
|
293
|
+
export { TabList } from './components/tab/TabList.js';
|
|
294
|
+
export { TabPanel } from './components/tab/TabPanel.js';
|
|
295
|
+
export { TabPanels } from './components/tab/TabPanels.js';
|
|
288
296
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { defineStyle, defineSlotRecipe } from '@chakra-ui/react';
|
|
2
|
+
|
|
3
|
+
var baseStyleContainer = defineStyle({
|
|
4
|
+
color: 'white',
|
|
5
|
+
px: '2xl',
|
|
6
|
+
py: 'lg',
|
|
7
|
+
position: {
|
|
8
|
+
base: 'fixed',
|
|
9
|
+
md: 'static',
|
|
10
|
+
},
|
|
11
|
+
top: '0',
|
|
12
|
+
left: '0',
|
|
13
|
+
right: '0',
|
|
14
|
+
zIndex: 'docked',
|
|
15
|
+
});
|
|
16
|
+
var baseStyleGrid = defineStyle({
|
|
17
|
+
alignItems: 'center',
|
|
18
|
+
});
|
|
19
|
+
var baseStyleCountContainer = defineStyle({
|
|
20
|
+
textAlign: {
|
|
21
|
+
base: 'left',
|
|
22
|
+
md: 'center',
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
var baseStyleCloseContainer = defineStyle({
|
|
26
|
+
textAlign: 'right',
|
|
27
|
+
display: 'flex',
|
|
28
|
+
alignItems: 'center',
|
|
29
|
+
justifyContent: 'flex-end',
|
|
30
|
+
});
|
|
31
|
+
var slots = [
|
|
32
|
+
'container',
|
|
33
|
+
'grid',
|
|
34
|
+
'countContainer',
|
|
35
|
+
'closeContainer',
|
|
36
|
+
];
|
|
37
|
+
var galleryHeaderRecipe = defineSlotRecipe({
|
|
38
|
+
slots: slots,
|
|
39
|
+
className: 'chakra-gallery-header',
|
|
40
|
+
base: {
|
|
41
|
+
container: baseStyleContainer,
|
|
42
|
+
grid: baseStyleGrid,
|
|
43
|
+
countContainer: baseStyleCountContainer,
|
|
44
|
+
closeContainer: baseStyleCloseContainer,
|
|
45
|
+
},
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
export { galleryHeaderRecipe };
|
|
49
|
+
//# sourceMappingURL=galleryHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"galleryHeader.js","sources":["../../../../../../src/themes/shared/slotRecipes/galleryHeader.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,IAAM,kBAAkB,GAAG,WAAW,CAAC;AACrC,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,QAAQ;AACb,KAAA;AACD,IAAA,GAAG,EAAE,GAAG;AACR,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,MAAM,EAAE,QAAQ;AACjB,CAAA,CAAC;AAEF,IAAM,aAAa,GAAG,WAAW,CAAC;AAChC,IAAA,UAAU,EAAE,QAAQ;AACrB,CAAA,CAAC;AAEF,IAAM,uBAAuB,GAAG,WAAW,CAAC;AAC1C,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,QAAQ;AACb,KAAA;AACF,CAAA,CAAC;AAEF,IAAM,uBAAuB,GAAG,WAAW,CAAC;AAC1C,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,UAAU;AAC3B,CAAA,CAAC;AAEF,IAAM,KAAK,GAAG;IACZ,WAAW;IACX,MAAM;IACN,gBAAgB;IAChB,gBAAgB;CACR;AAEH,IAAM,mBAAmB,GAAG,gBAAgB,CAAC;AAClD,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,SAAS,EAAE,uBAAuB;AAClC,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,kBAAkB;AAC7B,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,cAAc,EAAE,uBAAuB;AACvC,QAAA,cAAc,EAAE,uBAAuB;AACxC,KAAA;AACF,CAAA;;;;"}
|
|
@@ -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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { vehicleReferenceRecipe } from './vehicleReference.js';
|
|
2
2
|
import { tooltipSlotRecipe } from './tooltip.js';
|
|
3
|
+
import { tabsRecipe } from './tabs.js';
|
|
3
4
|
import { tableRecipe } from './table.js';
|
|
4
5
|
import { switchRecipe } from './switch.js';
|
|
5
6
|
import { sliderSlotRecipe } from './slider.js';
|
|
@@ -14,6 +15,7 @@ import { menuRecipe } from './menu.js';
|
|
|
14
15
|
import { markedTextRecipe } from './markedText.js';
|
|
15
16
|
import { listRecipe } from './list.js';
|
|
16
17
|
import { inputSlotRecipe } from './input.js';
|
|
18
|
+
import { galleryHeaderRecipe } from './galleryHeader.js';
|
|
17
19
|
import { fieldSlotRecipe } from './field.js';
|
|
18
20
|
import { energyLabelRecipe } from './energyLabel.js';
|
|
19
21
|
import { dialogFilterRecipe } from './dialogFilter.js';
|
|
@@ -31,11 +33,13 @@ var slotRecipes = {
|
|
|
31
33
|
breadcrumbs: breadcrumbsRecipe,
|
|
32
34
|
card: cardRecipe,
|
|
33
35
|
energyLabel: energyLabelRecipe,
|
|
36
|
+
galleryHeader: galleryHeaderRecipe,
|
|
34
37
|
list: listRecipe,
|
|
35
38
|
markedText: markedTextRecipe,
|
|
36
39
|
dialog: dialogRecipe,
|
|
37
40
|
simpleHeader: simpleHeaderRecipe,
|
|
38
41
|
table: tableRecipe,
|
|
42
|
+
tabs: tabsRecipe,
|
|
39
43
|
vehicleReference: vehicleReferenceRecipe,
|
|
40
44
|
tooltip: tooltipSlotRecipe,
|
|
41
45
|
field: fieldSlotRecipe,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/themes/shared/slotRecipes/index.ts"],"sourcesContent":[null],"names":["articleTeaser","accordion","breadcrumbs","card","energyLabel","list","markedText","dialog","simpleHeader","table","vehicleReference","tooltip","field","section","checkbox","input","select","dialogFilter","alert","popoverFilter","numberInput","radio","slider","pagination","menu"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../src/themes/shared/slotRecipes/index.ts"],"sourcesContent":[null],"names":["articleTeaser","accordion","breadcrumbs","card","energyLabel","galleryHeader","list","markedText","dialog","simpleHeader","table","tabs","vehicleReference","tooltip","field","section","checkbox","input","select","dialogFilter","alert","popoverFilter","numberInput","radio","slider","pagination","menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,IAAM,WAAW,GAAG;AACzB,IAAA,aAAa,EAAAA,mBAAA;AACb,IAAA,SAAS,EAAAC,eAAA;AACT,IAAA,WAAW,EAAAC,iBAAA;AACX,IAAA,IAAI,EAAAC,UAAA;AACJ,IAAA,WAAW,EAAAC,iBAAA;AACX,IAAA,aAAa,EAAAC,mBAAA;AACb,IAAA,IAAI,EAAAC,UAAA;AACJ,IAAA,UAAU,EAAAC,gBAAA;AACV,IAAA,MAAM,EAAAC,YAAA;AACN,IAAA,YAAY,EAAAC,kBAAA;AACZ,IAAA,KAAK,EAAAC,WAAA;AACL,IAAA,IAAI,EAAAC,UAAA;AACJ,IAAA,gBAAgB,EAAAC,sBAAA;AAChB,IAAA,OAAO,EAAAC,iBAAA;AACP,IAAA,KAAK,EAAAC,eAAA;AACL,IAAA,OAAO,EAAAC,aAAA;AACP,IAAA,QAAQ,EAAAC,cAAA;AACR,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,KAAK,EAAAC,eAAA;AACL,IAAA,MAAM,EAAAC,gBAAA;AACN,IAAA,YAAY,EAAAC,kBAAA;AACZ,IAAA,KAAK,EAAAC,WAAA;AACL,IAAA,aAAa,EAAAC,mBAAA;AACb,IAAA,WAAW,EAAAC,iBAAA;AACX,IAAA,KAAK,EAAAC,WAAA;AACL,IAAA,MAAM,EAAAC,gBAAA;AACN,IAAA,UAAU,EAAAC,gBAAA;AACV,IAAA,IAAI,EAAAC,UAAA;;;;;"}
|
|
@@ -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,120 @@
|
|
|
1
|
+
import { defineStyle, defineSlotRecipe } from '@chakra-ui/react';
|
|
2
|
+
|
|
3
|
+
var baseTriggerStyle = defineStyle({
|
|
4
|
+
textStyle: 'body',
|
|
5
|
+
transitionProperty: 'common',
|
|
6
|
+
transitionDuration: 'normal',
|
|
7
|
+
'--tabs-border-width': '3px',
|
|
8
|
+
borderBottomWidth: 'var(--tabs-border-width)',
|
|
9
|
+
borderBottomStyle: 'var(--tabs-border-style, solid)',
|
|
10
|
+
borderBottomColor: 'transparent',
|
|
11
|
+
p: 'md',
|
|
12
|
+
color: 'gray.600',
|
|
13
|
+
cursor: 'pointer',
|
|
14
|
+
_selected: {
|
|
15
|
+
fontWeight: 'bold',
|
|
16
|
+
color: 'gray.900',
|
|
17
|
+
borderBottomWidth: 'var(--tabs-border-width)',
|
|
18
|
+
borderBottomStyle: 'var(--tabs-border-style, solid)',
|
|
19
|
+
borderBottomColor: 'currentColor',
|
|
20
|
+
},
|
|
21
|
+
_disabled: {
|
|
22
|
+
_active: { bg: 'none' },
|
|
23
|
+
cursor: 'notAllowed',
|
|
24
|
+
color: 'gray.300',
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
var baseListStyle = defineStyle({
|
|
28
|
+
display: 'flex',
|
|
29
|
+
width: 'full',
|
|
30
|
+
borderBottom: '1px',
|
|
31
|
+
borderColor: 'gray.200',
|
|
32
|
+
justifyContent: 'start',
|
|
33
|
+
});
|
|
34
|
+
var baseContentStyle = defineStyle({
|
|
35
|
+
textStyle: 'body',
|
|
36
|
+
m: 'sm',
|
|
37
|
+
});
|
|
38
|
+
var tabsRecipe = defineSlotRecipe({
|
|
39
|
+
slots: ['root', 'list', 'trigger', 'content', 'contentGroup'],
|
|
40
|
+
className: 'chakra-tabs',
|
|
41
|
+
base: {
|
|
42
|
+
trigger: baseTriggerStyle,
|
|
43
|
+
list: baseListStyle,
|
|
44
|
+
content: baseContentStyle,
|
|
45
|
+
},
|
|
46
|
+
variants: {
|
|
47
|
+
variant: {
|
|
48
|
+
default: {
|
|
49
|
+
trigger: {
|
|
50
|
+
_selected: {
|
|
51
|
+
borderBottomColor: 'currentColor',
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
spaceBetween: {
|
|
56
|
+
list: {
|
|
57
|
+
justifyContent: 'space-between',
|
|
58
|
+
},
|
|
59
|
+
trigger: {
|
|
60
|
+
_selected: {
|
|
61
|
+
borderBottomColor: 'currentColor',
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
},
|
|
65
|
+
spaceAround: {
|
|
66
|
+
list: {
|
|
67
|
+
justifyContent: 'space-around',
|
|
68
|
+
},
|
|
69
|
+
trigger: {
|
|
70
|
+
_selected: {
|
|
71
|
+
borderBottomColor: 'currentColor',
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
},
|
|
75
|
+
enclosed: {
|
|
76
|
+
list: {
|
|
77
|
+
borderBottom: 'none',
|
|
78
|
+
},
|
|
79
|
+
trigger: {
|
|
80
|
+
color: 'gray.700',
|
|
81
|
+
fontWeight: 'bold',
|
|
82
|
+
flexBasis: 'full',
|
|
83
|
+
border: '1px',
|
|
84
|
+
borderColor: 'blue.200',
|
|
85
|
+
backgroundColor: 'blue.50',
|
|
86
|
+
borderRight: 'none',
|
|
87
|
+
'--tabs-border-width': '1px',
|
|
88
|
+
_selected: {
|
|
89
|
+
backgroundColor: 'transparent',
|
|
90
|
+
borderBottomColor: 'transparent',
|
|
91
|
+
},
|
|
92
|
+
_last: {
|
|
93
|
+
borderRight: '1px',
|
|
94
|
+
borderRightColor: 'blue.200',
|
|
95
|
+
},
|
|
96
|
+
},
|
|
97
|
+
content: {
|
|
98
|
+
m: '0',
|
|
99
|
+
},
|
|
100
|
+
},
|
|
101
|
+
fullWidth: {
|
|
102
|
+
trigger: {
|
|
103
|
+
flex: 1,
|
|
104
|
+
_selected: {
|
|
105
|
+
borderBottomColor: 'currentColor',
|
|
106
|
+
},
|
|
107
|
+
},
|
|
108
|
+
content: {
|
|
109
|
+
m: '0',
|
|
110
|
+
},
|
|
111
|
+
},
|
|
112
|
+
},
|
|
113
|
+
},
|
|
114
|
+
defaultVariants: {
|
|
115
|
+
variant: 'default',
|
|
116
|
+
},
|
|
117
|
+
});
|
|
118
|
+
|
|
119
|
+
export { tabsRecipe };
|
|
120
|
+
//# sourceMappingURL=tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.js","sources":["../../../../../../src/themes/shared/slotRecipes/tabs.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|