@smg-automotive/components 25.10.0-gallery-header-v3-migrate.1 → 25.10.0-gallery-header-v3-migrate.2
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/discreteSlider/index.d.ts +14 -0
- package/dist/cjs/components/discreteSlider/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/menu/index.d.ts +21 -0
- package/dist/cjs/components/menu/index.d.ts.map +1 -0
- package/dist/cjs/index.js +175 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/themes/shared/index.d.ts +2 -0
- package/dist/cjs/themes/shared/index.d.ts.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/index.d.ts +2 -0
- package/dist/cjs/themes/shared/slotRecipes/index.d.ts.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/menu.d.ts +2 -0
- package/dist/cjs/themes/shared/slotRecipes/menu.d.ts.map +1 -0
- package/dist/cjs/themes/shared/slotRecipes/slider.d.ts +2 -0
- package/dist/cjs/themes/shared/slotRecipes/slider.d.ts.map +1 -0
- package/dist/esm/components/discreteSlider/index.d.ts +14 -0
- package/dist/esm/components/discreteSlider/index.d.ts.map +1 -0
- package/dist/esm/components/discreteSlider/index.js +46 -0
- package/dist/esm/components/discreteSlider/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/menu/index.d.ts +21 -0
- package/dist/esm/components/menu/index.d.ts.map +1 -0
- package/dist/esm/components/menu/index.js +193 -0
- package/dist/esm/components/menu/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 +4 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/themes/shared/index.d.ts +2 -0
- package/dist/esm/themes/shared/index.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/index.d.ts +2 -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/menu.d.ts +2 -0
- package/dist/esm/themes/shared/slotRecipes/menu.d.ts.map +1 -0
- package/dist/esm/themes/shared/slotRecipes/menu.js +64 -0
- package/dist/esm/themes/shared/slotRecipes/menu.js.map +1 -0
- package/dist/esm/themes/shared/slotRecipes/slider.d.ts +2 -0
- package/dist/esm/themes/shared/slotRecipes/slider.d.ts.map +1 -0
- package/dist/esm/themes/shared/slotRecipes/slider.js +54 -0
- package/dist/esm/themes/shared/slotRecipes/slider.js.map +1 -0
- package/dist/index.d.ts +39 -8
- package/package.json +1 -1
|
@@ -1917,7 +1917,9 @@ export declare const getSharedConfig: () => {
|
|
|
1917
1917
|
};
|
|
1918
1918
|
};
|
|
1919
1919
|
}>;
|
|
1920
|
+
slider: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "control" | "thumb" | "track" | "range" | "markerGroup", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "control" | "thumb" | "track" | "range" | "markerGroup">>;
|
|
1920
1921
|
pagination: import("@chakra-ui/react").SlotRecipeDefinition<"paginationContainer" | "paginationButton" | "dots", import("@chakra-ui/react").SlotRecipeVariantRecord<"paginationContainer" | "paginationButton" | "dots">>;
|
|
1922
|
+
menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "item", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "item">>;
|
|
1921
1923
|
};
|
|
1922
1924
|
tokens: {
|
|
1923
1925
|
zIndex: {
|
|
@@ -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"}
|
|
@@ -1718,6 +1718,8 @@ export declare const slotRecipes: {
|
|
|
1718
1718
|
};
|
|
1719
1719
|
};
|
|
1720
1720
|
}>;
|
|
1721
|
+
slider: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "control" | "thumb" | "track" | "range" | "markerGroup", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "control" | "thumb" | "track" | "range" | "markerGroup">>;
|
|
1721
1722
|
pagination: import("@chakra-ui/react").SlotRecipeDefinition<"paginationContainer" | "paginationButton" | "dots", import("@chakra-ui/react").SlotRecipeVariantRecord<"paginationContainer" | "paginationButton" | "dots">>;
|
|
1723
|
+
menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "item", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "item">>;
|
|
1722
1724
|
};
|
|
1723
1725
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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":"AA4BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/menu.ts"],"names":[],"mappings":"AAwDA,eAAO,MAAM,UAAU,qKAQrB,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const sliderSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "control" | "thumb" | "track" | "range" | "markerGroup", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "control" | "thumb" | "track" | "range" | "markerGroup">>;
|
|
2
|
+
//# sourceMappingURL=slider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/slider.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yOAgD3B,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
export type DiscreteSliderMark<T> = {
|
|
3
|
+
stepValue?: number;
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
value: T;
|
|
6
|
+
};
|
|
7
|
+
export type DiscreteSliderProps<T> = {
|
|
8
|
+
applyIndentation?: boolean;
|
|
9
|
+
marks: DiscreteSliderMark<T>[];
|
|
10
|
+
value: T;
|
|
11
|
+
onValueChanged: (arg: T) => void;
|
|
12
|
+
};
|
|
13
|
+
export declare const DiscreteSlider: <T>({ marks, applyIndentation, onValueChanged, value, }: DiscreteSliderProps<T>) => React.JSX.Element;
|
|
14
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/discreteSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,CAAC,CAAC;IACT,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAClC,CAAC;AA2BF,eAAO,MAAM,cAAc,GAAI,CAAC,EAAG,qDAKhC,mBAAmB,CAAC,CAAC,CAAC,sBA8CxB,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Slider } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
var emptyItemOffset = 0;
|
|
6
|
+
var firstItemOffset = 1;
|
|
7
|
+
var getItemOffset = function (applyIndentation) {
|
|
8
|
+
return applyIndentation ? firstItemOffset : emptyItemOffset;
|
|
9
|
+
};
|
|
10
|
+
var getSliderStepValue = function (marks, applyIndentation, value) {
|
|
11
|
+
var selectedMarkIndex = marks.findIndex(function (mark) { return mark.value === value; });
|
|
12
|
+
if (selectedMarkIndex < emptyItemOffset) {
|
|
13
|
+
return getItemOffset(applyIndentation);
|
|
14
|
+
}
|
|
15
|
+
return selectedMarkIndex + getItemOffset(applyIndentation);
|
|
16
|
+
};
|
|
17
|
+
var getSliderMarks = function (marks, applyIndentation) {
|
|
18
|
+
return marks.map(function (mark, index) { return (__assign(__assign({}, mark), { stepValue: index + getItemOffset(applyIndentation) })); });
|
|
19
|
+
};
|
|
20
|
+
var DiscreteSlider = function (_a) {
|
|
21
|
+
var marks = _a.marks, _b = _a.applyIndentation, applyIndentation = _b === void 0 ? true : _b, onValueChanged = _a.onValueChanged, value = _a.value;
|
|
22
|
+
var sliderStepValue = getSliderStepValue(marks, applyIndentation, value);
|
|
23
|
+
var sliderMarks = getSliderMarks(marks, applyIndentation);
|
|
24
|
+
var handleOnChange = function (newStepValue) {
|
|
25
|
+
var _a;
|
|
26
|
+
if (applyIndentation && newStepValue < firstItemOffset)
|
|
27
|
+
return;
|
|
28
|
+
var newSliderMark = (_a = sliderMarks.find(function (mark) { return mark.stepValue === newStepValue; })) === null || _a === void 0 ? void 0 : _a.value;
|
|
29
|
+
onValueChanged(newSliderMark);
|
|
30
|
+
};
|
|
31
|
+
return (React.createElement(Slider.Root, { step: 1, max: sliderMarks.length - 1 + getItemOffset(applyIndentation), value: [sliderStepValue], onValueChange: function (details) { var _a; return handleOnChange((_a = details.value[0]) !== null && _a !== void 0 ? _a : sliderStepValue); } },
|
|
32
|
+
React.createElement(Slider.Control, null,
|
|
33
|
+
React.createElement(Slider.Track, null,
|
|
34
|
+
React.createElement(Slider.Range, null)),
|
|
35
|
+
React.createElement(Slider.Thumbs, null),
|
|
36
|
+
React.createElement(Slider.MarkerGroup, null, sliderMarks.map(function (_a, index) {
|
|
37
|
+
var stepValue = _a.stepValue, label = _a.label;
|
|
38
|
+
return (React.createElement(Slider.Marker, { key: index, value: stepValue, style: {
|
|
39
|
+
pointerEvents: 'all',
|
|
40
|
+
fontWeight: sliderStepValue === stepValue ? 'bold' : 'normal',
|
|
41
|
+
} }, label));
|
|
42
|
+
})))));
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
export { DiscreteSlider };
|
|
46
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/discreteSlider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,7 @@ export * from './layout';
|
|
|
27
27
|
export * from './link';
|
|
28
28
|
export * from './list';
|
|
29
29
|
export * from './chip';
|
|
30
|
+
export * from './menu';
|
|
30
31
|
export * from './missingImage';
|
|
31
32
|
export * from './mobileOnlyAccordion';
|
|
32
33
|
export * from './navigation/footer';
|
|
@@ -47,5 +48,6 @@ export * from './themeProvider';
|
|
|
47
48
|
export * from './vehicleReference';
|
|
48
49
|
export * from './rangeFilterInput';
|
|
49
50
|
export * from './topVehicleSharedBadge';
|
|
51
|
+
export * from './discreteSlider';
|
|
50
52
|
export * from './formControlSection';
|
|
51
53
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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,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,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,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,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,21 @@
|
|
|
1
|
+
import { FC, JSX, ReactElement } from 'react';
|
|
2
|
+
import { MenuRootProps, MenuTriggerProps } from '@chakra-ui/react';
|
|
3
|
+
interface MenuItem {
|
|
4
|
+
text: JSX.Element | string;
|
|
5
|
+
value: string;
|
|
6
|
+
onClick: () => void;
|
|
7
|
+
}
|
|
8
|
+
export interface MenuProps {
|
|
9
|
+
title: string | ReactElement;
|
|
10
|
+
items: MenuItem[];
|
|
11
|
+
fontWeightTitle?: MenuTriggerProps['fontWeight'];
|
|
12
|
+
offset?: [number, number];
|
|
13
|
+
menuColor?: MenuTriggerProps['color'];
|
|
14
|
+
showChevron?: boolean;
|
|
15
|
+
icon?: ReactElement;
|
|
16
|
+
iconSpacing?: MenuTriggerProps['gap'];
|
|
17
|
+
placement?: Exclude<MenuRootProps['positioning'], undefined>['placement'];
|
|
18
|
+
}
|
|
19
|
+
export declare const Menu: FC<MenuProps>;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,aAAa,EACb,gBAAgB,EAGjB,MAAM,kBAAkB,CAAC;AAI1B,UAAU,QAAQ;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,GAAG,YAAY,CAAC;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA0D9B,CAAC"}
|
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
import { __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useSlotRecipe, Menu as Menu$1, Portal } from '@chakra-ui/react';
|
|
4
|
+
import '../icons/AdvancedSearchIcon.js';
|
|
5
|
+
import '../icons/ArrowCircleIcon.js';
|
|
6
|
+
import '../icons/ArrowDiagonalIcon.js';
|
|
7
|
+
import '../icons/ArrowDownIcon.js';
|
|
8
|
+
import '../icons/ArrowLeftIcon.js';
|
|
9
|
+
import '../icons/ArrowRightIcon.js';
|
|
10
|
+
import '../icons/ArrowUpIcon.js';
|
|
11
|
+
import '../icons/AutoScout24AppLogo.js';
|
|
12
|
+
import '../icons/AvatarIcon.js';
|
|
13
|
+
import '../icons/AvatarWithNotificationIcon.js';
|
|
14
|
+
import '../icons/BatteryIcon.js';
|
|
15
|
+
import '../icons/BookmarkIcon.js';
|
|
16
|
+
import '../icons/CalculatorIcon.js';
|
|
17
|
+
import '../icons/CalendarIcon.js';
|
|
18
|
+
import '../icons/CallIcon.js';
|
|
19
|
+
import '../icons/CamperIcon.js';
|
|
20
|
+
import '../icons/CarConditionIcon.js';
|
|
21
|
+
import '../icons/CarIcon.js';
|
|
22
|
+
import '../icons/CopyIcon.js';
|
|
23
|
+
import '../icons/ChartIcon.js';
|
|
24
|
+
import '../icons/CheckmarkIcon.js';
|
|
25
|
+
import '../icons/CheckmarkCircleIcon.js';
|
|
26
|
+
import '../icons/CheckShieldIcon.js';
|
|
27
|
+
import '../icons/ChevronDownLargeIcon.js';
|
|
28
|
+
import { ChevronDownSmallIcon } from '../icons/ChevronDownSmallIcon.js';
|
|
29
|
+
import '../icons/ChevronLeftLargeIcon.js';
|
|
30
|
+
import '../icons/ChevronLeftSmallIcon.js';
|
|
31
|
+
import '../icons/ChevronRightLargeIcon.js';
|
|
32
|
+
import '../icons/ChevronRightSmallIcon.js';
|
|
33
|
+
import '../icons/ChevronRightTinyIcon.js';
|
|
34
|
+
import '../icons/ChevronUpLargeIcon.js';
|
|
35
|
+
import '../icons/ChevronUpSmallIcon.js';
|
|
36
|
+
import '../icons/CloseIcon.js';
|
|
37
|
+
import '../icons/CompareIcon.js';
|
|
38
|
+
import '../icons/ConsumptionIcon.js';
|
|
39
|
+
import '../icons/CreditIcon.js';
|
|
40
|
+
import '../icons/CreditCardIcon.js';
|
|
41
|
+
import '../icons/DaylightIcon.js';
|
|
42
|
+
import '../icons/DeleteIcon.js';
|
|
43
|
+
import '../icons/DocumentCheckIcon.js';
|
|
44
|
+
import '../icons/DocumentIcon.js';
|
|
45
|
+
import '../icons/DragIcon.js';
|
|
46
|
+
import '../icons/DriveSystemIcon.js';
|
|
47
|
+
import '../icons/DriveTypeIcon.js';
|
|
48
|
+
import '../icons/EquipmentIcon.js';
|
|
49
|
+
import '../icons/ErrorIcon.js';
|
|
50
|
+
import '../icons/ExchangeIcon.js';
|
|
51
|
+
import '../icons/EyeIcon.js';
|
|
52
|
+
import '../icons/EyeCrossedIcon.js';
|
|
53
|
+
import '../icons/FacebookIcon.js';
|
|
54
|
+
import '../icons/FlagIcon.js';
|
|
55
|
+
import '../icons/FlameIcon.js';
|
|
56
|
+
import '../icons/FlashIcon.js';
|
|
57
|
+
import '../icons/GasStationIcon.js';
|
|
58
|
+
import '../icons/HeartIcon.js';
|
|
59
|
+
import '../icons/HistoryClockIcon.js';
|
|
60
|
+
import '../icons/HouseIcon.js';
|
|
61
|
+
import '../icons/ImageIcon.js';
|
|
62
|
+
import '../icons/InfoIcon.js';
|
|
63
|
+
import '../icons/InstagramIcon.js';
|
|
64
|
+
import '../icons/InteriorIcon.js';
|
|
65
|
+
import '../icons/LinkedinIcon.js';
|
|
66
|
+
import '../icons/ListIcon.js';
|
|
67
|
+
import '../icons/LocationPinIcon.js';
|
|
68
|
+
import '../icons/MagnifierIcon.js';
|
|
69
|
+
import '../icons/MessageIcon.js';
|
|
70
|
+
import '../icons/MissingImageIcon.js';
|
|
71
|
+
import '../icons/MotorcycleIcon.js';
|
|
72
|
+
import '../icons/MotoScout24AppLogo.js';
|
|
73
|
+
import '../icons/PenIcon.js';
|
|
74
|
+
import '../icons/PlusIcon.js';
|
|
75
|
+
import '../icons/ChfCurrencyIcon.js';
|
|
76
|
+
import '../icons/PrintIcon.js';
|
|
77
|
+
import '../icons/RangeIcon.js';
|
|
78
|
+
import '../icons/RoadIcon.js';
|
|
79
|
+
import '../icons/RotateIcon.js';
|
|
80
|
+
import '../icons/SafeNumberIcon.js';
|
|
81
|
+
import '../icons/ShareIcon.js';
|
|
82
|
+
import '../icons/StarIcon.js';
|
|
83
|
+
import '../icons/SteeringWheelIcon.js';
|
|
84
|
+
import '../icons/ThreeSixtyIcon.js';
|
|
85
|
+
import '../icons/TimeIcon.js';
|
|
86
|
+
import '../icons/TooltipIcon.js';
|
|
87
|
+
import '../icons/InformationIcon.js';
|
|
88
|
+
import '../icons/TopListingIcon.js';
|
|
89
|
+
import '../icons/TrailerIcon.js';
|
|
90
|
+
import '../icons/TransmissionIcon.js';
|
|
91
|
+
import '../icons/Trash.js';
|
|
92
|
+
import '../icons/TruckIcon.js';
|
|
93
|
+
import '../icons/TwitterIcon.js';
|
|
94
|
+
import '../icons/UtilityVehicleIcon.js';
|
|
95
|
+
import '../icons/VehiclePowerIcon.js';
|
|
96
|
+
import '../icons/VehicleTypesMotorcycleIcon.js';
|
|
97
|
+
import '../icons/VideoIcon.js';
|
|
98
|
+
import '../icons/VideoCameraIcon.js';
|
|
99
|
+
import '../icons/ViewCarIcon.js';
|
|
100
|
+
import '../icons/DriveSystemLargeIcon.js';
|
|
101
|
+
import '../icons/WarningIcon.js';
|
|
102
|
+
import '../icons/WhatsAppIcon.js';
|
|
103
|
+
import '../icons/YoutubeIcon.js';
|
|
104
|
+
import '../icons/SortIcon.js';
|
|
105
|
+
import '../icons/ViewMotorcycleIcon.js';
|
|
106
|
+
import '../icons/GoogleIcon.js';
|
|
107
|
+
import '../icons/SaveSearchIcon.js';
|
|
108
|
+
import '../icons/AutoScout24Icon.js';
|
|
109
|
+
import '../icons/MotoScout24Icon.js';
|
|
110
|
+
import '../icons/MagnifierLargeIcon.js';
|
|
111
|
+
import '../icons/RocketIcon.js';
|
|
112
|
+
import '../icons/CartIcon.js';
|
|
113
|
+
import '../icons/VanIcon.js';
|
|
114
|
+
import '../icons/MiniVanIcon.js';
|
|
115
|
+
import '../icons/SuvIcon.js';
|
|
116
|
+
import '../icons/CoupeIcon.js';
|
|
117
|
+
import '../icons/CabrioletIcon.js';
|
|
118
|
+
import '../icons/SmallCarIcon.js';
|
|
119
|
+
import '../icons/SedanIcon.js';
|
|
120
|
+
import '../icons/WagonIcon.js';
|
|
121
|
+
import '../icons/PickUpIcon.js';
|
|
122
|
+
import '../icons/InformationBubbleIcon.js';
|
|
123
|
+
import '../icons/OverflowVerticalIcon.js';
|
|
124
|
+
import '../icons/PartialClockIcon.js';
|
|
125
|
+
import '../icons/LockIcon.js';
|
|
126
|
+
import '../icons/TiltedRectangleIcon.js';
|
|
127
|
+
import '../icons/PlusCircleIcon.js';
|
|
128
|
+
import '../icons/StarCircleIcon.js';
|
|
129
|
+
import '../icons/InfinityCircleIcon.js';
|
|
130
|
+
import '../icons/VehicleTypesMotorcycleStarIcon.js';
|
|
131
|
+
import '../icons/CategoryAOneIcon.js';
|
|
132
|
+
import '../icons/CategoryAIcon.js';
|
|
133
|
+
import '../icons/CategoryAMinusIcon.js';
|
|
134
|
+
import '../icons/BankNotesIcon.js';
|
|
135
|
+
import '../icons/ChatBubbleIcon.js';
|
|
136
|
+
import '../icons/DigitalContractIcon.js';
|
|
137
|
+
import '../icons/OptimizerIcon.js';
|
|
138
|
+
import '../icons/CheckmarkCircleColorIcon.js';
|
|
139
|
+
import '../icons/ArrowDownCircleIcon.js';
|
|
140
|
+
import '../icons/ArrowUpCircleIcon.js';
|
|
141
|
+
import '../icons/NotAvailableIcon.js';
|
|
142
|
+
import '../icons/LabelIcon.js';
|
|
143
|
+
import '../icons/BulbIcon.js';
|
|
144
|
+
import '../icons/NoPhotoIcon.js';
|
|
145
|
+
import '../icons/ThumbsUpIcon.js';
|
|
146
|
+
import '../icons/ThumbsDownIcon.js';
|
|
147
|
+
import '../icons/MinusIcon.js';
|
|
148
|
+
import '../icons/DoubleChevronUpIcon.js';
|
|
149
|
+
import '../icons/DoubleChevronDownIcon.js';
|
|
150
|
+
import '../icons/DoubleLineIcon.js';
|
|
151
|
+
import '../icons/NotAvailableSquareIcon.js';
|
|
152
|
+
import '../icons/WarrantyIcon.js';
|
|
153
|
+
import '../icons/DownloadIcon.js';
|
|
154
|
+
import '../icons/TriangleIcon.js';
|
|
155
|
+
import '../icons/SwissFlagIcon.js';
|
|
156
|
+
import '../icons/GlobeIcon.js';
|
|
157
|
+
import '../icons/GarageIcon.js';
|
|
158
|
+
import '../icons/HamburgerMenuIcon.js';
|
|
159
|
+
import '../icons/LogoutIcon.js';
|
|
160
|
+
import '../icons/AndroidIcon.js';
|
|
161
|
+
import '../icons/AppleIcon.js';
|
|
162
|
+
import '../icons/WindowsIcon.js';
|
|
163
|
+
import '../icons/SpeakerIcon.js';
|
|
164
|
+
import '../icons/AddPhotoIcon.js';
|
|
165
|
+
import '../icons/ScreenIcon.js';
|
|
166
|
+
import '../icons/QualitySealIcon.js';
|
|
167
|
+
import '../icons/ExpandIcon.js';
|
|
168
|
+
import '../icons/CollapseIcon.js';
|
|
169
|
+
import '../icons/ForwardIcon.js';
|
|
170
|
+
|
|
171
|
+
var Menu = function (_a) {
|
|
172
|
+
var title = _a.title, items = _a.items, _b = _a.fontWeightTitle, fontWeightTitle = _b === void 0 ? 'regular' : _b, _c = _a.offset, offset = _c === void 0 ? [8, 0] : _c, menuColor = _a.menuColor, _d = _a.showChevron, showChevron = _d === void 0 ? true : _d, icon = _a.icon, _e = _a.iconSpacing, iconSpacing = _e === void 0 ? 'sm' : _e, placement = _a.placement;
|
|
173
|
+
var recipe = useSlotRecipe({ key: 'menu' });
|
|
174
|
+
var styles = recipe();
|
|
175
|
+
var _f = offset[0], mainAxis = _f === void 0 ? 0 : _f, _g = offset[1], crossAxis = _g === void 0 ? 0 : _g;
|
|
176
|
+
return (React.createElement(Menu$1.Root, { positioning: { placement: placement, offset: { mainAxis: mainAxis, crossAxis: crossAxis } } },
|
|
177
|
+
React.createElement(Menu$1.Context, null, function (_a) {
|
|
178
|
+
var open = _a.open;
|
|
179
|
+
return (React.createElement(Menu$1.Trigger, { css: styles.trigger, gap: iconSpacing, fontWeight: fontWeightTitle, color: open ? 'blue.700' : menuColor },
|
|
180
|
+
icon,
|
|
181
|
+
title,
|
|
182
|
+
showChevron ? (React.createElement(ChevronDownSmallIcon, { transition: "transform", transform: open ? 'rotate(180deg)' : 'rotate(0deg)' })) : null));
|
|
183
|
+
}),
|
|
184
|
+
React.createElement(Portal, null,
|
|
185
|
+
React.createElement(Menu$1.Positioner, null,
|
|
186
|
+
React.createElement(Menu$1.Content, { css: styles.content }, items.map(function (_a) {
|
|
187
|
+
var onClick = _a.onClick, text = _a.text, value = _a.value;
|
|
188
|
+
return (React.createElement(Menu$1.Item, __assign({ key: "menuItem-".concat(value), value: value, onSelect: onClick, css: styles.item }, (menuColor && { color: menuColor })), text));
|
|
189
|
+
}))))));
|
|
190
|
+
};
|
|
191
|
+
|
|
192
|
+
export { Menu };
|
|
193
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/menu/index.tsx"],"sourcesContent":[null],"names":["ChakraMenu"],"mappings":"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"}
|
|
@@ -24,6 +24,7 @@ import '../../themes/shared/slotRecipes/vehicleReference.js';
|
|
|
24
24
|
import '../../themes/shared/slotRecipes/tooltip.js';
|
|
25
25
|
import '../../themes/shared/slotRecipes/table.js';
|
|
26
26
|
import '../../themes/shared/slotRecipes/switch.js';
|
|
27
|
+
import '../../themes/shared/slotRecipes/slider.js';
|
|
27
28
|
import '../../themes/shared/slotRecipes/simpleHeader.js';
|
|
28
29
|
import '../../themes/shared/slotRecipes/select.js';
|
|
29
30
|
import '../../themes/shared/slotRecipes/section.js';
|
|
@@ -31,6 +32,7 @@ import '../../themes/shared/slotRecipes/radio.js';
|
|
|
31
32
|
import '../../themes/shared/slotRecipes/popoverFilter.js';
|
|
32
33
|
import '../../themes/shared/slotRecipes/pagination.js';
|
|
33
34
|
import '../../themes/shared/slotRecipes/numberInput.js';
|
|
35
|
+
import '../../themes/shared/slotRecipes/menu.js';
|
|
34
36
|
import '../../themes/shared/slotRecipes/markedText.js';
|
|
35
37
|
import '../../themes/shared/slotRecipes/list.js';
|
|
36
38
|
import '../../themes/shared/slotRecipes/input.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
|
@@ -23,6 +23,7 @@ import './themes/shared/slotRecipes/vehicleReference.js';
|
|
|
23
23
|
import './themes/shared/slotRecipes/tooltip.js';
|
|
24
24
|
import './themes/shared/slotRecipes/table.js';
|
|
25
25
|
import './themes/shared/slotRecipes/switch.js';
|
|
26
|
+
import './themes/shared/slotRecipes/slider.js';
|
|
26
27
|
import './themes/shared/slotRecipes/simpleHeader.js';
|
|
27
28
|
import './themes/shared/slotRecipes/select.js';
|
|
28
29
|
import './themes/shared/slotRecipes/section.js';
|
|
@@ -30,6 +31,7 @@ import './themes/shared/slotRecipes/radio.js';
|
|
|
30
31
|
import './themes/shared/slotRecipes/popoverFilter.js';
|
|
31
32
|
import './themes/shared/slotRecipes/pagination.js';
|
|
32
33
|
import './themes/shared/slotRecipes/numberInput.js';
|
|
34
|
+
import './themes/shared/slotRecipes/menu.js';
|
|
33
35
|
import './themes/shared/slotRecipes/markedText.js';
|
|
34
36
|
import './themes/shared/slotRecipes/list.js';
|
|
35
37
|
import './themes/shared/slotRecipes/input.js';
|
|
@@ -260,6 +262,7 @@ export { LayoutWithVehicleReference } from './components/layout/WithVehicleRefer
|
|
|
260
262
|
export { Link } from './components/link/index.js';
|
|
261
263
|
export { List, ListItem, ListRoot } from './components/list/index.js';
|
|
262
264
|
export { Chip } from './components/chip/index.js';
|
|
265
|
+
export { Menu } from './components/menu/index.js';
|
|
263
266
|
export { MissingImage } from './components/missingImage/index.js';
|
|
264
267
|
export { MobileOnlyAccordion } from './components/mobileOnlyAccordion/index.js';
|
|
265
268
|
export { Footer } from './components/navigation/footer/index.js';
|
|
@@ -280,6 +283,7 @@ export { ThemeProvider } from './components/themeProvider/index.js';
|
|
|
280
283
|
export { VehicleReference } from './components/vehicleReference/index.js';
|
|
281
284
|
export { RangeFilterInput } from './components/rangeFilterInput/index.js';
|
|
282
285
|
export { TopVehicleSharedBadge } from './components/topVehicleSharedBadge/index.js';
|
|
286
|
+
export { DiscreteSlider } from './components/discreteSlider/index.js';
|
|
283
287
|
export { FormControlSection } from './components/formControlSection/index.js';
|
|
284
288
|
export { convertRemEmToPx } from './utilities/convertRemEmToPx.js';
|
|
285
289
|
export { default as logger } from './lib/logger.js';
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1917,7 +1917,9 @@ export declare const getSharedConfig: () => {
|
|
|
1917
1917
|
};
|
|
1918
1918
|
};
|
|
1919
1919
|
}>;
|
|
1920
|
+
slider: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "control" | "thumb" | "track" | "range" | "markerGroup", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "control" | "thumb" | "track" | "range" | "markerGroup">>;
|
|
1920
1921
|
pagination: import("@chakra-ui/react").SlotRecipeDefinition<"paginationContainer" | "paginationButton" | "dots", import("@chakra-ui/react").SlotRecipeVariantRecord<"paginationContainer" | "paginationButton" | "dots">>;
|
|
1922
|
+
menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "item", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "item">>;
|
|
1921
1923
|
};
|
|
1922
1924
|
tokens: {
|
|
1923
1925
|
zIndex: {
|
|
@@ -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"}
|
|
@@ -1718,6 +1718,8 @@ export declare const slotRecipes: {
|
|
|
1718
1718
|
};
|
|
1719
1719
|
};
|
|
1720
1720
|
}>;
|
|
1721
|
+
slider: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "control" | "thumb" | "track" | "range" | "markerGroup", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "control" | "thumb" | "track" | "range" | "markerGroup">>;
|
|
1721
1722
|
pagination: import("@chakra-ui/react").SlotRecipeDefinition<"paginationContainer" | "paginationButton" | "dots", import("@chakra-ui/react").SlotRecipeVariantRecord<"paginationContainer" | "paginationButton" | "dots">>;
|
|
1723
|
+
menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "item", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "item">>;
|
|
1722
1724
|
};
|
|
1723
1725
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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":"AA4BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BvB,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { vehicleReferenceRecipe } from './vehicleReference.js';
|
|
|
2
2
|
import { tooltipSlotRecipe } from './tooltip.js';
|
|
3
3
|
import { tableRecipe } from './table.js';
|
|
4
4
|
import { switchRecipe } from './switch.js';
|
|
5
|
+
import { sliderSlotRecipe } from './slider.js';
|
|
5
6
|
import { simpleHeaderRecipe } from './simpleHeader.js';
|
|
6
7
|
import { selectSlotRecipe } from './select.js';
|
|
7
8
|
import { sectionRecipe } from './section.js';
|
|
@@ -9,6 +10,7 @@ import { radioRecipe } from './radio.js';
|
|
|
9
10
|
import { popoverFilterRecipe } from './popoverFilter.js';
|
|
10
11
|
import { paginationRecipe } from './pagination.js';
|
|
11
12
|
import { numberInputRecipe } from './numberInput.js';
|
|
13
|
+
import { menuRecipe } from './menu.js';
|
|
12
14
|
import { markedTextRecipe } from './markedText.js';
|
|
13
15
|
import { listRecipe } from './list.js';
|
|
14
16
|
import { inputSlotRecipe } from './input.js';
|
|
@@ -49,7 +51,9 @@ var slotRecipes = {
|
|
|
49
51
|
popoverFilter: popoverFilterRecipe,
|
|
50
52
|
numberInput: numberInputRecipe,
|
|
51
53
|
radio: radioRecipe,
|
|
54
|
+
slider: sliderSlotRecipe,
|
|
52
55
|
pagination: paginationRecipe,
|
|
56
|
+
menu: menuRecipe,
|
|
53
57
|
};
|
|
54
58
|
|
|
55
59
|
export { slotRecipes };
|
|
@@ -1 +1 @@
|
|
|
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","vehicleReference","tooltip","field","section","checkbox","input","select","dialogFilter","alert","popoverFilter","numberInput","radio","pagination"],"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","vehicleReference","tooltip","field","section","checkbox","input","select","dialogFilter","alert","popoverFilter","numberInput","radio","slider","pagination","menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,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,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 @@
|
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/menu.ts"],"names":[],"mappings":"AAwDA,eAAO,MAAM,UAAU,qKAQrB,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { defineStyle, defineSlotRecipe } from '@chakra-ui/react';
|
|
2
|
+
|
|
3
|
+
var maximumScrollbarWidth = 20;
|
|
4
|
+
var content = defineStyle({
|
|
5
|
+
'--max-width': "calc(100vw - ".concat(maximumScrollbarWidth, "px)"),
|
|
6
|
+
bg: 'white',
|
|
7
|
+
boxShadow: 'sm',
|
|
8
|
+
color: 'inherit',
|
|
9
|
+
minW: '4xl',
|
|
10
|
+
maxW: 'var(--max-width)',
|
|
11
|
+
py: 'xxs',
|
|
12
|
+
zIndex: 'dropdown',
|
|
13
|
+
borderRadius: 'sm',
|
|
14
|
+
border: '1px',
|
|
15
|
+
borderColor: 'gray.200',
|
|
16
|
+
cursor: 'pointer',
|
|
17
|
+
_focusVisible: {
|
|
18
|
+
outline: 'none',
|
|
19
|
+
},
|
|
20
|
+
});
|
|
21
|
+
var item = defineStyle({
|
|
22
|
+
paddingY: 'md',
|
|
23
|
+
paddingX: 'lg',
|
|
24
|
+
cursor: 'pointer',
|
|
25
|
+
_focus: {
|
|
26
|
+
bg: 'gray.100',
|
|
27
|
+
},
|
|
28
|
+
_focusVisible: {
|
|
29
|
+
outline: 'none',
|
|
30
|
+
},
|
|
31
|
+
_active: {
|
|
32
|
+
bg: 'blue.100',
|
|
33
|
+
},
|
|
34
|
+
_expanded: {
|
|
35
|
+
bg: 'gray.100',
|
|
36
|
+
},
|
|
37
|
+
_hover: {
|
|
38
|
+
bg: 'gray.100',
|
|
39
|
+
},
|
|
40
|
+
_disabled: {
|
|
41
|
+
opacity: '40',
|
|
42
|
+
cursor: 'notAllowed',
|
|
43
|
+
},
|
|
44
|
+
});
|
|
45
|
+
var trigger = defineStyle({
|
|
46
|
+
display: 'inline-flex',
|
|
47
|
+
padding: '0',
|
|
48
|
+
cursor: 'pointer',
|
|
49
|
+
_focusVisible: {
|
|
50
|
+
outline: 'none',
|
|
51
|
+
},
|
|
52
|
+
});
|
|
53
|
+
var menuRecipe = defineSlotRecipe({
|
|
54
|
+
slots: ['content', 'item', 'trigger'],
|
|
55
|
+
className: 'chakra-menu',
|
|
56
|
+
base: {
|
|
57
|
+
content: content,
|
|
58
|
+
item: item,
|
|
59
|
+
trigger: trigger,
|
|
60
|
+
},
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
export { menuRecipe };
|
|
64
|
+
//# sourceMappingURL=menu.js.map
|