alicia-design-system 1.45.2 → 1.46.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/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/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"}
|
|
@@ -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"}
|
|
@@ -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;
|