@hitachivantara/uikit-react-core 5.84.3 → 5.85.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/Badge/Badge.cjs +2 -1
- package/dist/cjs/Dialog/Actions/Actions.cjs +2 -2
- package/dist/cjs/Dialog/Actions/Actions.styles.cjs +3 -3
- package/dist/cjs/Dialog/Content/Content.styles.cjs +1 -3
- package/dist/cjs/Dialog/Dialog.cjs +15 -18
- package/dist/cjs/Dialog/Dialog.styles.cjs +9 -6
- package/dist/cjs/Dialog/Title/Title.cjs +15 -20
- package/dist/cjs/Dialog/Title/Title.styles.cjs +12 -15
- package/dist/cjs/Dialog/context.cjs +1 -1
- package/dist/cjs/Panel/Panel.styles.cjs +1 -0
- package/dist/cjs/Section/Section.cjs +1 -1
- package/dist/cjs/Section/Section.styles.cjs +2 -0
- package/dist/cjs/TableSection/TableSection.styles.cjs +0 -1
- package/dist/cjs/{Tab → Tabs/Tab}/Tab.styles.cjs +1 -1
- package/dist/cjs/Tabs/Tabs.styles.cjs +2 -5
- package/dist/cjs/index.cjs +4 -4
- package/dist/esm/Badge/Badge.js +2 -1
- package/dist/esm/Badge/Badge.js.map +1 -1
- package/dist/esm/Dialog/Actions/Actions.js +2 -2
- package/dist/esm/Dialog/Actions/Actions.js.map +1 -1
- package/dist/esm/Dialog/Actions/Actions.styles.js +3 -3
- package/dist/esm/Dialog/Actions/Actions.styles.js.map +1 -1
- package/dist/esm/Dialog/Content/Content.styles.js +1 -3
- package/dist/esm/Dialog/Content/Content.styles.js.map +1 -1
- package/dist/esm/Dialog/Dialog.js +15 -18
- package/dist/esm/Dialog/Dialog.js.map +1 -1
- package/dist/esm/Dialog/Dialog.styles.js +9 -6
- package/dist/esm/Dialog/Dialog.styles.js.map +1 -1
- package/dist/esm/Dialog/Title/Title.js +16 -21
- package/dist/esm/Dialog/Title/Title.js.map +1 -1
- package/dist/esm/Dialog/Title/Title.styles.js +12 -15
- package/dist/esm/Dialog/Title/Title.styles.js.map +1 -1
- package/dist/esm/Dialog/context.js +1 -1
- package/dist/esm/Dialog/context.js.map +1 -1
- package/dist/esm/Panel/Panel.styles.js +1 -0
- package/dist/esm/Panel/Panel.styles.js.map +1 -1
- package/dist/esm/Section/Section.js +2 -2
- package/dist/esm/Section/Section.js.map +1 -1
- package/dist/esm/Section/Section.styles.js +2 -0
- package/dist/esm/Section/Section.styles.js.map +1 -1
- package/dist/esm/TableSection/TableSection.styles.js +0 -1
- package/dist/esm/TableSection/TableSection.styles.js.map +1 -1
- package/dist/esm/Tabs/Tab/Tab.js.map +1 -0
- package/dist/esm/{Tab → Tabs/Tab}/Tab.styles.js +1 -1
- package/dist/esm/Tabs/Tab/Tab.styles.js.map +1 -0
- package/dist/esm/Tabs/Tabs.styles.js +2 -5
- package/dist/esm/Tabs/Tabs.styles.js.map +1 -1
- package/dist/esm/index.js +19 -19
- package/dist/types/index.d.ts +28 -24
- package/package.json +2 -2
- package/dist/esm/Tab/Tab.js.map +0 -1
- package/dist/esm/Tab/Tab.styles.js.map +0 -1
- /package/dist/cjs/{Tab → Tabs/Tab}/Tab.cjs +0 -0
- /package/dist/esm/{Tab → Tabs/Tab}/Tab.js +0 -0
|
@@ -6,10 +6,14 @@ const { staticClasses, useClasses } = createClasses("HvDialog", {
|
|
|
6
6
|
paper: {
|
|
7
7
|
color: theme.colors.secondary,
|
|
8
8
|
backgroundColor: theme.colors.atmo1,
|
|
9
|
-
boxShadow:
|
|
9
|
+
boxShadow: theme.colors.shadow,
|
|
10
|
+
borderColor: theme.colors.atmo4,
|
|
10
11
|
borderRadius: theme.radii.round
|
|
11
12
|
},
|
|
12
13
|
fullscreen: {},
|
|
14
|
+
fullHeight: {
|
|
15
|
+
height: "100%"
|
|
16
|
+
},
|
|
13
17
|
closeButton: {
|
|
14
18
|
padding: 0,
|
|
15
19
|
minWidth: "auto",
|
|
@@ -22,17 +26,16 @@ const { staticClasses, useClasses } = createClasses("HvDialog", {
|
|
|
22
26
|
statusBar: {
|
|
23
27
|
borderTopLeftRadius: 0,
|
|
24
28
|
borderTopRightRadius: 0,
|
|
25
|
-
borderTopWidth: 4
|
|
26
|
-
borderTopStyle: "solid"
|
|
29
|
+
borderTopWidth: 4
|
|
27
30
|
},
|
|
28
31
|
success: {
|
|
29
|
-
|
|
32
|
+
borderColor: theme.colors.positive
|
|
30
33
|
},
|
|
31
34
|
error: {
|
|
32
|
-
|
|
35
|
+
borderColor: theme.colors.negative
|
|
33
36
|
},
|
|
34
37
|
warning: {
|
|
35
|
-
|
|
38
|
+
borderColor: theme.colors.warning
|
|
36
39
|
}
|
|
37
40
|
});
|
|
38
41
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.styles.js","sources":["../../../src/Dialog/Dialog.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog\", {\n root: {},\n background: { background: theme.alpha(\"atmo4\", 0.8) },\n paper: {\n color: theme.colors.secondary,\n backgroundColor: theme.colors.atmo1,\n boxShadow:
|
|
1
|
+
{"version":3,"file":"Dialog.styles.js","sources":["../../../src/Dialog/Dialog.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog\", {\n root: {},\n background: { background: theme.alpha(\"atmo4\", 0.8) },\n paper: {\n color: theme.colors.secondary,\n backgroundColor: theme.colors.atmo1,\n boxShadow: theme.colors.shadow,\n borderColor: theme.colors.atmo4,\n borderRadius: theme.radii.round,\n },\n fullscreen: {},\n fullHeight: {\n height: \"100%\",\n },\n closeButton: {\n padding: 0,\n minWidth: \"auto\",\n position: \"absolute\",\n top: theme.space.sm,\n right: theme.space.sm,\n width: 32,\n height: 32,\n },\n statusBar: {\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderTopWidth: 4,\n },\n success: {\n borderColor: theme.colors.positive,\n },\n error: {\n borderColor: theme.colors.negative,\n },\n warning: {\n borderColor: theme.colors.warning,\n },\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,eAAe,eAAe,cAAc,YAAY;AAAA,EACrE,MAAM,CAAC;AAAA,EACP,YAAY,EAAE,YAAY,MAAM,MAAM,SAAS,GAAG,EAAE;AAAA,EACpD,OAAO;AAAA,IACL,OAAO,MAAM,OAAO;AAAA,IACpB,iBAAiB,MAAM,OAAO;AAAA,IAC9B,WAAW,MAAM,OAAO;AAAA,IACxB,aAAa,MAAM,OAAO;AAAA,IAC1B,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,YAAY,CAAC;AAAA,EACb,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,KAAK,MAAM,MAAM;AAAA,IACjB,OAAO,MAAM,MAAM;AAAA,IACnB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACT,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,aAAa,MAAM,OAAO;AAAA,EAC5B;AAAA,EACA,OAAO;AAAA,IACL,aAAa,MAAM,OAAO;AAAA,EAC5B;AAAA,EACA,SAAS;AAAA,IACP,aAAa,MAAM,OAAO;AAAA,EAAA;AAE9B,CAAC;"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs } from "react/jsx-runtime";
|
|
2
2
|
import MuiDialogTitle from "@mui/material/DialogTitle";
|
|
3
3
|
import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
|
|
4
4
|
import { iconVariant } from "../../utils/iconVariant.js";
|
|
5
5
|
import { useDialogContext } from "../context.js";
|
|
6
6
|
import { useClasses } from "./Title.styles.js";
|
|
7
7
|
import { staticClasses } from "./Title.styles.js";
|
|
8
|
+
import { HvTypography } from "../../Typography/Typography.js";
|
|
8
9
|
const HvDialogTitle = (props) => {
|
|
9
10
|
const {
|
|
10
11
|
classes: classesProp,
|
|
@@ -12,38 +13,32 @@ const HvDialogTitle = (props) => {
|
|
|
12
13
|
children,
|
|
13
14
|
variant = "default",
|
|
14
15
|
showIcon = true,
|
|
15
|
-
customIcon
|
|
16
|
+
customIcon,
|
|
16
17
|
...others
|
|
17
18
|
} = useDefaultProps("HvDialogTitle", props);
|
|
18
|
-
const { classes,
|
|
19
|
-
const {
|
|
20
|
-
const isString = typeof children === "string";
|
|
19
|
+
const { classes, cx } = useClasses(classesProp);
|
|
20
|
+
const { fullScreen } = useDialogContext();
|
|
21
21
|
const icon = customIcon || showIcon && iconVariant(variant);
|
|
22
|
-
return /* @__PURE__ */
|
|
23
|
-
|
|
22
|
+
return /* @__PURE__ */ jsxs(
|
|
23
|
+
HvTypography,
|
|
24
24
|
{
|
|
25
|
+
component: MuiDialogTitle,
|
|
26
|
+
variant: "title4",
|
|
25
27
|
className: cx(
|
|
26
|
-
!fullscreen && css({ flex: 1 }),
|
|
27
28
|
classes.root,
|
|
29
|
+
classes.messageContainer,
|
|
28
30
|
{
|
|
29
|
-
[classes.fullscreen]:
|
|
31
|
+
[classes.fullscreen]: fullScreen,
|
|
32
|
+
[classes.textWithIcon]: icon,
|
|
33
|
+
[classes.titleText]: typeof children === "string"
|
|
30
34
|
},
|
|
31
35
|
className
|
|
32
36
|
),
|
|
33
37
|
...others,
|
|
34
|
-
children:
|
|
38
|
+
children: [
|
|
35
39
|
icon,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
{
|
|
39
|
-
className: cx({
|
|
40
|
-
[classes.textWithIcon]: !!icon,
|
|
41
|
-
[classes.titleText]: isString
|
|
42
|
-
}),
|
|
43
|
-
children
|
|
44
|
-
}
|
|
45
|
-
)
|
|
46
|
-
] })
|
|
40
|
+
children
|
|
41
|
+
]
|
|
47
42
|
}
|
|
48
43
|
);
|
|
49
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sources":["../../../../src/Dialog/Title/Title.tsx"],"sourcesContent":["import MuiDialogTitle, {\n DialogTitleProps as MuiDialogTitleProps,\n} from \"@mui/material/DialogTitle\";\nimport {\n useDefaultProps,\n type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { iconVariant } from \"../../utils/iconVariant\";\nimport { useDialogContext } from \"../context\";\nimport { staticClasses, useClasses } from \"./Title.styles\";\n\nexport { staticClasses as dialogTitleClasses };\n\nexport type HvDialogTitleClasses = ExtractNames<typeof useClasses>;\n\nexport type HvDialogTitleVariant =\n | \"success\"\n | \"warning\"\n | \"error\"\n | \"info\"\n | \"default\";\n\nexport interface HvDialogTitleProps\n extends Omit<MuiDialogTitleProps, \"variant\" | \"classes\"> {\n /** Variant of the dialog title. */\n variant?: HvDialogTitleVariant;\n /** Controls if the associated icon to the variant should be shown. */\n showIcon?: boolean;\n /** Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvDialogTitleClasses;\n}\n\nexport const HvDialogTitle = (props: HvDialogTitleProps) => {\n const {\n classes: classesProp,\n className,\n children,\n variant = \"default\",\n showIcon = true,\n customIcon
|
|
1
|
+
{"version":3,"file":"Title.js","sources":["../../../../src/Dialog/Title/Title.tsx"],"sourcesContent":["import MuiDialogTitle, {\n DialogTitleProps as MuiDialogTitleProps,\n} from \"@mui/material/DialogTitle\";\nimport {\n useDefaultProps,\n type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { HvTypography } from \"../../Typography\";\nimport { iconVariant } from \"../../utils/iconVariant\";\nimport { useDialogContext } from \"../context\";\nimport { staticClasses, useClasses } from \"./Title.styles\";\n\nexport { staticClasses as dialogTitleClasses };\n\nexport type HvDialogTitleClasses = ExtractNames<typeof useClasses>;\n\nexport type HvDialogTitleVariant =\n | \"success\"\n | \"warning\"\n | \"error\"\n | \"info\"\n | \"default\";\n\nexport interface HvDialogTitleProps\n extends Omit<MuiDialogTitleProps, \"variant\" | \"classes\"> {\n /** Variant of the dialog title. */\n variant?: HvDialogTitleVariant;\n /** Controls if the associated icon to the variant should be shown. */\n showIcon?: boolean;\n /** Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvDialogTitleClasses;\n}\n\nexport const HvDialogTitle = (props: HvDialogTitleProps) => {\n const {\n classes: classesProp,\n className,\n children,\n variant = \"default\",\n showIcon = true,\n customIcon,\n ...others\n } = useDefaultProps(\"HvDialogTitle\", props);\n\n const { classes, cx } = useClasses(classesProp);\n const { fullScreen } = useDialogContext();\n\n const icon = customIcon || (showIcon && iconVariant(variant));\n\n return (\n <HvTypography\n component={MuiDialogTitle}\n variant=\"title4\"\n className={cx(\n classes.root,\n classes.messageContainer,\n {\n [classes.fullscreen]: fullScreen,\n [classes.textWithIcon]: icon,\n [classes.titleText]: typeof children === \"string\",\n },\n className,\n )}\n {...others}\n >\n {icon}\n {children}\n </HvTypography>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAoCa,MAAA,gBAAgB,CAAC,UAA8B;AACpD,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,iBAAiB,KAAK;AAE1C,QAAM,EAAE,SAAS,OAAO,WAAW,WAAW;AACxC,QAAA,EAAE,WAAW,IAAI,iBAAiB;AAExC,QAAM,OAAO,cAAe,YAAY,YAAY,OAAO;AAGzD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAQ;AAAA,MACR,WAAW;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,UAAU,GAAG;AAAA,UACtB,CAAC,QAAQ,YAAY,GAAG;AAAA,UACxB,CAAC,QAAQ,SAAS,GAAG,OAAO,aAAa;AAAA,QAC3C;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}
|
|
@@ -2,24 +2,21 @@ import { createClasses } from "@hitachivantara/uikit-react-utils";
|
|
|
2
2
|
import { theme } from "@hitachivantara/uikit-styles";
|
|
3
3
|
const { staticClasses, useClasses } = createClasses("HvDialog-Title", {
|
|
4
4
|
root: {
|
|
5
|
-
fontFamily: theme.fontFamily.body,
|
|
6
|
-
// override MUI font
|
|
7
5
|
padding: theme.space.sm,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
messageContainer: {
|
|
6
|
+
paddingRight: 32 + 16,
|
|
7
|
+
// close icon padding
|
|
8
|
+
backgroundColor: "inherit",
|
|
12
9
|
display: "flex",
|
|
13
|
-
alignItems: "center"
|
|
10
|
+
alignItems: "center",
|
|
11
|
+
gap: theme.space.xs
|
|
14
12
|
},
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
},
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
13
|
+
fullscreen: {},
|
|
14
|
+
/** @deprecated use `classes.root` instead */
|
|
15
|
+
messageContainer: {},
|
|
16
|
+
// TODO: consider deprecating
|
|
17
|
+
textWithIcon: {},
|
|
18
|
+
/** @deprecated use `classes.root` instead */
|
|
19
|
+
titleText: {}
|
|
23
20
|
});
|
|
24
21
|
export {
|
|
25
22
|
staticClasses,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.styles.js","sources":["../../../../src/Dialog/Title/Title.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog-Title\", {\n root: {\n
|
|
1
|
+
{"version":3,"file":"Title.styles.js","sources":["../../../../src/Dialog/Title/Title.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog-Title\", {\n root: {\n padding: theme.space.sm,\n paddingRight: 32 + 16, // close icon padding\n backgroundColor: \"inherit\",\n display: \"flex\",\n alignItems: \"center\",\n gap: theme.space.xs,\n },\n fullscreen: {},\n /** @deprecated use `classes.root` instead */\n messageContainer: {},\n // TODO: consider deprecating\n textWithIcon: {},\n /** @deprecated use `classes.root` instead */\n titleText: {},\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,eAAe,eAAe,cAAc,kBAAkB;AAAA,EAC3E,MAAM;AAAA,IACJ,SAAS,MAAM,MAAM;AAAA,IACrB,cAAc,KAAK;AAAA;AAAA,IACnB,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK,MAAM,MAAM;AAAA,EACnB;AAAA,EACA,YAAY,CAAC;AAAA;AAAA,EAEb,kBAAkB,CAAC;AAAA;AAAA,EAEnB,cAAc,CAAC;AAAA;AAAA,EAEf,WAAW,CAAA;AACb,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sources":["../../../src/Dialog/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const DialogContext = createContext({
|
|
1
|
+
{"version":3,"file":"context.js","sources":["../../../src/Dialog/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const DialogContext = createContext({ fullScreen: false });\n\nexport const useDialogContext = () => useContext(DialogContext);\n"],"names":[],"mappings":";AAEO,MAAM,gBAAgB,cAAc,EAAE,YAAY,MAAO,CAAA;AAEnD,MAAA,mBAAmB,MAAM,WAAW,aAAa;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.styles.js","sources":["../../../src/Panel/Panel.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvPanel\", {\n root: {\n position: \"relative\",\n padding: theme.space.sm,\n backgroundColor: theme.colors.atmo1,\n overflow: \"auto\",\n borderRadius: \"inherit\",\n },\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,YAAY,kBAAkB,cAAc,WAAW;AAAA,EACpE,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS,MAAM,MAAM;AAAA,IACrB,iBAAiB,MAAM,OAAO;AAAA,IAC9B,UAAU;AAAA,IACV,cAAc;AAAA,EAAA;AAElB,CAAC;"}
|
|
1
|
+
{"version":3,"file":"Panel.styles.js","sources":["../../../src/Panel/Panel.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvPanel\", {\n root: {\n position: \"relative\",\n padding: theme.space.sm,\n borderColor: theme.colors.atmo4,\n backgroundColor: theme.colors.atmo1,\n overflow: \"auto\",\n borderRadius: \"inherit\",\n },\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,YAAY,kBAAkB,cAAc,WAAW;AAAA,EACpE,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS,MAAM,MAAM;AAAA,IACrB,aAAa,MAAM,OAAO;AAAA,IAC1B,iBAAiB,MAAM,OAAO;AAAA,IAC9B,UAAU;AAAA,IACV,cAAc;AAAA,EAAA;AAElB,CAAC;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { DropDownXS } from "@hitachivantara/uikit-react-icons";
|
|
4
4
|
import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
|
|
5
5
|
import { useExpandable } from "../hooks/useExpandable.js";
|
|
6
6
|
import { useClasses } from "./Section.styles.js";
|
|
@@ -53,7 +53,7 @@ const HvSection = forwardRef(
|
|
|
53
53
|
"aria-label": isOpen ? "Collapse" : "Expand",
|
|
54
54
|
...buttonProps,
|
|
55
55
|
...expandButtonProps,
|
|
56
|
-
children: /* @__PURE__ */ jsx(
|
|
56
|
+
children: /* @__PURE__ */ jsx(DropDownXS, { rotate: isOpen })
|
|
57
57
|
}
|
|
58
58
|
),
|
|
59
59
|
title,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sources":["../../../src/Section/Section.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {
|
|
1
|
+
{"version":3,"file":"Section.js","sources":["../../../src/Section/Section.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { DropDownXS } from \"@hitachivantara/uikit-react-icons\";\nimport {\n useDefaultProps,\n type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { HvButton, HvButtonProps } from \"../Button\";\nimport { useExpandable } from \"../hooks/useExpandable\";\nimport { HvBaseProps } from \"../types/generic\";\nimport { staticClasses, useClasses } from \"./Section.styles\";\n\nexport { staticClasses as sectionClasses };\n\nexport type HvSectionClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSectionProps\n extends Omit<HvBaseProps<HTMLDivElement>, \"title\" | \"onToggle\"> {\n /** The title of the section */\n title?: React.ReactNode;\n /** Whether or not the section is expandable. */\n expandable?: boolean;\n /** Whether the section is open or not, if this property is defined the accordion must be fully controlled. */\n expanded?: boolean;\n /** When uncontrolled, defines the initial expanded state. */\n defaultExpanded?: boolean;\n /** Section actions */\n actions?: React.ReactNode;\n /** Section onExpand callback */\n onToggle?: (\n event: React.MouseEvent<HTMLButtonElement>,\n open: boolean,\n ) => void;\n /** Props to be passed to the expand button */\n expandButtonProps?: HvButtonProps;\n /** Determines whether or not the header has a shadow on the bottom border. */\n raisedHeader?: boolean;\n /** A Jss Object used to override or extend the styles applied to the empty state component. */\n classes?: HvSectionClasses;\n /** Content container ref. */\n contentRef?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Sections allow grouping information on a page under the same topic.\n */\nexport const HvSection = forwardRef<HTMLDivElement, HvSectionProps>(\n function HvSection(props, ref) {\n const {\n id,\n classes: classesProp,\n className,\n title,\n expandable,\n expanded,\n defaultExpanded = true,\n actions,\n onToggle,\n expandButtonProps,\n raisedHeader,\n contentRef,\n children,\n ...others\n } = useDefaultProps(\"HvSection\", props);\n const { classes, cx } = useClasses(classesProp);\n\n const { isOpen, toggleOpen, buttonProps, regionProps } = useExpandable({\n id,\n expanded,\n defaultExpanded,\n });\n\n const hasHeader = title || actions || expandable;\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(classes.root, className, {\n [classes.raisedHeader]: raisedHeader && isOpen,\n })}\n {...others}\n >\n {hasHeader && (\n <div className={classes.header}>\n {expandable && (\n <HvButton\n icon\n onClick={(event) => {\n toggleOpen();\n onToggle?.(event, !isOpen);\n }}\n aria-label={isOpen ? \"Collapse\" : \"Expand\"}\n {...buttonProps}\n {...expandButtonProps}\n >\n <DropDownXS rotate={isOpen} />\n </HvButton>\n )}\n {title}\n <div className={classes.actions}>{actions}</div>\n </div>\n )}\n <div\n ref={contentRef}\n hidden={!isOpen}\n className={cx(classes.content, {\n [classes.hidden]: expandable && !isOpen,\n [classes.spaceTop]: !hasHeader,\n [classes.hasHeader]: hasHeader,\n })}\n {...(expandable && regionProps)}\n >\n {children}\n </div>\n </div>\n );\n },\n);\n"],"names":["HvSection"],"mappings":";;;;;;;;AA8CO,MAAM,YAAY;AAAA,EACvB,SAASA,WAAU,OAAO,KAAK;AACvB,UAAA;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,IACD,gBAAgB,aAAa,KAAK;AACtC,UAAM,EAAE,SAAS,OAAO,WAAW,WAAW;AAE9C,UAAM,EAAE,QAAQ,YAAY,aAAa,YAAA,IAAgB,cAAc;AAAA,MACrE;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAEK,UAAA,YAAY,SAAS,WAAW;AAGpC,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,GAAG,QAAQ,MAAM,WAAW;AAAA,UACrC,CAAC,QAAQ,YAAY,GAAG,gBAAgB;AAAA,QAAA,CACzC;AAAA,QACA,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,aACE,qBAAA,OAAA,EAAI,WAAW,QAAQ,QACrB,UAAA;AAAA,YACC,cAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAI;AAAA,gBACJ,SAAS,CAAC,UAAU;AACP,6BAAA;AACA,6BAAA,OAAO,CAAC,MAAM;AAAA,gBAC3B;AAAA,gBACA,cAAY,SAAS,aAAa;AAAA,gBACjC,GAAG;AAAA,gBACH,GAAG;AAAA,gBAEJ,UAAA,oBAAC,YAAW,EAAA,QAAQ,OAAQ,CAAA;AAAA,cAAA;AAAA,YAC9B;AAAA,YAED;AAAA,YACA,oBAAA,OAAA,EAAI,WAAW,QAAQ,SAAU,UAAQ,QAAA,CAAA;AAAA,UAAA,GAC5C;AAAA,UAEF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,QAAQ,CAAC;AAAA,cACT,WAAW,GAAG,QAAQ,SAAS;AAAA,gBAC7B,CAAC,QAAQ,MAAM,GAAG,cAAc,CAAC;AAAA,gBACjC,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAAA,gBACrB,CAAC,QAAQ,SAAS,GAAG;AAAA,cAAA,CACtB;AAAA,cACA,GAAI,cAAc;AAAA,cAElB;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
|
|
@@ -13,6 +13,7 @@ const { staticClasses, useClasses } = createClasses("HvSection", {
|
|
|
13
13
|
header: {
|
|
14
14
|
display: "flex",
|
|
15
15
|
alignItems: "center",
|
|
16
|
+
borderColor: "inherit",
|
|
16
17
|
position: "relative",
|
|
17
18
|
minHeight: theme.sizes.sm,
|
|
18
19
|
padding: theme.space.sm
|
|
@@ -35,6 +36,7 @@ const { staticClasses, useClasses } = createClasses("HvSection", {
|
|
|
35
36
|
raisedHeader: {
|
|
36
37
|
"& $header": {
|
|
37
38
|
zIndex: 1,
|
|
39
|
+
borderBottomWidth: 1,
|
|
38
40
|
boxShadow: theme.colors.shadow
|
|
39
41
|
},
|
|
40
42
|
"& $content": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.styles.js","sources":["../../../src/Section/Section.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSection\", {\n root: {\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n backgroundColor: theme.colors.atmo1,\n borderRadius: theme.radii.round,\n border: `1px solid ${theme.colors.atmo4}`,\n },\n hidden: { height: 0, display: \"none\" },\n header: {\n display: \"flex\",\n alignItems: \"center\",\n position: \"relative\",\n minHeight: theme.sizes.sm,\n padding: theme.space.sm,\n },\n content: {\n padding: theme.space.sm,\n borderRadius: \"inherit\",\n borderColor: \"inherit\",\n },\n hasHeader: {\n paddingTop: 0,\n },\n /** @deprecated use `hasHeader` instead */\n spaceTop: {},\n actions: {\n display: \"flex\",\n gap: theme.space.xs,\n marginLeft: \"auto\",\n },\n raisedHeader: {\n \"& $header\": {\n zIndex: 1,\n boxShadow: theme.colors.shadow,\n },\n \"& $content\": {\n paddingTop: theme.space.sm,\n },\n },\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,eAAe,eAAe,cAAc,aAAa;AAAA,EACtE,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,eAAe;AAAA,IACf,iBAAiB,MAAM,OAAO;AAAA,IAC9B,cAAc,MAAM,MAAM;AAAA,IAC1B,QAAQ,aAAa,MAAM,OAAO,KAAK;AAAA,EACzC;AAAA,EACA,QAAQ,EAAE,QAAQ,GAAG,SAAS,OAAO;AAAA,EACrC,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,WAAW,MAAM,MAAM;AAAA,IACvB,SAAS,MAAM,MAAM;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,MAAM,MAAM;AAAA,IACrB,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AAAA,EACA,WAAW;AAAA,IACT,YAAY;AAAA,EACd;AAAA;AAAA,EAEA,UAAU,CAAC;AAAA,EACX,SAAS;AAAA,IACP,SAAS;AAAA,IACT,KAAK,MAAM,MAAM;AAAA,IACjB,YAAY;AAAA,EACd;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,MACX,QAAQ;AAAA,MACR,WAAW,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,cAAc;AAAA,MACZ,YAAY,MAAM,MAAM;AAAA,IAAA;AAAA,EAC1B;AAEJ,CAAC;"}
|
|
1
|
+
{"version":3,"file":"Section.styles.js","sources":["../../../src/Section/Section.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSection\", {\n root: {\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n backgroundColor: theme.colors.atmo1,\n borderRadius: theme.radii.round,\n border: `1px solid ${theme.colors.atmo4}`,\n },\n hidden: { height: 0, display: \"none\" },\n header: {\n display: \"flex\",\n alignItems: \"center\",\n borderColor: \"inherit\",\n position: \"relative\",\n minHeight: theme.sizes.sm,\n padding: theme.space.sm,\n },\n content: {\n padding: theme.space.sm,\n borderRadius: \"inherit\",\n borderColor: \"inherit\",\n },\n hasHeader: {\n paddingTop: 0,\n },\n /** @deprecated use `hasHeader` instead */\n spaceTop: {},\n actions: {\n display: \"flex\",\n gap: theme.space.xs,\n marginLeft: \"auto\",\n },\n raisedHeader: {\n \"& $header\": {\n zIndex: 1,\n borderBottomWidth: 1,\n boxShadow: theme.colors.shadow,\n },\n \"& $content\": {\n paddingTop: theme.space.sm,\n },\n },\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,eAAe,eAAe,cAAc,aAAa;AAAA,EACtE,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,eAAe;AAAA,IACf,iBAAiB,MAAM,OAAO;AAAA,IAC9B,cAAc,MAAM,MAAM;AAAA,IAC1B,QAAQ,aAAa,MAAM,OAAO,KAAK;AAAA,EACzC;AAAA,EACA,QAAQ,EAAE,QAAQ,GAAG,SAAS,OAAO;AAAA,EACrC,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,UAAU;AAAA,IACV,WAAW,MAAM,MAAM;AAAA,IACvB,SAAS,MAAM,MAAM;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACP,SAAS,MAAM,MAAM;AAAA,IACrB,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AAAA,EACA,WAAW;AAAA,IACT,YAAY;AAAA,EACd;AAAA;AAAA,EAEA,UAAU,CAAC;AAAA,EACX,SAAS;AAAA,IACP,SAAS;AAAA,IACT,KAAK,MAAM,MAAM;AAAA,IACjB,YAAY;AAAA,EACd;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,MACX,QAAQ;AAAA,MACR,mBAAmB;AAAA,MACnB,WAAW,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,cAAc;AAAA,MACZ,YAAY,MAAM,MAAM;AAAA,IAAA;AAAA,EAC1B;AAEJ,CAAC;"}
|
|
@@ -17,7 +17,6 @@ const { staticClasses, useClasses } = createClasses("HvTableSection", {
|
|
|
17
17
|
header: {
|
|
18
18
|
// Only apply the border to divide the header and content when both are displayed
|
|
19
19
|
"+ div": {
|
|
20
|
-
borderTop: `1px solid ${theme.colors.atmo3}`,
|
|
21
20
|
borderTopLeftRadius: 0,
|
|
22
21
|
borderTopRightRadius: 0
|
|
23
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableSection.styles.js","sources":["../../../src/TableSection/TableSection.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { bulkActionsClasses } from \"../BulkActions\";\nimport { paginationClasses } from \"../Pagination\";\nimport { tableCellClasses } from \"../Table/TableCell\";\nimport { tableContainerClasses } from \"../Table/TableContainer\";\nimport { tableHeaderClasses } from \"../Table/TableHeader\";\nimport { tableRowClasses } from \"../Table/TableRow\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableSection\", {\n root: {},\n header: {\n // Only apply the border to divide the header and content when both are displayed\n \"+ div\": {\n
|
|
1
|
+
{"version":3,"file":"TableSection.styles.js","sources":["../../../src/TableSection/TableSection.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { bulkActionsClasses } from \"../BulkActions\";\nimport { paginationClasses } from \"../Pagination\";\nimport { tableCellClasses } from \"../Table/TableCell\";\nimport { tableContainerClasses } from \"../Table/TableContainer\";\nimport { tableHeaderClasses } from \"../Table/TableHeader\";\nimport { tableRowClasses } from \"../Table/TableRow\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableSection\", {\n root: {},\n header: {\n // Only apply the border to divide the header and content when both are displayed\n \"+ div\": {\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n },\n },\n actions: {},\n content: {\n marginTop: 0,\n padding: 0,\n\n // Apply border radius to the first child if there's not an header\n \"&:first-of-type\": {\n \"& > :first-of-type\": {\n borderTopLeftRadius: \"inherit\",\n borderTopRightRadius: \"inherit\",\n },\n },\n\n \"& > :last-child\": {\n borderBottomLeftRadius: \"inherit\",\n borderBottomRightRadius: \"inherit\",\n },\n\n [`& .${tableContainerClasses.root}`]: {\n paddingBottom: 0,\n borderTopLeftRadius: \"inherit\",\n borderTopRightRadius: \"inherit\",\n },\n\n [`& .${tableHeaderClasses.head}`]: {\n backgroundColor: theme.colors.atmo2,\n borderBottomColor: theme.colors.atmo3,\n [`&.${tableHeaderClasses.variantCheckbox}`]: {\n borderRight: \"none\",\n },\n [`&.${tableHeaderClasses.variantActions}`]: {\n borderLeft: \"none\",\n },\n },\n\n // Remove border for the last table row\n [`& .${tableRowClasses.root}`]: {\n \"&:last-child\": {\n [`& .${tableCellClasses.root}`]: { borderBottom: \"none\" },\n },\n },\n\n [`& .${tableCellClasses.root}`]: {\n borderBottomColor: theme.colors.atmo3,\n },\n\n [`& .${tableCellClasses.variantCheckbox}`]: {\n borderRight: \"none\",\n },\n\n [`& .${tableCellClasses.variantActions}`]: {\n borderLeft: \"none\",\n },\n\n [`& .${bulkActionsClasses.root}`]: {\n marginBottom: 0,\n border: \"none\",\n borderBottom: `1px solid ${theme.colors.atmo3}`,\n padding: theme.spacing(\"xs\", \"sm\"),\n },\n\n [`& .${paginationClasses.root}`]: {\n margin: 0,\n backgroundColor: theme.colors.atmo2,\n padding: theme.space.xs,\n borderTop: `1px solid ${theme.colors.atmo3}`,\n borderBottomLeftRadius: \"inherit\",\n borderBottomRightRadius: \"inherit\",\n },\n\n [`& .${paginationClasses.pageSizeOptions}`]: {\n left: theme.space.sm,\n },\n [`& .${paginationClasses.pageSizeHeader}`]: {\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n },\n },\n hidden: {},\n raisedHeader: {\n \"& $content\": {\n paddingTop: 0,\n },\n },\n hasHeader: {},\n /** @deprecated use `hasHeader` instead */\n spaceTop: {},\n});\n"],"names":["tableContainerClasses","tableHeaderClasses","tableRowClasses","tableCellClasses","bulkActionsClasses","paginationClasses"],"mappings":";;;;;;;;;;;;;;AAUO,MAAM,EAAE,eAAe,eAAe,cAAc,kBAAkB;AAAA,EAC3E,MAAM,CAAC;AAAA,EACP,QAAQ;AAAA;AAAA,IAEN,SAAS;AAAA,MACP,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,IAAA;AAAA,EAE1B;AAAA,EACA,SAAS,CAAC;AAAA,EACV,SAAS;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA;AAAA,IAGT,mBAAmB;AAAA,MACjB,sBAAsB;AAAA,QACpB,qBAAqB;AAAA,QACrB,sBAAsB;AAAA,MAAA;AAAA,IAE1B;AAAA,IAEA,mBAAmB;AAAA,MACjB,wBAAwB;AAAA,MACxB,yBAAyB;AAAA,IAC3B;AAAA,IAEA,CAAC,MAAMA,gBAAsB,IAAI,EAAE,GAAG;AAAA,MACpC,eAAe;AAAA,MACf,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,IACxB;AAAA,IAEA,CAAC,MAAMC,gBAAmB,IAAI,EAAE,GAAG;AAAA,MACjC,iBAAiB,MAAM,OAAO;AAAA,MAC9B,mBAAmB,MAAM,OAAO;AAAA,MAChC,CAAC,KAAKA,gBAAmB,eAAe,EAAE,GAAG;AAAA,QAC3C,aAAa;AAAA,MACf;AAAA,MACA,CAAC,KAAKA,gBAAmB,cAAc,EAAE,GAAG;AAAA,QAC1C,YAAY;AAAA,MAAA;AAAA,IAEhB;AAAA;AAAA,IAGA,CAAC,MAAMC,gBAAgB,IAAI,EAAE,GAAG;AAAA,MAC9B,gBAAgB;AAAA,QACd,CAAC,MAAMC,gBAAiB,IAAI,EAAE,GAAG,EAAE,cAAc,OAAO;AAAA,MAAA;AAAA,IAE5D;AAAA,IAEA,CAAC,MAAMA,gBAAiB,IAAI,EAAE,GAAG;AAAA,MAC/B,mBAAmB,MAAM,OAAO;AAAA,IAClC;AAAA,IAEA,CAAC,MAAMA,gBAAiB,eAAe,EAAE,GAAG;AAAA,MAC1C,aAAa;AAAA,IACf;AAAA,IAEA,CAAC,MAAMA,gBAAiB,cAAc,EAAE,GAAG;AAAA,MACzC,YAAY;AAAA,IACd;AAAA,IAEA,CAAC,MAAMC,gBAAmB,IAAI,EAAE,GAAG;AAAA,MACjC,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,cAAc,aAAa,MAAM,OAAO,KAAK;AAAA,MAC7C,SAAS,MAAM,QAAQ,MAAM,IAAI;AAAA,IACnC;AAAA,IAEA,CAAC,MAAMC,gBAAkB,IAAI,EAAE,GAAG;AAAA,MAChC,QAAQ;AAAA,MACR,iBAAiB,MAAM,OAAO;AAAA,MAC9B,SAAS,MAAM,MAAM;AAAA,MACrB,WAAW,aAAa,MAAM,OAAO,KAAK;AAAA,MAC1C,wBAAwB;AAAA,MACxB,yBAAyB;AAAA,IAC3B;AAAA,IAEA,CAAC,MAAMA,gBAAkB,eAAe,EAAE,GAAG;AAAA,MAC3C,MAAM,MAAM,MAAM;AAAA,IACpB;AAAA,IACA,CAAC,MAAMA,gBAAkB,cAAc,EAAE,GAAG;AAAA,MAC1C,QAAQ;AAAA,MACR,WAAW;AAAA,QACT,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EAEJ;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,cAAc;AAAA,IACZ,cAAc;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,EAEhB;AAAA,EACA,WAAW,CAAC;AAAA;AAAA,EAEZ,UAAU,CAAA;AACZ,CAAC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.js","sources":["../../../../src/Tabs/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport Tab, { TabProps as MuiTabProps } from \"@mui/material/Tab\";\nimport {\n useDefaultProps,\n type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { staticClasses, useClasses } from \"./Tab.styles\";\n\nexport { staticClasses as tabClasses };\n\nexport type HvTabClasses = ExtractNames<typeof useClasses>;\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport interface HvTabProps extends Omit<MuiTabProps, \"children\"> {\n /** If `true`, the tab will be disabled. */\n disabled?: boolean;\n /** The icon element. */\n icon?: React.ReactElement | string;\n /** The label element. */\n label?: React.ReactNode;\n /** The position of the icon relative to the label. */\n iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n /** A Jss Object used to override or extend the component styles. */\n classes?: HvTabClasses;\n}\n\nexport const HvTab = forwardRef<\n // no-indent\n React.ComponentRef<typeof Tab>,\n HvTabProps\n>(function HvTab(props, ref) {\n const {\n classes: classesProp,\n iconPosition = \"top\",\n disabled = false,\n ...others\n } = useDefaultProps(\"HvTab\", props);\n const { classes, cx } = useClasses(classesProp);\n\n return (\n <Tab\n ref={ref}\n classes={{\n root: classes.root,\n selected: classes.selected,\n disabled: classes.disabled,\n }}\n // expose the global class HvIsFocusVisible as a marker\n // not to be styled directly, only as helper in specific css queries\n focusVisibleClassName={cx(\"HvIsFocusVisible\", classes.focusVisible)}\n disabled={disabled}\n iconPosition={iconPosition}\n {...others}\n />\n );\n});\n"],"names":["HvTab"],"mappings":";;;;;;AA2BO,MAAM,QAAQ,WAInB,SAASA,OAAM,OAAO,KAAK;AACrB,QAAA;AAAA,IACJ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD,gBAAgB,SAAS,KAAK;AAClC,QAAM,EAAE,SAAS,OAAO,WAAW,WAAW;AAG5C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,UAAU,QAAQ;AAAA,QAClB,UAAU,QAAQ;AAAA,MACpB;AAAA,MAGA,uBAAuB,GAAG,oBAAoB,QAAQ,YAAY;AAAA,MAClE;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createClasses } from "@hitachivantara/uikit-react-utils";
|
|
2
2
|
import { theme } from "@hitachivantara/uikit-styles";
|
|
3
|
-
import { outlineStyles } from "
|
|
3
|
+
import { outlineStyles } from "../../utils/focusUtils.js";
|
|
4
4
|
const { staticClasses, useClasses } = createClasses("HvTab", {
|
|
5
5
|
root: {
|
|
6
6
|
marginTop: "3px",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.styles.js","sources":["../../../../src/Tabs/Tab/Tab.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../../utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTab\", {\n root: {\n marginTop: \"3px\",\n padding: theme.spacing(0, \"sm\"),\n minWidth: 70,\n minHeight: 32,\n textTransform: \"none\",\n ...theme.typography.body,\n borderRadius: `${theme.radii.base} ${theme.radii.base} 0 0`,\n \"&:hover\": {\n backgroundColor: theme.colors.containerBackgroundHover,\n \"&::after\": {\n height: \"1px\",\n backgroundColor: theme.colors.atmo4,\n },\n },\n \"&$selected\": {\n fontWeight: theme.typography.label.fontWeight,\n },\n \"&$disabled\": {\n color: theme.colors.secondary_60,\n cursor: \"not-allowed\",\n pointerEvents: \"all\",\n opacity: 1,\n \"&:hover\": {\n background: \"none\",\n },\n },\n opacity: 1,\n \"&::after\": {\n position: \"absolute\",\n left: 0,\n top: \"calc(100% - 1px)\",\n height: \"1px\",\n width: \"100%\",\n backgroundColor: theme.colors.atmo4,\n content: \"''\",\n },\n // Override Mui styling: https://mui.com/material-ui/api/tab/#css\n \"& .MuiTab-iconWrapper\": {\n margin: 0,\n },\n \"& svg .color0\": {\n fill: \"currentcolor\",\n },\n },\n focusVisible: {\n ...outlineStyles,\n },\n selected: {},\n disabled: {},\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,SAAS;AAAA,EAClE,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,SAAS,MAAM,QAAQ,GAAG,IAAI;AAAA,IAC9B,UAAU;AAAA,IACV,WAAW;AAAA,IACX,eAAe;AAAA,IACf,GAAG,MAAM,WAAW;AAAA,IACpB,cAAc,GAAG,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,IAAI;AAAA,IACrD,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,MAC9B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,iBAAiB,MAAM,OAAO;AAAA,MAAA;AAAA,IAElC;AAAA,IACA,cAAc;AAAA,MACZ,YAAY,MAAM,WAAW,MAAM;AAAA,IACrC;AAAA,IACA,cAAc;AAAA,MACZ,OAAO,MAAM,OAAO;AAAA,MACpB,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,QACT,YAAY;AAAA,MAAA;AAAA,IAEhB;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,MACV,UAAU;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,iBAAiB,MAAM,OAAO;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,yBAAyB;AAAA,MACvB,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EAEV;AAAA,EACA,cAAc;AAAA,IACZ,GAAG;AAAA,EACL;AAAA,EACA,UAAU,CAAC;AAAA,EACX,UAAU,CAAA;AACZ,CAAC;"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import { createClasses } from "@hitachivantara/uikit-react-utils";
|
|
2
2
|
const { staticClasses, useClasses } = createClasses("HvTabs", {
|
|
3
3
|
root: {
|
|
4
|
-
minHeight: 0
|
|
5
|
-
overflow: "visible"
|
|
4
|
+
minHeight: 0
|
|
6
5
|
},
|
|
7
6
|
indicator: {},
|
|
8
|
-
scroller: {
|
|
9
|
-
overflow: "visible !important"
|
|
10
|
-
},
|
|
7
|
+
scroller: {},
|
|
11
8
|
flexContainer: {
|
|
12
9
|
marginLeft: "3px"
|
|
13
10
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.styles.js","sources":["../../../src/Tabs/Tabs.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTabs\", {\n root: {\n minHeight: 0,\n
|
|
1
|
+
{"version":3,"file":"Tabs.styles.js","sources":["../../../src/Tabs/Tabs.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTabs\", {\n root: {\n minHeight: 0,\n },\n indicator: {},\n scroller: {},\n flexContainer: {\n marginLeft: \"3px\",\n },\n floating: {},\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,UAAU;AAAA,EACnE,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AAAA,EACA,WAAW,CAAC;AAAA,EACZ,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,IACb,YAAY;AAAA,EACd;AAAA,EACA,UAAU,CAAA;AACZ,CAAC;"}
|
package/dist/esm/index.js
CHANGED
|
@@ -229,22 +229,20 @@ import { staticClasses as staticClasses94 } from "./Stack/Stack.styles.js";
|
|
|
229
229
|
import { HvStack } from "./Stack/Stack.js";
|
|
230
230
|
import { staticClasses as staticClasses95 } from "./Switch/Switch.styles.js";
|
|
231
231
|
import { HvSwitch } from "./Switch/Switch.js";
|
|
232
|
-
import { staticClasses as staticClasses96 } from "./Tab/Tab.styles.js";
|
|
233
|
-
import { HvTab } from "./Tab/Tab.js";
|
|
234
232
|
import { useHvTable, useHvTable as useHvTable2 } from "./Table/hooks/useHvTable.js";
|
|
235
|
-
import { staticClasses as
|
|
233
|
+
import { staticClasses as staticClasses96 } from "./Table/Table.styles.js";
|
|
236
234
|
import { HvTable } from "./Table/Table.js";
|
|
237
|
-
import { staticClasses as
|
|
235
|
+
import { staticClasses as staticClasses97 } from "./Table/TableContainer/TableContainer.styles.js";
|
|
238
236
|
import { HvTableContainer } from "./Table/TableContainer/TableContainer.js";
|
|
239
|
-
import { staticClasses as
|
|
237
|
+
import { staticClasses as staticClasses98 } from "./Table/TableBody/TableBody.styles.js";
|
|
240
238
|
import { HvTableBody } from "./Table/TableBody/TableBody.js";
|
|
241
|
-
import { staticClasses as
|
|
239
|
+
import { staticClasses as staticClasses99 } from "./Table/TableHead/TableHead.styles.js";
|
|
242
240
|
import { HvTableHead } from "./Table/TableHead/TableHead.js";
|
|
243
|
-
import { staticClasses as
|
|
241
|
+
import { staticClasses as staticClasses100 } from "./Table/TableHeader/TableHeader.styles.js";
|
|
244
242
|
import { HvTableHeader } from "./Table/TableHeader/TableHeader.js";
|
|
245
|
-
import { staticClasses as
|
|
243
|
+
import { staticClasses as staticClasses101 } from "./Table/TableRow/TableRow.styles.js";
|
|
246
244
|
import { HvTableRow } from "./Table/TableRow/TableRow.js";
|
|
247
|
-
import { staticClasses as
|
|
245
|
+
import { staticClasses as staticClasses102 } from "./Table/TableCell/TableCell.styles.js";
|
|
248
246
|
import { HvTableCell } from "./Table/TableCell/TableCell.js";
|
|
249
247
|
import { useHvTableStyles } from "./Table/hooks/useHvTableStyles.js";
|
|
250
248
|
import { useHvSortBy } from "./Table/hooks/useHvSortBy.js";
|
|
@@ -263,8 +261,10 @@ import { HvDateColumnCell } from "./Table/renderers/DateColumnCell.js";
|
|
|
263
261
|
import { HvDropdownColumnCell } from "./Table/renderers/DropdownColumnCell.js";
|
|
264
262
|
import { HvProgressColumnCell, normalizeProgressBar } from "./Table/renderers/ProgressColumnCell.js";
|
|
265
263
|
import { HvSwitchColumnCell } from "./Table/renderers/SwitchColumnCell.js";
|
|
266
|
-
import { staticClasses as
|
|
264
|
+
import { staticClasses as staticClasses103 } from "./Tabs/Tabs.styles.js";
|
|
267
265
|
import { HvTabs } from "./Tabs/Tabs.js";
|
|
266
|
+
import { staticClasses as staticClasses104 } from "./Tabs/Tab/Tab.styles.js";
|
|
267
|
+
import { HvTab } from "./Tabs/Tab/Tab.js";
|
|
268
268
|
import { staticClasses as staticClasses105 } from "./Tag/Tag.styles.js";
|
|
269
269
|
import { HvTag } from "./Tag/Tag.js";
|
|
270
270
|
import { staticClasses as staticClasses106 } from "./TagsInput/TagsInput.styles.js";
|
|
@@ -593,16 +593,16 @@ export {
|
|
|
593
593
|
staticClasses94 as stackClasses,
|
|
594
594
|
staticClasses14 as suggestionsClasses,
|
|
595
595
|
staticClasses95 as switchClasses,
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
596
|
+
staticClasses104 as tabClasses,
|
|
597
|
+
staticClasses98 as tableBodyClasses,
|
|
598
|
+
staticClasses102 as tableCellClasses,
|
|
599
|
+
staticClasses96 as tableClasses,
|
|
600
|
+
staticClasses97 as tableContainerClasses,
|
|
601
|
+
staticClasses99 as tableHeadClasses,
|
|
602
|
+
staticClasses100 as tableHeaderClasses,
|
|
603
|
+
staticClasses101 as tableRowClasses,
|
|
604
604
|
staticClasses121 as tableSectionClasses,
|
|
605
|
-
|
|
605
|
+
staticClasses103 as tabsClasses,
|
|
606
606
|
staticClasses105 as tagClasses,
|
|
607
607
|
staticClasses106 as tagsInputClasses,
|
|
608
608
|
staticClasses107 as textAreaClasses,
|
package/dist/types/index.d.ts
CHANGED
|
@@ -795,6 +795,7 @@ export declare const dialogClasses: {
|
|
|
795
795
|
background: string;
|
|
796
796
|
paper: string;
|
|
797
797
|
fullscreen: string;
|
|
798
|
+
fullHeight: string;
|
|
798
799
|
closeButton: string;
|
|
799
800
|
statusBar: string;
|
|
800
801
|
success: string;
|
|
@@ -1380,9 +1381,9 @@ export declare interface HvBadgeProps extends HvBaseProps {
|
|
|
1380
1381
|
label?: React.ReactNode;
|
|
1381
1382
|
/** Icon which the notification will be attached. */
|
|
1382
1383
|
icon?: React.ReactNode;
|
|
1383
|
-
/** Text which the notification will be attached. */
|
|
1384
|
+
/** Text which the notification will be attached. @deprecated use `children` instead. */
|
|
1384
1385
|
text?: string;
|
|
1385
|
-
/** Text variant. */
|
|
1386
|
+
/** Text variant. @deprecated use a `HvTypography` on `children` instead. */
|
|
1386
1387
|
textVariant?: HvTypographyVariants;
|
|
1387
1388
|
/** A Jss Object used to override or extend the styles applied to the component. */
|
|
1388
1389
|
classes?: HvBadgeClasses;
|
|
@@ -2899,6 +2900,8 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
|
|
|
2899
2900
|
maxWidth?: DialogProps["maxWidth"];
|
|
2900
2901
|
/** @inheritdoc */
|
|
2901
2902
|
fullWidth?: DialogProps["fullWidth"];
|
|
2903
|
+
/** If true, the dialog stretches vertically, limited by the margins. @default false */
|
|
2904
|
+
fullHeight?: boolean;
|
|
2902
2905
|
/**
|
|
2903
2906
|
* Element id that should be focus when the Dialog opens.
|
|
2904
2907
|
* Auto-focusing elements can cause usability issues, so this should be avoided.
|
|
@@ -6130,7 +6133,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "color" | "onCh
|
|
|
6130
6133
|
|
|
6131
6134
|
export declare const HvTab: ForwardRefExoticComponent<Omit<HvTabProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
6132
6135
|
|
|
6133
|
-
export declare type HvTabClasses = ExtractNames<typeof
|
|
6136
|
+
export declare type HvTabClasses = ExtractNames<typeof useClasses_116>;
|
|
6134
6137
|
|
|
6135
6138
|
/**
|
|
6136
6139
|
* A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
|
|
@@ -6150,7 +6153,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
|
|
|
6150
6153
|
*/
|
|
6151
6154
|
export declare const HvTableBody: ForwardRefExoticComponent<HvTableBodyProps & RefAttributes<HTMLElement>>;
|
|
6152
6155
|
|
|
6153
|
-
export declare type HvTableBodyClasses = ExtractNames<typeof
|
|
6156
|
+
export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_112>;
|
|
6154
6157
|
|
|
6155
6158
|
export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
|
|
6156
6159
|
/**
|
|
@@ -6238,7 +6241,7 @@ export declare interface HvTableColumnOptions<D extends object = Record<string,
|
|
|
6238
6241
|
*/
|
|
6239
6242
|
export declare const HvTableContainer: ForwardRefExoticComponent<HvTableContainerProps & RefAttributes<HTMLElement>>;
|
|
6240
6243
|
|
|
6241
|
-
export declare type HvTableContainerClasses = ExtractNames<typeof
|
|
6244
|
+
export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_111>;
|
|
6242
6245
|
|
|
6243
6246
|
export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
|
|
6244
6247
|
/**
|
|
@@ -6262,7 +6265,7 @@ export declare type HvTableDefinitionConfig<D extends object = Record<string, un
|
|
|
6262
6265
|
*/
|
|
6263
6266
|
export declare const HvTableHead: ForwardRefExoticComponent<HvTableHeadProps & RefAttributes<HTMLElement>>;
|
|
6264
6267
|
|
|
6265
|
-
export declare type HvTableHeadClasses = ExtractNames<typeof
|
|
6268
|
+
export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_113>;
|
|
6266
6269
|
|
|
6267
6270
|
/**
|
|
6268
6271
|
* `HvTableHeader` acts as a `th` element and inherits styles from its context
|
|
@@ -6465,7 +6468,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
|
|
|
6465
6468
|
*/
|
|
6466
6469
|
export declare const HvTabs: ForwardRefExoticComponent<Omit<HvTabsProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
6467
6470
|
|
|
6468
|
-
export declare type HvTabsClasses = ExtractNames<typeof
|
|
6471
|
+
export declare type HvTabsClasses = ExtractNames<typeof useClasses_115>;
|
|
6469
6472
|
|
|
6470
6473
|
export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
|
|
6471
6474
|
/**
|
|
@@ -6497,7 +6500,7 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
|
|
|
6497
6500
|
*/
|
|
6498
6501
|
export declare const HvTag: ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & RefAttributes<HTMLElement>>;
|
|
6499
6502
|
|
|
6500
|
-
export declare type HvTagClasses = ExtractNames<typeof
|
|
6503
|
+
export declare type HvTagClasses = ExtractNames<typeof useClasses_114>;
|
|
6501
6504
|
|
|
6502
6505
|
export declare function hvTagColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, A extends object = Record<string, unknown>>(col: HvTableColumnConfig<D, H>, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<D, H>;
|
|
6503
6506
|
|
|
@@ -8528,12 +8531,9 @@ declare const useClasses_110: (classesProp?: Partial<Record<"label" | "root" | "
|
|
|
8528
8531
|
readonly cx: (...args: any) => string;
|
|
8529
8532
|
};
|
|
8530
8533
|
|
|
8531
|
-
declare const useClasses_111: (classesProp?: Partial<Record<"root"
|
|
8534
|
+
declare const useClasses_111: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
|
|
8532
8535
|
readonly classes: {
|
|
8533
8536
|
root: string;
|
|
8534
|
-
focusVisible: string;
|
|
8535
|
-
selected: string;
|
|
8536
|
-
disabled: string;
|
|
8537
8537
|
};
|
|
8538
8538
|
readonly css: any;
|
|
8539
8539
|
readonly cx: (...args: any) => string;
|
|
@@ -8547,15 +8547,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root", string>>, ad
|
|
|
8547
8547
|
readonly cx: (...args: any) => string;
|
|
8548
8548
|
};
|
|
8549
8549
|
|
|
8550
|
-
declare const useClasses_113: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
|
|
8551
|
-
readonly classes: {
|
|
8552
|
-
root: string;
|
|
8553
|
-
};
|
|
8554
|
-
readonly css: any;
|
|
8555
|
-
readonly cx: (...args: any) => string;
|
|
8556
|
-
};
|
|
8557
|
-
|
|
8558
|
-
declare const useClasses_114: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
|
|
8550
|
+
declare const useClasses_113: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
|
|
8559
8551
|
readonly classes: {
|
|
8560
8552
|
root: string;
|
|
8561
8553
|
stickyHeader: string;
|
|
@@ -8564,7 +8556,7 @@ declare const useClasses_114: (classesProp?: Partial<Record<"root" | "stickyHead
|
|
|
8564
8556
|
readonly cx: (...args: any) => string;
|
|
8565
8557
|
};
|
|
8566
8558
|
|
|
8567
|
-
declare const
|
|
8559
|
+
declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "clickable" | "categorical" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
|
|
8568
8560
|
readonly classes: {
|
|
8569
8561
|
root: string;
|
|
8570
8562
|
categorical: string;
|
|
@@ -8586,7 +8578,7 @@ declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "
|
|
|
8586
8578
|
readonly cx: (...args: any) => string;
|
|
8587
8579
|
};
|
|
8588
8580
|
|
|
8589
|
-
declare const
|
|
8581
|
+
declare const useClasses_115: (classesProp?: Partial<Record<"root" | "floating" | "flexContainer" | "scroller" | "indicator", string>>, addStatic?: boolean) => {
|
|
8590
8582
|
readonly classes: {
|
|
8591
8583
|
root: string;
|
|
8592
8584
|
indicator: string;
|
|
@@ -8598,6 +8590,17 @@ declare const useClasses_116: (classesProp?: Partial<Record<"root" | "floating"
|
|
|
8598
8590
|
readonly cx: (...args: any) => string;
|
|
8599
8591
|
};
|
|
8600
8592
|
|
|
8593
|
+
declare const useClasses_116: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
|
|
8594
|
+
readonly classes: {
|
|
8595
|
+
root: string;
|
|
8596
|
+
focusVisible: string;
|
|
8597
|
+
selected: string;
|
|
8598
|
+
disabled: string;
|
|
8599
|
+
};
|
|
8600
|
+
readonly css: any;
|
|
8601
|
+
readonly cx: (...args: any) => string;
|
|
8602
|
+
};
|
|
8603
|
+
|
|
8601
8604
|
declare const useClasses_117: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
|
|
8602
8605
|
readonly classes: {
|
|
8603
8606
|
input: string;
|
|
@@ -9762,12 +9765,13 @@ declare const useClasses_64: (classesProp?: Partial<Record<"root" | "spacing" |
|
|
|
9762
9765
|
readonly cx: (...args: any) => string;
|
|
9763
9766
|
};
|
|
9764
9767
|
|
|
9765
|
-
declare const useClasses_65: (classesProp?: Partial<Record<"warning" | "background" | "root" | "paper" | "success" | "error" | "fullscreen" | "closeButton" | "statusBar", string>>, addStatic?: boolean) => {
|
|
9768
|
+
declare const useClasses_65: (classesProp?: Partial<Record<"warning" | "background" | "root" | "paper" | "success" | "error" | "fullscreen" | "closeButton" | "fullHeight" | "statusBar", string>>, addStatic?: boolean) => {
|
|
9766
9769
|
readonly classes: {
|
|
9767
9770
|
root: string;
|
|
9768
9771
|
background: string;
|
|
9769
9772
|
paper: string;
|
|
9770
9773
|
fullscreen: string;
|
|
9774
|
+
fullHeight: string;
|
|
9771
9775
|
closeButton: string;
|
|
9772
9776
|
statusBar: string;
|
|
9773
9777
|
success: string;
|