alicia-design-system 1.45.2 → 1.47.0
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/alicia/common/Buttons/Buttons.d.ts +1 -1
- package/dist/cjs/alicia/common/Buttons/Buttons.js +1 -1
- package/dist/cjs/alicia/common/Buttons/Buttons.js.map +1 -1
- package/dist/cjs/alicia/common/Buttons/Buttons.stories.d.ts +5 -5
- package/dist/cjs/alicia/common/Buttons/Buttons.stories.js +1 -2
- package/dist/cjs/alicia/common/Buttons/Buttons.stories.js.map +1 -1
- package/dist/cjs/alicia/common/DatePicker/DatePicker.d.ts +3 -1
- package/dist/cjs/alicia/common/DatePicker/DatePicker.js +2 -2
- package/dist/cjs/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.d.ts +6 -0
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.js +1 -1
- package/dist/cjs/alicia/common/DatePicker/DatePicker.stories.js.map +1 -1
- package/dist/cjs/alicia/common/RadioButtonGroup/RadioButtonGroup.stories.d.ts +34 -34
- package/dist/esm/alicia/common/Buttons/Buttons.d.ts +1 -1
- package/dist/esm/alicia/common/Buttons/Buttons.js +2 -2
- package/dist/esm/alicia/common/Buttons/Buttons.js.map +1 -1
- package/dist/esm/alicia/common/Buttons/Buttons.stories.d.ts +5 -5
- package/dist/esm/alicia/common/Buttons/Buttons.stories.js +1 -2
- package/dist/esm/alicia/common/Buttons/Buttons.stories.js.map +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.d.ts +3 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.js +2 -2
- package/dist/esm/alicia/common/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.d.ts +6 -0
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.js +1 -1
- package/dist/esm/alicia/common/DatePicker/DatePicker.stories.js.map +1 -1
- package/dist/esm/alicia/common/RadioButtonGroup/RadioButtonGroup.stories.d.ts +34 -34
- package/package.json +1 -1
|
@@ -7,8 +7,8 @@ type AliciaButtonProps = {
|
|
|
7
7
|
onChange?: (...args: any[]) => void;
|
|
8
8
|
color?: string;
|
|
9
9
|
isDisabled?: boolean;
|
|
10
|
+
containerWidth?: string;
|
|
10
11
|
withIconRight?: boolean;
|
|
11
|
-
containerWidth: string;
|
|
12
12
|
};
|
|
13
13
|
export declare const Button: ({ children, ...rest }: AliciaButtonProps & ButtonProps) => JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -17,7 +17,7 @@ const react_1 = require("@chakra-ui/react");
|
|
|
17
17
|
const Button = (_a) => {
|
|
18
18
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
19
19
|
const { variant, background, color, containerWidth, withIconRight } = rest, otherProps = __rest(rest, ["variant", "background", "color", "containerWidth", "withIconRight"]);
|
|
20
|
-
return ((0, jsx_runtime_1.jsx)(react_1.
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ width: "auto", flexWrap: "wrap" }, { children: (0, jsx_runtime_1.jsx)(react_1.Button, Object.assign({ rounded: 'full', variant: variant, background: variant === 'whitelabeled' ? background : '', color: variant === 'whitelabeled' ? color : undefined, fontWeight: 'normal', _hover: {
|
|
21
21
|
opacity: '0.7'
|
|
22
22
|
} }, otherProps, { children: children })) })));
|
|
23
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Buttons.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Buttons/Buttons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Buttons.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Buttons/Buttons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,4CAA6E;AActE,MAAM,MAAM,GAAG,CAAC,EAAsD,EAAE,EAAE;QAA1D,EAAE,QAAQ,OAA4C,EAAvC,IAAI,cAAnB,YAAqB,CAAF;IACxC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,aAAa,KAAoB,IAAI,EAAnB,UAAU,UAAK,IAAI,EAAnF,qEAA4E,CAAO,CAAC;IAC1F,OAAO,CACL,uBAAC,YAAI,kBAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,gBAChC,uBAAC,cAAY,kBAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAC3C,UAAU,EAAE,OAAO,KAAK,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACxD,KAAK,EAAE,OAAO,KAAK,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACrD,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE;gBACN,OAAO,EAAE,KAAK;aACf,IACG,UAAU,cAGb,QAAQ,IACI,IACV,CACR,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}
|
|
@@ -7,8 +7,8 @@ declare const _default: ComponentMeta<({ children, ...rest }: {
|
|
|
7
7
|
onChange?: ((...args: any[]) => void) | undefined;
|
|
8
8
|
color?: string | undefined;
|
|
9
9
|
isDisabled?: boolean | undefined;
|
|
10
|
+
containerWidth?: string | undefined;
|
|
10
11
|
withIconRight?: boolean | undefined;
|
|
11
|
-
containerWidth: string;
|
|
12
12
|
} & import("@chakra-ui/button/dist/button").ButtonProps) => JSX.Element>;
|
|
13
13
|
export default _default;
|
|
14
14
|
export declare const Primary: ComponentStory<({ children, ...rest }: {
|
|
@@ -18,8 +18,8 @@ export declare const Primary: ComponentStory<({ children, ...rest }: {
|
|
|
18
18
|
onChange?: ((...args: any[]) => void) | undefined;
|
|
19
19
|
color?: string | undefined;
|
|
20
20
|
isDisabled?: boolean | undefined;
|
|
21
|
+
containerWidth?: string | undefined;
|
|
21
22
|
withIconRight?: boolean | undefined;
|
|
22
|
-
containerWidth: string;
|
|
23
23
|
} & import("@chakra-ui/button/dist/button").ButtonProps) => JSX.Element>;
|
|
24
24
|
export declare const Secondary: ComponentStory<({ children, ...rest }: {
|
|
25
25
|
variant: "primary" | "secondary" | "whitelabeled" | "disabled";
|
|
@@ -28,8 +28,8 @@ export declare const Secondary: ComponentStory<({ children, ...rest }: {
|
|
|
28
28
|
onChange?: ((...args: any[]) => void) | undefined;
|
|
29
29
|
color?: string | undefined;
|
|
30
30
|
isDisabled?: boolean | undefined;
|
|
31
|
+
containerWidth?: string | undefined;
|
|
31
32
|
withIconRight?: boolean | undefined;
|
|
32
|
-
containerWidth: string;
|
|
33
33
|
} & import("@chakra-ui/button/dist/button").ButtonProps) => JSX.Element>;
|
|
34
34
|
export declare const Whitelabeled: ComponentStory<({ children, ...rest }: {
|
|
35
35
|
variant: "primary" | "secondary" | "whitelabeled" | "disabled";
|
|
@@ -38,8 +38,8 @@ export declare const Whitelabeled: ComponentStory<({ children, ...rest }: {
|
|
|
38
38
|
onChange?: ((...args: any[]) => void) | undefined;
|
|
39
39
|
color?: string | undefined;
|
|
40
40
|
isDisabled?: boolean | undefined;
|
|
41
|
+
containerWidth?: string | undefined;
|
|
41
42
|
withIconRight?: boolean | undefined;
|
|
42
|
-
containerWidth: string;
|
|
43
43
|
} & import("@chakra-ui/button/dist/button").ButtonProps) => JSX.Element>;
|
|
44
44
|
export declare const Disabled: ComponentStory<({ children, ...rest }: {
|
|
45
45
|
variant: "primary" | "secondary" | "whitelabeled" | "disabled";
|
|
@@ -48,6 +48,6 @@ export declare const Disabled: ComponentStory<({ children, ...rest }: {
|
|
|
48
48
|
onChange?: ((...args: any[]) => void) | undefined;
|
|
49
49
|
color?: string | undefined;
|
|
50
50
|
isDisabled?: boolean | undefined;
|
|
51
|
+
containerWidth?: string | undefined;
|
|
51
52
|
withIconRight?: boolean | undefined;
|
|
52
|
-
containerWidth: string;
|
|
53
53
|
} & import("@chakra-ui/button/dist/button").ButtonProps) => JSX.Element>;
|
|
@@ -14,7 +14,7 @@ exports.default = {
|
|
|
14
14
|
},
|
|
15
15
|
};
|
|
16
16
|
const Template = (args) => {
|
|
17
|
-
return (0, jsx_runtime_1.jsx)(Buttons_1.Button, Object.assign({ p: "22px" }, args));
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(Buttons_1.Button, Object.assign({ p: "22px" }, args, { children: " Lorem ipsum dolor sit amet Lorem ipsum dollor" })));
|
|
18
18
|
};
|
|
19
19
|
exports.Primary = Template.bind({});
|
|
20
20
|
exports.Secondary = Template.bind({});
|
|
@@ -23,7 +23,6 @@ exports.Disabled = Template.bind({});
|
|
|
23
23
|
exports.Primary.args = {
|
|
24
24
|
children: "Button Text",
|
|
25
25
|
variant: "primary",
|
|
26
|
-
withIconRight: true,
|
|
27
26
|
containerWidth: "sm",
|
|
28
27
|
onChange: () => ({ variant: "primary" }),
|
|
29
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Buttons.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Buttons/Buttons.stories.tsx"],"names":[],"mappings":";;;;AAEA,uCAAmC;AAEnC,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,gBAAM;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Buttons.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Buttons/Buttons.stories.tsx"],"names":[],"mappings":";;;;AAEA,uCAAmC;AAEnC,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,gBAAM;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE;YAC9D,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CAC8B,CAAC;AAElC,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE;IACvD,OAAO,CAAC,uBAAC,gBAAM,kBAAC,CAAC,EAAC,MAAM,IAAK,IAAI,kEAAyD,CAAC,CAAC;AAC9F,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9B,QAAA,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjC,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE1C,eAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;CACzC,CAAC;AAEF,iBAAS,CAAC,IAAI,GAAG;IACf,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,WAAW;IACpB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;CAC3C,CAAC;AAEF,oBAAY,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,aAAa;IACvB,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,IAAI;IACpB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;CAC9C,CAAC;AAEF,gBAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,UAAU;IACnB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;CAC1C,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChakraProps } from '@chakra-ui/react';
|
|
2
|
-
import { FC } from 'react';
|
|
2
|
+
import { FC, FocusEvent } from 'react';
|
|
3
3
|
export declare const DatePicker: FC<DatePickerProps>;
|
|
4
4
|
type DatePickerProps = ChakraProps & {
|
|
5
5
|
dateString?: string;
|
|
@@ -8,5 +8,7 @@ type DatePickerProps = ChakraProps & {
|
|
|
8
8
|
controlName: string;
|
|
9
9
|
isError: boolean;
|
|
10
10
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY";
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
onBlurEvent: (e: FocusEvent<HTMLInputElement>) => void;
|
|
11
13
|
};
|
|
12
14
|
export {};
|
|
@@ -22,7 +22,7 @@ const moment_1 = __importDefault(require("moment"));
|
|
|
22
22
|
const icons_1 = require("../icons");
|
|
23
23
|
const useAutoDateFormatter_1 = require("../../../hooks/useAutoDateFormatter");
|
|
24
24
|
const DatePicker = (_a) => {
|
|
25
|
-
var { isError, dateString = undefined, controlName, iconColor, onDateChange, dateFormat = "YYYY-MM-DD" } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "iconColor", "onDateChange", "dateFormat"]);
|
|
25
|
+
var { isError, dateString = undefined, controlName, iconColor, onDateChange, placeholder, dateFormat = "YYYY-MM-DD", onBlurEvent } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "iconColor", "onDateChange", "placeholder", "dateFormat", "onBlurEvent"]);
|
|
26
26
|
const [value, setValue] = (0, react_2.useState)('');
|
|
27
27
|
const [showDate, setShowDate] = (0, react_2.useState)('');
|
|
28
28
|
const myRefname = (0, react_2.useRef)(null);
|
|
@@ -63,7 +63,7 @@ const DatePicker = (_a) => {
|
|
|
63
63
|
}, [formattedInput]);
|
|
64
64
|
// icon component
|
|
65
65
|
const Calendar = (0, icons_1.CalendarIcon)({ isError });
|
|
66
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_1.Input, Object.assign({}, props, { placeholder: dateFormat, value: showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => onUserInputChange(e) })), (0, jsx_runtime_1.jsx)(react_1.VisuallyHiddenInput, { id: controlName, name: controlName, ref: myRefname, value: value, type: "date", onChange: onChange }), (0, jsx_runtime_1.jsx)(react_1.InputRightElement, { children: (0, jsx_runtime_1.jsx)(Calendar, { stroke: iconColor !== null && iconColor !== void 0 ? iconColor : "text", onClick: handleClick }) })] }));
|
|
66
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(react_1.Input, Object.assign({}, props, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : dateFormat, value: showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => onUserInputChange(e), onBlur: (e) => { onBlurEvent(e); } })), (0, jsx_runtime_1.jsx)(react_1.VisuallyHiddenInput, { id: controlName, name: controlName, ref: myRefname, value: value, type: "date", onChange: onChange }), (0, jsx_runtime_1.jsx)(react_1.InputRightElement, { children: (0, jsx_runtime_1.jsx)(Calendar, { stroke: iconColor !== null && iconColor !== void 0 ? iconColor : "text", onClick: handleClick }) })] }));
|
|
67
67
|
};
|
|
68
68
|
exports.DatePicker = DatePicker;
|
|
69
69
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4CAA0G;AAC1G,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,8 @@ declare const _default: ComponentMeta<import("react").FC<import("@chakra-ui/syst
|
|
|
7
7
|
controlName: string;
|
|
8
8
|
isError: boolean;
|
|
9
9
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
10
|
+
placeholder?: string | undefined;
|
|
11
|
+
onBlurEvent: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
|
|
10
12
|
}>>;
|
|
11
13
|
export default _default;
|
|
12
14
|
export declare const Primary: ComponentStory<import("react").FC<import("@chakra-ui/system/dist/system.types").ChakraProps & {
|
|
@@ -16,6 +18,8 @@ export declare const Primary: ComponentStory<import("react").FC<import("@chakra-
|
|
|
16
18
|
controlName: string;
|
|
17
19
|
isError: boolean;
|
|
18
20
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
21
|
+
placeholder?: string | undefined;
|
|
22
|
+
onBlurEvent: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
|
|
19
23
|
}>>;
|
|
20
24
|
export declare const Secondary: ComponentStory<import("react").FC<import("@chakra-ui/system/dist/system.types").ChakraProps & {
|
|
21
25
|
dateString?: string | undefined;
|
|
@@ -24,4 +28,6 @@ export declare const Secondary: ComponentStory<import("react").FC<import("@chakr
|
|
|
24
28
|
controlName: string;
|
|
25
29
|
isError: boolean;
|
|
26
30
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
31
|
+
placeholder?: string | undefined;
|
|
32
|
+
onBlurEvent: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
|
|
27
33
|
}>>;
|
|
@@ -14,7 +14,7 @@ exports.default = {
|
|
|
14
14
|
},
|
|
15
15
|
};
|
|
16
16
|
const Template = (args) => {
|
|
17
|
-
return (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({}, args, { onDateChange: (e) => [console.log(e)] }));
|
|
17
|
+
return (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({}, args, { onDateChange: (e) => [console.log(e)], onBlurEvent: e => console.log(e) }));
|
|
18
18
|
};
|
|
19
19
|
exports.Primary = Template.bind({});
|
|
20
20
|
exports.Secondary = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAA0C;AAE1C,kBAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,uBAAU;IACrB,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;CACgC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE;IACzD,OAAO,uBAAC,uBAAU,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAA0C;AAE1C,kBAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,uBAAU;IACrB,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;CACgC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE;IACzD,OAAO,uBAAC,uBAAU,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7G,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,eAAO,CAAC,IAAI,GAAG;IACX,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC;AAEF,iBAAS,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC"}
|
|
@@ -145,25 +145,25 @@ declare const _default: ComponentMeta<import("react").FC<{
|
|
|
145
145
|
display?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Display> | undefined;
|
|
146
146
|
hideFrom?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl"> | undefined;
|
|
147
147
|
hideBelow?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl"> | undefined;
|
|
148
|
-
width?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
149
|
-
w?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
150
|
-
inlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
151
|
-
boxSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
152
|
-
maxWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
153
|
-
maxW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
148
|
+
width?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
149
|
+
w?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
150
|
+
inlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
151
|
+
boxSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
152
|
+
maxWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
153
|
+
maxW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
154
154
|
maxInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-fill-available"> | undefined;
|
|
155
|
-
minWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
156
|
-
minW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
157
|
-
minInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
158
|
-
height?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "
|
|
159
|
-
h?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "
|
|
160
|
-
blockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
161
|
-
maxHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
162
|
-
maxH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
155
|
+
minWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available" | "-webkit-min-content"> | undefined;
|
|
156
|
+
minW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available" | "-webkit-min-content"> | undefined;
|
|
157
|
+
minInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
158
|
+
height?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
159
|
+
h?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
160
|
+
blockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
161
|
+
maxHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
162
|
+
maxH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
163
163
|
maxBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-fill-available"> | undefined;
|
|
164
|
-
minHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
165
|
-
minH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
166
|
-
minBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "
|
|
164
|
+
minHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"> | undefined;
|
|
165
|
+
minH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"> | undefined;
|
|
166
|
+
minBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
167
167
|
verticalAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<string | number>> | undefined;
|
|
168
168
|
overflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Overflow> | undefined;
|
|
169
169
|
overflowX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowX> | undefined;
|
|
@@ -839,25 +839,25 @@ export declare const Primary: ComponentStory<import("react").FC<{
|
|
|
839
839
|
display?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Display> | undefined;
|
|
840
840
|
hideFrom?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl"> | undefined;
|
|
841
841
|
hideBelow?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl"> | undefined;
|
|
842
|
-
width?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
843
|
-
w?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
844
|
-
inlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
845
|
-
boxSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
846
|
-
maxWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
847
|
-
maxW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
842
|
+
width?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
843
|
+
w?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
844
|
+
inlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
845
|
+
boxSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
846
|
+
maxWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
847
|
+
maxW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
848
848
|
maxInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-fill-available"> | undefined;
|
|
849
|
-
minWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
850
|
-
minW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
851
|
-
minInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
852
|
-
height?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "
|
|
853
|
-
h?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "
|
|
854
|
-
blockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
855
|
-
maxHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
856
|
-
maxH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
849
|
+
minWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available" | "-webkit-min-content"> | undefined;
|
|
850
|
+
minW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available" | "-webkit-min-content"> | undefined;
|
|
851
|
+
minInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
852
|
+
height?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
853
|
+
h?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
854
|
+
blockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
855
|
+
maxHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
856
|
+
maxH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
857
857
|
maxBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-fill-available"> | undefined;
|
|
858
|
-
minHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
859
|
-
minH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
860
|
-
minBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "
|
|
858
|
+
minHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"> | undefined;
|
|
859
|
+
minH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"> | undefined;
|
|
860
|
+
minBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
861
861
|
verticalAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<string | number>> | undefined;
|
|
862
862
|
overflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Overflow> | undefined;
|
|
863
863
|
overflowX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowX> | undefined;
|
|
@@ -7,8 +7,8 @@ type AliciaButtonProps = {
|
|
|
7
7
|
onChange?: (...args: any[]) => void;
|
|
8
8
|
color?: string;
|
|
9
9
|
isDisabled?: boolean;
|
|
10
|
+
containerWidth?: string;
|
|
10
11
|
withIconRight?: boolean;
|
|
11
|
-
containerWidth: string;
|
|
12
12
|
};
|
|
13
13
|
export declare const Button: ({ children, ...rest }: AliciaButtonProps & ButtonProps) => JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -10,11 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import { Button as ChakraButton,
|
|
13
|
+
import { Button as ChakraButton, Flex } from '@chakra-ui/react';
|
|
14
14
|
export const Button = (_a) => {
|
|
15
15
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
16
16
|
const { variant, background, color, containerWidth, withIconRight } = rest, otherProps = __rest(rest, ["variant", "background", "color", "containerWidth", "withIconRight"]);
|
|
17
|
-
return (_jsx(
|
|
17
|
+
return (_jsx(Flex, Object.assign({ width: "auto", flexWrap: "wrap" }, { children: _jsx(ChakraButton, Object.assign({ rounded: 'full', variant: variant, background: variant === 'whitelabeled' ? background : '', color: variant === 'whitelabeled' ? color : undefined, fontWeight: 'normal', _hover: {
|
|
18
18
|
opacity: '0.7'
|
|
19
19
|
} }, otherProps, { children: children })) })));
|
|
20
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Buttons.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Buttons/Buttons.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,
|
|
1
|
+
{"version":3,"file":"Buttons.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Buttons/Buttons.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAe,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAc7E,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAsD,EAAE,EAAE;QAA1D,EAAE,QAAQ,OAA4C,EAAvC,IAAI,cAAnB,YAAqB,CAAF;IACxC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,aAAa,KAAoB,IAAI,EAAnB,UAAU,UAAK,IAAI,EAAnF,qEAA4E,CAAO,CAAC;IAC1F,OAAO,CACL,KAAC,IAAI,kBAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,gBAChC,KAAC,YAAY,kBAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAC3C,UAAU,EAAE,OAAO,KAAK,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACxD,KAAK,EAAE,OAAO,KAAK,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACrD,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE;gBACN,OAAO,EAAE,KAAK;aACf,IACG,UAAU,cAGb,QAAQ,IACI,IACV,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -7,8 +7,8 @@ declare const _default: ComponentMeta<({ children, ...rest }: {
|
|
|
7
7
|
onChange?: ((...args: any[]) => void) | undefined;
|
|
8
8
|
color?: string | undefined;
|
|
9
9
|
isDisabled?: boolean | undefined;
|
|
10
|
+
containerWidth?: string | undefined;
|
|
10
11
|
withIconRight?: boolean | undefined;
|
|
11
|
-
containerWidth: string;
|
|
12
12
|
} & import("@chakra-ui/button/dist/button").ButtonProps) => JSX.Element>;
|
|
13
13
|
export default _default;
|
|
14
14
|
export declare const Primary: ComponentStory<({ children, ...rest }: {
|
|
@@ -18,8 +18,8 @@ export declare const Primary: ComponentStory<({ children, ...rest }: {
|
|
|
18
18
|
onChange?: ((...args: any[]) => void) | undefined;
|
|
19
19
|
color?: string | undefined;
|
|
20
20
|
isDisabled?: boolean | undefined;
|
|
21
|
+
containerWidth?: string | undefined;
|
|
21
22
|
withIconRight?: boolean | undefined;
|
|
22
|
-
containerWidth: string;
|
|
23
23
|
} & import("@chakra-ui/button/dist/button").ButtonProps) => JSX.Element>;
|
|
24
24
|
export declare const Secondary: ComponentStory<({ children, ...rest }: {
|
|
25
25
|
variant: "primary" | "secondary" | "whitelabeled" | "disabled";
|
|
@@ -28,8 +28,8 @@ export declare const Secondary: ComponentStory<({ children, ...rest }: {
|
|
|
28
28
|
onChange?: ((...args: any[]) => void) | undefined;
|
|
29
29
|
color?: string | undefined;
|
|
30
30
|
isDisabled?: boolean | undefined;
|
|
31
|
+
containerWidth?: string | undefined;
|
|
31
32
|
withIconRight?: boolean | undefined;
|
|
32
|
-
containerWidth: string;
|
|
33
33
|
} & import("@chakra-ui/button/dist/button").ButtonProps) => JSX.Element>;
|
|
34
34
|
export declare const Whitelabeled: ComponentStory<({ children, ...rest }: {
|
|
35
35
|
variant: "primary" | "secondary" | "whitelabeled" | "disabled";
|
|
@@ -38,8 +38,8 @@ export declare const Whitelabeled: ComponentStory<({ children, ...rest }: {
|
|
|
38
38
|
onChange?: ((...args: any[]) => void) | undefined;
|
|
39
39
|
color?: string | undefined;
|
|
40
40
|
isDisabled?: boolean | undefined;
|
|
41
|
+
containerWidth?: string | undefined;
|
|
41
42
|
withIconRight?: boolean | undefined;
|
|
42
|
-
containerWidth: string;
|
|
43
43
|
} & import("@chakra-ui/button/dist/button").ButtonProps) => JSX.Element>;
|
|
44
44
|
export declare const Disabled: ComponentStory<({ children, ...rest }: {
|
|
45
45
|
variant: "primary" | "secondary" | "whitelabeled" | "disabled";
|
|
@@ -48,6 +48,6 @@ export declare const Disabled: ComponentStory<({ children, ...rest }: {
|
|
|
48
48
|
onChange?: ((...args: any[]) => void) | undefined;
|
|
49
49
|
color?: string | undefined;
|
|
50
50
|
isDisabled?: boolean | undefined;
|
|
51
|
+
containerWidth?: string | undefined;
|
|
51
52
|
withIconRight?: boolean | undefined;
|
|
52
|
-
containerWidth: string;
|
|
53
53
|
} & import("@chakra-ui/button/dist/button").ButtonProps) => JSX.Element>;
|
|
@@ -11,7 +11,7 @@ export default {
|
|
|
11
11
|
},
|
|
12
12
|
};
|
|
13
13
|
const Template = (args) => {
|
|
14
|
-
return _jsx(Button, Object.assign({ p: "22px" }, args));
|
|
14
|
+
return (_jsx(Button, Object.assign({ p: "22px" }, args, { children: " Lorem ipsum dolor sit amet Lorem ipsum dollor" })));
|
|
15
15
|
};
|
|
16
16
|
export const Primary = Template.bind({});
|
|
17
17
|
export const Secondary = Template.bind({});
|
|
@@ -20,7 +20,6 @@ export const Disabled = Template.bind({});
|
|
|
20
20
|
Primary.args = {
|
|
21
21
|
children: "Button Text",
|
|
22
22
|
variant: "primary",
|
|
23
|
-
withIconRight: true,
|
|
24
23
|
containerWidth: "sm",
|
|
25
24
|
onChange: () => ({ variant: "primary" }),
|
|
26
25
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Buttons.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Buttons/Buttons.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Buttons.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Buttons/Buttons.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE;YAC9D,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CAC8B,CAAC;AAElC,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE;IACvD,OAAO,CAAC,KAAC,MAAM,kBAAC,CAAC,EAAC,MAAM,IAAK,IAAI,kEAAyD,CAAC,CAAC;AAC9F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE1C,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;CACzC,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG;IACf,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,WAAW;IACpB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;CAC3C,CAAC;AAEF,YAAY,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,aAAa;IACvB,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,IAAI;IACpB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;CAC9C,CAAC;AAEF,QAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,UAAU;IACnB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;CAC1C,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChakraProps } from '@chakra-ui/react';
|
|
2
|
-
import { FC } from 'react';
|
|
2
|
+
import { FC, FocusEvent } from 'react';
|
|
3
3
|
export declare const DatePicker: FC<DatePickerProps>;
|
|
4
4
|
type DatePickerProps = ChakraProps & {
|
|
5
5
|
dateString?: string;
|
|
@@ -8,5 +8,7 @@ type DatePickerProps = ChakraProps & {
|
|
|
8
8
|
controlName: string;
|
|
9
9
|
isError: boolean;
|
|
10
10
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY";
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
onBlurEvent: (e: FocusEvent<HTMLInputElement>) => void;
|
|
11
13
|
};
|
|
12
14
|
export {};
|
|
@@ -16,7 +16,7 @@ import moment from 'moment';
|
|
|
16
16
|
import { CalendarIcon } from '../icons';
|
|
17
17
|
import { useAutoDateFormatter } from '../../../hooks/useAutoDateFormatter';
|
|
18
18
|
export const DatePicker = (_a) => {
|
|
19
|
-
var { isError, dateString = undefined, controlName, iconColor, onDateChange, dateFormat = "YYYY-MM-DD" } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "iconColor", "onDateChange", "dateFormat"]);
|
|
19
|
+
var { isError, dateString = undefined, controlName, iconColor, onDateChange, placeholder, dateFormat = "YYYY-MM-DD", onBlurEvent } = _a, props = __rest(_a, ["isError", "dateString", "controlName", "iconColor", "onDateChange", "placeholder", "dateFormat", "onBlurEvent"]);
|
|
20
20
|
const [value, setValue] = useState('');
|
|
21
21
|
const [showDate, setShowDate] = useState('');
|
|
22
22
|
const myRefname = useRef(null);
|
|
@@ -57,6 +57,6 @@ export const DatePicker = (_a) => {
|
|
|
57
57
|
}, [formattedInput]);
|
|
58
58
|
// icon component
|
|
59
59
|
const Calendar = CalendarIcon({ isError });
|
|
60
|
-
return (_jsxs(InputGroup, { children: [_jsx(Input, Object.assign({}, props, { placeholder: dateFormat, value: showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => onUserInputChange(e) })), _jsx(VisuallyHiddenInput, { id: controlName, name: controlName, ref: myRefname, value: value, type: "date", onChange: onChange }), _jsx(InputRightElement, { children: _jsx(Calendar, { stroke: iconColor !== null && iconColor !== void 0 ? iconColor : "text", onClick: handleClick }) })] }));
|
|
60
|
+
return (_jsxs(InputGroup, { children: [_jsx(Input, Object.assign({}, props, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : dateFormat, value: showDate, variant: 'flushed', color: isError ? 'error' : 'text', id: `${controlName}-view`, name: `${controlName}-view`, isInvalid: isError, onChange: (e) => onUserInputChange(e), onBlur: (e) => { onBlurEvent(e); } })), _jsx(VisuallyHiddenInput, { id: controlName, name: controlName, ref: myRefname, value: value, type: "date", onChange: onChange }), _jsx(InputRightElement, { children: _jsx(Calendar, { stroke: iconColor !== null && iconColor !== void 0 ? iconColor : "text", onClick: handleClick }) })] }));
|
|
61
61
|
};
|
|
62
62
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAe,UAAU,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC1G,OAAO,EAAM,QAAQ,EAAE,SAAS,EAAe,MAAM,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,8 @@ declare const _default: ComponentMeta<import("react").FC<import("@chakra-ui/syst
|
|
|
7
7
|
controlName: string;
|
|
8
8
|
isError: boolean;
|
|
9
9
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
10
|
+
placeholder?: string | undefined;
|
|
11
|
+
onBlurEvent: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
|
|
10
12
|
}>>;
|
|
11
13
|
export default _default;
|
|
12
14
|
export declare const Primary: ComponentStory<import("react").FC<import("@chakra-ui/system/dist/system.types").ChakraProps & {
|
|
@@ -16,6 +18,8 @@ export declare const Primary: ComponentStory<import("react").FC<import("@chakra-
|
|
|
16
18
|
controlName: string;
|
|
17
19
|
isError: boolean;
|
|
18
20
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
21
|
+
placeholder?: string | undefined;
|
|
22
|
+
onBlurEvent: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
|
|
19
23
|
}>>;
|
|
20
24
|
export declare const Secondary: ComponentStory<import("react").FC<import("@chakra-ui/system/dist/system.types").ChakraProps & {
|
|
21
25
|
dateString?: string | undefined;
|
|
@@ -24,4 +28,6 @@ export declare const Secondary: ComponentStory<import("react").FC<import("@chakr
|
|
|
24
28
|
controlName: string;
|
|
25
29
|
isError: boolean;
|
|
26
30
|
dateFormat?: "YYYY-MM-DD" | "DD-MM-YYYY" | undefined;
|
|
31
|
+
placeholder?: string | undefined;
|
|
32
|
+
onBlurEvent: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
|
|
27
33
|
}>>;
|
|
@@ -11,7 +11,7 @@ export default {
|
|
|
11
11
|
},
|
|
12
12
|
};
|
|
13
13
|
const Template = (args) => {
|
|
14
|
-
return _jsx(DatePicker, Object.assign({}, args, { onDateChange: (e) => [console.log(e)] }));
|
|
14
|
+
return _jsx(DatePicker, Object.assign({}, args, { onDateChange: (e) => [console.log(e)], onBlurEvent: e => console.log(e) }));
|
|
15
15
|
};
|
|
16
16
|
export const Primary = Template.bind({});
|
|
17
17
|
export const Secondary = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;CACgC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE;IACzD,OAAO,KAAC,UAAU,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;CACgC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE;IACzD,OAAO,KAAC,UAAU,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7G,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,OAAO,CAAC,IAAI,GAAG;IACX,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK;IACd,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,YAAY;CAC3B,CAAC"}
|
|
@@ -145,25 +145,25 @@ declare const _default: ComponentMeta<import("react").FC<{
|
|
|
145
145
|
display?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Display> | undefined;
|
|
146
146
|
hideFrom?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl"> | undefined;
|
|
147
147
|
hideBelow?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl"> | undefined;
|
|
148
|
-
width?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
149
|
-
w?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
150
|
-
inlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
151
|
-
boxSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
152
|
-
maxWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
153
|
-
maxW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
148
|
+
width?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
149
|
+
w?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
150
|
+
inlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
151
|
+
boxSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
152
|
+
maxWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
153
|
+
maxW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
154
154
|
maxInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-fill-available"> | undefined;
|
|
155
|
-
minWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
156
|
-
minW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
157
|
-
minInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
158
|
-
height?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "
|
|
159
|
-
h?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "
|
|
160
|
-
blockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
161
|
-
maxHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
162
|
-
maxH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
155
|
+
minWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available" | "-webkit-min-content"> | undefined;
|
|
156
|
+
minW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available" | "-webkit-min-content"> | undefined;
|
|
157
|
+
minInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
158
|
+
height?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
159
|
+
h?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
160
|
+
blockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
161
|
+
maxHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
162
|
+
maxH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
163
163
|
maxBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-fill-available"> | undefined;
|
|
164
|
-
minHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
165
|
-
minH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
166
|
-
minBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "
|
|
164
|
+
minHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"> | undefined;
|
|
165
|
+
minH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"> | undefined;
|
|
166
|
+
minBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
167
167
|
verticalAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<string | number>> | undefined;
|
|
168
168
|
overflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Overflow> | undefined;
|
|
169
169
|
overflowX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowX> | undefined;
|
|
@@ -839,25 +839,25 @@ export declare const Primary: ComponentStory<import("react").FC<{
|
|
|
839
839
|
display?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Display> | undefined;
|
|
840
840
|
hideFrom?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl"> | undefined;
|
|
841
841
|
hideBelow?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl"> | undefined;
|
|
842
|
-
width?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
843
|
-
w?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
844
|
-
inlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
845
|
-
boxSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
846
|
-
maxWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
847
|
-
maxW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
842
|
+
width?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
843
|
+
w?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
844
|
+
inlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
845
|
+
boxSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
846
|
+
maxWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
847
|
+
maxW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
848
848
|
maxInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-fill-available"> | undefined;
|
|
849
|
-
minWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
850
|
-
minW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
851
|
-
minInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
852
|
-
height?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "
|
|
853
|
-
h?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "
|
|
854
|
-
blockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "
|
|
855
|
-
maxHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
856
|
-
maxH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"
|
|
849
|
+
minWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available" | "-webkit-min-content"> | undefined;
|
|
850
|
+
minW?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available" | "-webkit-min-content"> | undefined;
|
|
851
|
+
minInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
852
|
+
height?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
853
|
+
h?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl"> | undefined;
|
|
854
|
+
blockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
855
|
+
maxHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
856
|
+
maxH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-min-content"> | undefined;
|
|
857
857
|
maxBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "none" | "-webkit-fill-available"> | undefined;
|
|
858
|
-
minHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
859
|
-
minH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "
|
|
860
|
-
minBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-max-content" | "-moz-min-content" | "
|
|
858
|
+
minHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"> | undefined;
|
|
859
|
+
minH?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-webkit-max-content" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-min-content"> | undefined;
|
|
860
|
+
minBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "px" | (string & {}) | "sm" | "md" | "lg" | "xl" | "2xl" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "-webkit-fill-available"> | undefined;
|
|
861
861
|
verticalAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<string | number>> | undefined;
|
|
862
862
|
overflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Overflow> | undefined;
|
|
863
863
|
overflowX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowX> | undefined;
|