@hitachivantara/uikit-react-core 5.27.0 → 5.27.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/AppSwitcher/AppSwitcher.styles.cjs +1 -1
- package/dist/cjs/components/AppSwitcher/AppSwitcher.styles.cjs.map +1 -1
- package/dist/cjs/components/Banner/BannerContent/BannerContent.styles.cjs +1 -1
- package/dist/cjs/components/Banner/BannerContent/BannerContent.styles.cjs.map +1 -1
- package/dist/cjs/components/BaseInput/BaseInput.styles.cjs +5 -3
- package/dist/cjs/components/BaseInput/BaseInput.styles.cjs.map +1 -1
- package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.cjs +1 -1
- package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.cjs.map +1 -1
- package/dist/cjs/components/Carousel/Carousel.styles.cjs +4 -4
- package/dist/cjs/components/Carousel/Carousel.styles.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/File/File.cjs +9 -10
- package/dist/cjs/components/FileUploader/File/File.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/File/File.styles.cjs +4 -12
- package/dist/cjs/components/FileUploader/File/File.styles.cjs.map +1 -1
- package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.styles.cjs +3 -3
- package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.styles.cjs.map +1 -1
- package/dist/cjs/components/GlobalActions/GlobalActions.cjs +4 -9
- package/dist/cjs/components/GlobalActions/GlobalActions.cjs.map +1 -1
- package/dist/cjs/components/GlobalActions/GlobalActions.styles.cjs +2 -7
- package/dist/cjs/components/GlobalActions/GlobalActions.styles.cjs.map +1 -1
- package/dist/cjs/components/InlineEditor/InlineEditor.styles.cjs +2 -2
- package/dist/cjs/components/InlineEditor/InlineEditor.styles.cjs.map +1 -1
- package/dist/cjs/components/Pagination/Select.styles.cjs +1 -1
- package/dist/cjs/components/Pagination/Select.styles.cjs.map +1 -1
- package/dist/cjs/components/ProgressBar/ProgressBar.cjs +2 -1
- package/dist/cjs/components/ProgressBar/ProgressBar.cjs.map +1 -1
- package/dist/cjs/components/ProgressBar/ProgressBar.styles.cjs +1 -2
- package/dist/cjs/components/ProgressBar/ProgressBar.styles.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs +1 -1
- package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs.map +1 -1
- package/dist/cjs/components/TimePicker/TimePicker.styles.cjs +1 -1
- package/dist/cjs/components/TimePicker/TimePicker.styles.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs +4 -4
- package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs.map +1 -1
- package/dist/esm/components/AppSwitcher/AppSwitcher.styles.js +1 -1
- package/dist/esm/components/AppSwitcher/AppSwitcher.styles.js.map +1 -1
- package/dist/esm/components/Banner/BannerContent/BannerContent.styles.js +1 -1
- package/dist/esm/components/Banner/BannerContent/BannerContent.styles.js.map +1 -1
- package/dist/esm/components/BaseInput/BaseInput.styles.js +5 -3
- package/dist/esm/components/BaseInput/BaseInput.styles.js.map +1 -1
- package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.js +1 -1
- package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.js.map +1 -1
- package/dist/esm/components/Carousel/Carousel.styles.js +4 -4
- package/dist/esm/components/Carousel/Carousel.styles.js.map +1 -1
- package/dist/esm/components/FileUploader/File/File.js +9 -10
- package/dist/esm/components/FileUploader/File/File.js.map +1 -1
- package/dist/esm/components/FileUploader/File/File.styles.js +4 -12
- package/dist/esm/components/FileUploader/File/File.styles.js.map +1 -1
- package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js +3 -3
- package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js.map +1 -1
- package/dist/esm/components/GlobalActions/GlobalActions.js +4 -9
- package/dist/esm/components/GlobalActions/GlobalActions.js.map +1 -1
- package/dist/esm/components/GlobalActions/GlobalActions.styles.js +2 -7
- package/dist/esm/components/GlobalActions/GlobalActions.styles.js.map +1 -1
- package/dist/esm/components/InlineEditor/InlineEditor.styles.js +2 -2
- package/dist/esm/components/InlineEditor/InlineEditor.styles.js.map +1 -1
- package/dist/esm/components/Pagination/Select.styles.js +1 -1
- package/dist/esm/components/Pagination/Select.styles.js.map +1 -1
- package/dist/esm/components/ProgressBar/ProgressBar.js +2 -1
- package/dist/esm/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/esm/components/ProgressBar/ProgressBar.styles.js +1 -2
- package/dist/esm/components/ProgressBar/ProgressBar.styles.js.map +1 -1
- package/dist/esm/components/Table/TableHeader/TableHeader.styles.js +1 -1
- package/dist/esm/components/Table/TableHeader/TableHeader.styles.js.map +1 -1
- package/dist/esm/components/TimePicker/TimePicker.styles.js +1 -1
- package/dist/esm/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/VerticalNavigation.styles.js +4 -4
- package/dist/esm/components/VerticalNavigation/VerticalNavigation.styles.js.map +1 -1
- package/dist/types/index.d.ts +7 -1
- package/package.json +5 -5
|
@@ -7,20 +7,12 @@ const {
|
|
|
7
7
|
root: {},
|
|
8
8
|
progressbar: {
|
|
9
9
|
position: "absolute",
|
|
10
|
-
top: "-1px"
|
|
11
|
-
width: "80%",
|
|
12
|
-
height: theme.fileUploader.file.progressHeight,
|
|
13
|
-
border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.secondary}`,
|
|
14
|
-
"&::-moz-progress-bar": {
|
|
15
|
-
background: theme.colors.secondary
|
|
16
|
-
}
|
|
10
|
+
top: "-1px"
|
|
17
11
|
},
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
top: "-1px",
|
|
21
|
-
width: "100%",
|
|
22
|
-
border: `${theme.fileUploader.file.borderWidth} solid ${theme.colors.atmo4}`
|
|
12
|
+
progressbarContainer: {
|
|
13
|
+
height: theme.fileUploader.file.progressHeight
|
|
23
14
|
},
|
|
15
|
+
progressbarBack: {},
|
|
24
16
|
nameText: {
|
|
25
17
|
overflow: "hidden",
|
|
26
18
|
textOverflow: "ellipsis",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"File.styles.js","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFile\", {\n root: {},\n progressbar: {\n position: \"absolute\",\n top: \"-1px\",\n
|
|
1
|
+
{"version":3,"file":"File.styles.js","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFile\", {\n root: {},\n progressbar: {\n position: \"absolute\",\n top: \"-1px\",\n },\n progressbarContainer: {\n height: theme.fileUploader.file.progressHeight,\n },\n progressbarBack: {},\n nameText: {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n },\n progressTextContainer: {\n display: \"flex\",\n flexGrow: 1,\n alignItems: \"center\",\n },\n removeButton: {\n width: 32,\n height: 32,\n margin: `0px ${theme.space.xs}`,\n },\n previewContainer: {\n display: \"flex\",\n margin: `0px ${theme.space.xs}`,\n width: theme.fileUploader.file.previewContainerSize,\n height: theme.fileUploader.file.previewContainerSize,\n justifyContent: \"center\",\n alignItems: \"center\",\n\n \"& span\": {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n width: \"100%\",\n height: \"100%\",\n },\n\n \"& img\": {\n width: theme.fileUploader.file.imageSize,\n height: theme.fileUploader.file.imageSize,\n objectFit: \"cover\",\n objectPosition: \"center\",\n alignSelf: \"center\",\n },\n },\n icon: {\n width: 32,\n height: 32,\n margin: `0px ${theme.space.xs}`,\n },\n fail: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","progressbar","position","top","progressbarContainer","height","theme","fileUploader","file","progressHeight","progressbarBack","nameText","overflow","textOverflow","whiteSpace","progressTextContainer","display","flexGrow","alignItems","removeButton","width","margin","space","xs","previewContainer","previewContainerSize","justifyContent","imageSize","objectFit","objectPosition","alignSelf","icon","fail"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,UAAU;AAAA,EACnEC,MAAM,CAAC;AAAA,EACPC,aAAa;AAAA,IACXC,UAAU;AAAA,IACVC,KAAK;AAAA,EACP;AAAA,EACAC,sBAAsB;AAAA,IACpBC,QAAQC,MAAMC,aAAaC,KAAKC;AAAAA,EAClC;AAAA,EACAC,iBAAiB,CAAC;AAAA,EAClBC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACAC,cAAc;AAAA,IACZC,OAAO;AAAA,IACPf,QAAQ;AAAA,IACRgB,QAAS,OAAMf,MAAMgB,MAAMC;AAAAA,EAC7B;AAAA,EACAC,kBAAkB;AAAA,IAChBR,SAAS;AAAA,IACTK,QAAS,OAAMf,MAAMgB,MAAMC;AAAAA,IAC3BH,OAAOd,MAAMC,aAAaC,KAAKiB;AAAAA,IAC/BpB,QAAQC,MAAMC,aAAaC,KAAKiB;AAAAA,IAChCC,gBAAgB;AAAA,IAChBR,YAAY;AAAA,IAEZ,UAAU;AAAA,MACRF,SAAS;AAAA,MACTU,gBAAgB;AAAA,MAChBR,YAAY;AAAA,MACZE,OAAO;AAAA,MACPf,QAAQ;AAAA,IACV;AAAA,IAEA,SAAS;AAAA,MACPe,OAAOd,MAAMC,aAAaC,KAAKmB;AAAAA,MAC/BtB,QAAQC,MAAMC,aAAaC,KAAKmB;AAAAA,MAChCC,WAAW;AAAA,MACXC,gBAAgB;AAAA,MAChBC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJX,OAAO;AAAA,IACPf,QAAQ;AAAA,IACRgB,QAAS,OAAMf,MAAMgB,MAAMC;AAAAA,EAC7B;AAAA,EACAS,MAAM,CAAC;AACT,CAAC;"}
|
|
@@ -16,7 +16,7 @@ const {
|
|
|
16
16
|
height: 32
|
|
17
17
|
},
|
|
18
18
|
baseDropdownSelection: {
|
|
19
|
-
padding: theme.spacing(
|
|
19
|
+
padding: theme.spacing("0px", "30px", "0px", "0px")
|
|
20
20
|
},
|
|
21
21
|
root: {
|
|
22
22
|
width: 640,
|
|
@@ -36,8 +36,8 @@ const {
|
|
|
36
36
|
},
|
|
37
37
|
leftSidePanel: {
|
|
38
38
|
display: "inline-block",
|
|
39
|
-
width: `calc(50% - ${theme.
|
|
40
|
-
height: `calc(100% - ${theme.
|
|
39
|
+
width: `calc(50% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,
|
|
40
|
+
height: `calc(100% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,
|
|
41
41
|
verticalAlign: "top",
|
|
42
42
|
maxHeight: "calc(500px - 75px)",
|
|
43
43
|
minHeight: "calc(370px - 75px)",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterContent.styles.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupContent\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n dropdown: {},\n panel: {\n maxHeight: 500,\n minHeight: 370,\n },\n header: {\n display: \"flex\",\n justifyContent: \"space-between\",\n height: 32,\n },\n baseDropdownSelection: {\n padding: theme.spacing(
|
|
1
|
+
{"version":3,"file":"FilterContent.styles.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvFilterGroupContent\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n dropdown: {},\n panel: {\n maxHeight: 500,\n minHeight: 370,\n },\n header: {\n display: \"flex\",\n justifyContent: \"space-between\",\n height: 32,\n },\n baseDropdownSelection: {\n padding: theme.spacing(\"0px\", \"30px\", \"0px\", \"0px\"),\n },\n root: {\n width: 640,\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n },\n rightSidePanel: {\n display: \"inline-block\",\n width: \"50%\",\n height: \"100%\",\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n verticalAlign: \"top\",\n overflow: \"visible\",\n boxShadow: theme.filterGroup.rightPanelShadow,\n borderLeft: theme.filterGroup.rightPanelBorderLeft,\n },\n leftSidePanel: {\n display: \"inline-block\",\n width: `calc(50% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,\n height: `calc(100% - ${theme.space.sm} - ${theme.space.sm} + 8px)`,\n verticalAlign: \"top\",\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n padding: 4,\n margin: `calc(${theme.spacing(\"sm\")} - 4px)`,\n },\n actionBar: {},\n space: {\n flex: 1,\n },\n applyButton: {\n marginRight: theme.filterGroup.applyButtonMarginRight,\n },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","dropdown","panel","maxHeight","minHeight","header","display","justifyContent","height","baseDropdownSelection","padding","theme","spacing","root","width","rightSidePanel","verticalAlign","overflow","boxShadow","filterGroup","rightPanelShadow","borderLeft","rightPanelBorderLeft","leftSidePanel","space","sm","margin","actionBar","flex","applyButton","marginRight","applyButtonMarginRight"],"mappings":";;AAIA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,UAAU,CAAC;AAAA,EACXC,OAAO;AAAA,IACLC,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAC,QAAQ;AAAA,IACNC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,QAAQ;AAAA,EACV;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAASC,MAAMC,QAAQ,OAAO,QAAQ,OAAO,KAAK;AAAA,EACpD;AAAA,EACAC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPX,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAW,gBAAgB;AAAA,IACdT,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRL,WAAW;AAAA,IACXC,WAAW;AAAA,IACXY,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,WAAWP,MAAMQ,YAAYC;AAAAA,IAC7BC,YAAYV,MAAMQ,YAAYG;AAAAA,EAChC;AAAA,EACAC,eAAe;AAAA,IACbjB,SAAS;AAAA,IACTQ,OAAQ,cAAaH,MAAMa,MAAMC,QAAQd,MAAMa,MAAMC;AAAAA,IACrDjB,QAAS,eAAcG,MAAMa,MAAMC,QAAQd,MAAMa,MAAMC;AAAAA,IACvDT,eAAe;AAAA,IACfb,WAAW;AAAA,IACXC,WAAW;AAAA,IACXM,SAAS;AAAA,IACTgB,QAAS,QAAOf,MAAMC,QAAQ,IAAI;AAAA,EACpC;AAAA,EACAe,WAAW,CAAC;AAAA,EACZH,OAAO;AAAA,IACLI,MAAM;AAAA,EACR;AAAA,EACAC,aAAa;AAAA,IACXC,aAAanB,MAAMQ,YAAYY;AAAAA,EACjC;AACF,CAAC;"}
|
|
@@ -42,14 +42,6 @@ const HvGlobalActions = (props) => {
|
|
|
42
42
|
const isUpMd = useMediaQuery(muiTheme.breakpoints.up("md"));
|
|
43
43
|
const fixedPositionCss = positionProp === "fixed" && getBreakpointStyles(isUpMd, isSmDown);
|
|
44
44
|
const headingLevelToApply = headingLevel || (variant === "global" ? 1 : 2);
|
|
45
|
-
const backButtonRenderer = () => {
|
|
46
|
-
if (backButton) {
|
|
47
|
-
return /* @__PURE__ */ jsx("div", {
|
|
48
|
-
className: classes.backButton,
|
|
49
|
-
children: backButton
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
45
|
const position = positionProp || (variant === "global" ? "sticky" : "relative");
|
|
54
46
|
return /* @__PURE__ */ jsx("div", {
|
|
55
47
|
className: cx(classes.root, {
|
|
@@ -63,7 +55,10 @@ const HvGlobalActions = (props) => {
|
|
|
63
55
|
[classes.globalWrapperComplement]: variant === "global",
|
|
64
56
|
[classes.globalSectionArea]: variant === "section"
|
|
65
57
|
}),
|
|
66
|
-
children: [variant === "global" &&
|
|
58
|
+
children: [variant === "global" && backButton && /* @__PURE__ */ jsx("div", {
|
|
59
|
+
className: classes.backButton,
|
|
60
|
+
children: backButton
|
|
61
|
+
}), !isString(title) ? title : /* @__PURE__ */ jsx(HvTypography, {
|
|
67
62
|
variant: variant === "global" ? "title3" : activeTheme == null ? void 0 : activeTheme.globalActions.sectionVariant,
|
|
68
63
|
component: `h${headingLevelToApply}`,
|
|
69
64
|
className: classes.name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useTheme as useMuiTheme } from \"@mui/material/styles\";\nimport { useMediaQuery } from \"@mui/material\";\nimport isString from \"lodash/isString\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./GlobalActions.styles\";\n\nexport { staticClasses as globalActionsClasses };\nexport type HvGlobalActionsClasses = ExtractNames<typeof useClasses>;\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HvGlobalActionsProps\n extends HvBaseProps<HTMLDivElement, \"title\"> {\n /** Text to display in the component. */\n title?: React.ReactNode;\n /** Denotes if this is a global or section component. */\n variant?: HvGlobalActionsVariant;\n /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n backButton?: React.ReactNode;\n /** Heading Level to apply to Title Area. */\n headingLevel?: HvGlobalActionsHeadingLevel;\n /**\n * Position of the Global Actions.\n * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n */\n position?: HvGlobalActionsPosition;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvGlobalActionsClasses;\n}\n\nconst getBreakpointStyles = (isUpMd, isSmDown) =>\n isUpMd\n ? {\n width: `calc(100% - 2 * ${theme.spacing(4)})`,\n marginLeft: `${theme.spacing(4)}`,\n marginRight: `${theme.spacing(4)}`,\n }\n : isSmDown\n ? {\n width: `calc(100% - 2 * ${theme.spacing(2)})`,\n marginLeft: `${theme.spacing(2)}`,\n marginRight: `${theme.spacing(2)}`,\n }\n : {};\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = (props: HvGlobalActionsProps) => {\n const {\n children,\n classes: classesProp,\n className,\n title,\n variant = \"global\",\n backButton,\n headingLevel,\n position: positionProp,\n ...others\n } = useDefaultProps(\"HvGlobalActions\", props);\n const muiTheme = useMuiTheme();\n const { activeTheme } = useTheme();\n const { classes, cx, css } = useClasses(classesProp);\n const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n const isUpMd = useMediaQuery(muiTheme.breakpoints.up(\"md\"));\n\n const fixedPositionCss =\n positionProp === \"fixed\" && getBreakpointStyles(isUpMd, isSmDown);\n\n const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n const
|
|
1
|
+
{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useTheme as useMuiTheme } from \"@mui/material/styles\";\nimport { useMediaQuery } from \"@mui/material\";\nimport isString from \"lodash/isString\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./GlobalActions.styles\";\n\nexport { staticClasses as globalActionsClasses };\nexport type HvGlobalActionsClasses = ExtractNames<typeof useClasses>;\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HvGlobalActionsProps\n extends HvBaseProps<HTMLDivElement, \"title\"> {\n /** Text to display in the component. */\n title?: React.ReactNode;\n /** Denotes if this is a global or section component. */\n variant?: HvGlobalActionsVariant;\n /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n backButton?: React.ReactNode;\n /** Heading Level to apply to Title Area. */\n headingLevel?: HvGlobalActionsHeadingLevel;\n /**\n * Position of the Global Actions.\n * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n */\n position?: HvGlobalActionsPosition;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvGlobalActionsClasses;\n}\n\nconst getBreakpointStyles = (isUpMd: boolean, isSmDown: boolean) =>\n isUpMd\n ? {\n width: `calc(100% - 2 * ${theme.spacing(4)})`,\n marginLeft: `${theme.spacing(4)}`,\n marginRight: `${theme.spacing(4)}`,\n }\n : isSmDown\n ? {\n width: `calc(100% - 2 * ${theme.spacing(2)})`,\n marginLeft: `${theme.spacing(2)}`,\n marginRight: `${theme.spacing(2)}`,\n }\n : {};\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = (props: HvGlobalActionsProps) => {\n const {\n children,\n classes: classesProp,\n className,\n title,\n variant = \"global\",\n backButton,\n headingLevel,\n position: positionProp,\n ...others\n } = useDefaultProps(\"HvGlobalActions\", props);\n const muiTheme = useMuiTheme();\n const { activeTheme } = useTheme();\n const { classes, cx, css } = useClasses(classesProp);\n const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n const isUpMd = useMediaQuery(muiTheme.breakpoints.up(\"md\"));\n\n const fixedPositionCss =\n positionProp === \"fixed\" && getBreakpointStyles(isUpMd, isSmDown);\n\n const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n const position =\n positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n return (\n <div\n className={cx(\n classes.root,\n {\n [classes.positionSticky]: position === \"sticky\",\n [classes.positionFixed]: position === \"fixed\",\n [classes.global]: variant === \"global\",\n },\n css(fixedPositionCss),\n className\n )}\n {...others}\n >\n <div\n className={cx(classes.wrapper, {\n [classes.globalWrapperComplement]: variant === \"global\",\n [classes.globalSectionArea]: variant === \"section\",\n })}\n >\n {variant === \"global\" && backButton && (\n <div className={classes.backButton}>{backButton}</div>\n )}\n {!isString(title) ? (\n title\n ) : (\n <HvTypography\n variant={\n variant === \"global\"\n ? \"title3\"\n : activeTheme?.globalActions.sectionVariant\n }\n component={`h${headingLevelToApply}`}\n className={classes.name}\n >\n {title}\n </HvTypography>\n )}\n {children && <div className={classes.actions}>{children}</div>}\n </div>\n </div>\n );\n};\n"],"names":["getBreakpointStyles","isUpMd","isSmDown","width","theme","spacing","marginLeft","marginRight","HvGlobalActions","props","children","classes","classesProp","className","title","variant","backButton","headingLevel","position","positionProp","others","useDefaultProps","muiTheme","useMuiTheme","activeTheme","useTheme","cx","css","useClasses","useMediaQuery","breakpoints","down","up","fixedPositionCss","headingLevelToApply","root","positionSticky","positionFixed","global","wrapper","globalWrapperComplement","globalSectionArea","isString","HvTypography","globalActions","sectionVariant","component","name","_jsx","actions"],"mappings":";;;;;;;;;;AAqCA,MAAMA,sBAAsBA,CAACC,QAAiBC,aAC5CD,SACI;AAAA,EACEE,OAAQ,mBAAkBC,MAAMC,QAAQ,CAAC;AAAA,EACzCC,YAAa,GAAEF,MAAMC,QAAQ,CAAC;AAAA,EAC9BE,aAAc,GAAEH,MAAMC,QAAQ,CAAC;AACjC,IACAH,WACA;AAAA,EACEC,OAAQ,mBAAkBC,MAAMC,QAAQ,CAAC;AAAA,EACzCC,YAAa,GAAEF,MAAMC,QAAQ,CAAC;AAAA,EAC9BE,aAAc,GAAEH,MAAMC,QAAQ,CAAC;AACjC,IACA;AAMOG,MAAAA,kBAAkBA,CAACC,UAAgC;AACxD,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC,UAAUC;AAAAA,IACV,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,mBAAmBZ,KAAK;AAC5C,QAAMa,WAAWC;AACX,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,WAAS;AAC3B,QAAA;AAAA,IAAEd;AAAAA,IAASe;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWhB,WAAW;AACnD,QAAMV,WAAW2B,cAAcP,SAASQ,YAAYC,KAAK,IAAI,CAAC;AAC9D,QAAM9B,SAAS4B,cAAcP,SAASQ,YAAYE,GAAG,IAAI,CAAC;AAE1D,QAAMC,mBACJd,iBAAiB,WAAWnB,oBAAoBC,QAAQC,QAAQ;AAElE,QAAMgC,sBAAsBjB,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMG,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,6BACE,OAAA;AAAA,IACEF,WAAWa,GACTf,QAAQwB,MACR;AAAA,MACE,CAACxB,QAAQyB,cAAc,GAAGlB,aAAa;AAAA,MACvC,CAACP,QAAQ0B,aAAa,GAAGnB,aAAa;AAAA,MACtC,CAACP,QAAQ2B,MAAM,GAAGvB,YAAY;AAAA,IAAA,GAEhCY,IAAIM,gBAAgB,GACpBpB,SACF;AAAA,IAAE,GACEO;AAAAA,IAAMV,+BAEV,OAAA;AAAA,MACEG,WAAWa,GAAGf,QAAQ4B,SAAS;AAAA,QAC7B,CAAC5B,QAAQ6B,uBAAuB,GAAGzB,YAAY;AAAA,QAC/C,CAACJ,QAAQ8B,iBAAiB,GAAG1B,YAAY;AAAA,MAAA,CAC1C;AAAA,MAAEL,WAEFK,YAAY,YAAYC,kCACvB,OAAA;AAAA,QAAKH,WAAWF,QAAQK;AAAAA,QAAWN,UAAEM;AAAAA,MAAAA,CAAgB,GAEtD,CAAC0B,SAAS5B,KAAK,IACdA,4BAEC6B,cAAY;AAAA,QACX5B,SACEA,YAAY,WACR,WACAS,2CAAaoB,cAAcC;AAAAA,QAEjCC,WAAY,IAAGZ;AAAAA,QACfrB,WAAWF,QAAQoC;AAAAA,QAAKrC,UAEvBI;AAAAA,MAAAA,CACW,GAEfJ,YAAYsC,oBAAA,OAAA;AAAA,QAAKnC,WAAWF,QAAQsC;AAAAA,QAAQvC;AAAAA,MAAAA,CAAgB,CAAC;AAAA,IAAA,CAC3D;AAAA,EAAA,CACF;AAET;"}
|
|
@@ -31,8 +31,7 @@ const {
|
|
|
31
31
|
backdropFilter: "blur(1px)"
|
|
32
32
|
},
|
|
33
33
|
wrapper: {
|
|
34
|
-
|
|
35
|
-
paddingRight: theme.space.xs,
|
|
34
|
+
padding: theme.space.sm,
|
|
36
35
|
display: "flex",
|
|
37
36
|
justifyContent: "flex-start",
|
|
38
37
|
alignItems: "center",
|
|
@@ -45,7 +44,6 @@ const {
|
|
|
45
44
|
left: 0,
|
|
46
45
|
background: theme.colors.atmo1,
|
|
47
46
|
width: "100%",
|
|
48
|
-
padding: theme.space.xs,
|
|
49
47
|
marginTop: theme.space.xs
|
|
50
48
|
},
|
|
51
49
|
globalSectionArea: {
|
|
@@ -62,11 +60,8 @@ const {
|
|
|
62
60
|
actions: {
|
|
63
61
|
display: "flex",
|
|
64
62
|
alignItems: "center",
|
|
65
|
-
justifyContent: "flex-end",
|
|
66
63
|
marginLeft: "auto",
|
|
67
|
-
|
|
68
|
-
marginLeft: theme.space.xs
|
|
69
|
-
}
|
|
64
|
+
gap: theme.space.xs
|
|
70
65
|
}
|
|
71
66
|
});
|
|
72
67
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalActions.styles.js","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvGlobalActions\", {\n root: {\n position: \"relative\",\n },\n positionSticky: {\n width: \"100%\",\n position: \"sticky\",\n },\n positionFixed: {\n width: \"100%\",\n position: \"fixed\",\n },\n global: {\n zIndex: `calc(${theme.zIndices.banner} - 2)`,\n top: 0,\n left: 0,\n \"&:before\": {\n content: \"''\",\n display: \"flex\",\n width: \"100%\",\n height: 72,\n top: 0,\n background: theme.colors.atmo2,\n opacity: \"75%\",\n },\n backdropFilter: \"blur(1px)\",\n },\n wrapper: {\n
|
|
1
|
+
{"version":3,"file":"GlobalActions.styles.js","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvGlobalActions\", {\n root: {\n position: \"relative\",\n },\n positionSticky: {\n width: \"100%\",\n position: \"sticky\",\n },\n positionFixed: {\n width: \"100%\",\n position: \"fixed\",\n },\n global: {\n zIndex: `calc(${theme.zIndices.banner} - 2)`,\n top: 0,\n left: 0,\n \"&:before\": {\n content: \"''\",\n display: \"flex\",\n width: \"100%\",\n height: 72,\n top: 0,\n background: theme.colors.atmo2,\n opacity: \"75%\",\n },\n backdropFilter: \"blur(1px)\",\n },\n wrapper: {\n padding: theme.space.sm,\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n border: theme.globalActions.border,\n borderRadius: theme.globalActions.borderRadius,\n },\n globalWrapperComplement: {\n position: \"absolute\",\n top: 0,\n left: 0,\n background: theme.colors.atmo1,\n width: \"100%\",\n marginTop: theme.space.xs,\n },\n globalSectionArea: {\n backgroundColor: theme.globalActions.sectionBackgroundColor,\n borderTop: `1px solid ${theme.colors.atmo4}`,\n paddingLeft: theme.globalActions.sectionPaddingLeft,\n },\n backButton: {\n marginRight: theme.space.xs,\n },\n name: {\n flexGrow: 1,\n },\n actions: {\n display: \"flex\",\n alignItems: \"center\",\n marginLeft: \"auto\",\n gap: theme.space.xs,\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","position","positionSticky","width","positionFixed","global","zIndex","theme","zIndices","banner","top","left","content","display","height","background","colors","atmo2","opacity","backdropFilter","wrapper","padding","space","sm","justifyContent","alignItems","border","globalActions","borderRadius","globalWrapperComplement","atmo1","marginTop","xs","globalSectionArea","backgroundColor","sectionBackgroundColor","borderTop","atmo4","paddingLeft","sectionPaddingLeft","backButton","marginRight","name","flexGrow","actions","marginLeft","gap"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,mBAAmB;AAAA,EAC5EC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,gBAAgB;AAAA,IACdC,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACbD,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAI,QAAQ;AAAA,IACNC,QAAS,QAAOC,MAAMC,SAASC;AAAAA,IAC/BC,KAAK;AAAA,IACLC,MAAM;AAAA,IACN,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTV,OAAO;AAAA,MACPW,QAAQ;AAAA,MACRJ,KAAK;AAAA,MACLK,YAAYR,MAAMS,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,IACAC,gBAAgB;AAAA,EAClB;AAAA,EACAC,SAAS;AAAA,IACPC,SAASd,MAAMe,MAAMC;AAAAA,IACrBV,SAAS;AAAA,IACTW,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQnB,MAAMoB,cAAcD;AAAAA,IAC5BE,cAAcrB,MAAMoB,cAAcC;AAAAA,EACpC;AAAA,EACAC,yBAAyB;AAAA,IACvB5B,UAAU;AAAA,IACVS,KAAK;AAAA,IACLC,MAAM;AAAA,IACNI,YAAYR,MAAMS,OAAOc;AAAAA,IACzB3B,OAAO;AAAA,IACP4B,WAAWxB,MAAMe,MAAMU;AAAAA,EACzB;AAAA,EACAC,mBAAmB;AAAA,IACjBC,iBAAiB3B,MAAMoB,cAAcQ;AAAAA,IACrCC,WAAY,aAAY7B,MAAMS,OAAOqB;AAAAA,IACrCC,aAAa/B,MAAMoB,cAAcY;AAAAA,EACnC;AAAA,EACAC,YAAY;AAAA,IACVC,aAAalC,MAAMe,MAAMU;AAAAA,EAC3B;AAAA,EACAU,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,SAAS;AAAA,IACP/B,SAAS;AAAA,IACTY,YAAY;AAAA,IACZoB,YAAY;AAAA,IACZC,KAAKvC,MAAMe,MAAMU;AAAAA,EACnB;AACF,CAAC;"}
|
|
@@ -29,7 +29,7 @@ const {
|
|
|
29
29
|
color: theme.typography.placeholderText.color
|
|
30
30
|
},
|
|
31
31
|
button: {
|
|
32
|
-
padding: theme.spacing(
|
|
32
|
+
padding: theme.spacing("6px", "8px", "5px", "8px"),
|
|
33
33
|
minHeight: "32px",
|
|
34
34
|
boxSizing: "border-box",
|
|
35
35
|
cursor: "text",
|
|
@@ -69,7 +69,7 @@ const {
|
|
|
69
69
|
width: "32px",
|
|
70
70
|
minWidth: "32px",
|
|
71
71
|
"& svg": {
|
|
72
|
-
margin: theme.spacing(
|
|
72
|
+
margin: theme.spacing(0, "xs")
|
|
73
73
|
}
|
|
74
74
|
},
|
|
75
75
|
iconVisible: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineEditor.styles.js","sources":["../../../../src/components/InlineEditor/InlineEditor.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\nimport { inputClasses } from \"@core/components/Input\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInlineEditor\", {\n root: {\n [`& .${baseInputClasses.inputRoot}.${inputClasses.inputRoot}`]: {\n height: \"100%\",\n minHeight: \"32px\",\n },\n },\n inputBorderContainer: {\n top: \"unset\",\n bottom: 0,\n },\n input: {},\n inputRoot: {},\n text: {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n alignSelf: \"center\",\n },\n largeText: {},\n textEmpty: {\n color: theme.typography.placeholderText.color,\n },\n button: {\n padding: theme.spacing(
|
|
1
|
+
{"version":3,"file":"InlineEditor.styles.js","sources":["../../../../src/components/InlineEditor/InlineEditor.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\nimport { inputClasses } from \"@core/components/Input\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInlineEditor\", {\n root: {\n [`& .${baseInputClasses.inputRoot}.${inputClasses.inputRoot}`]: {\n height: \"100%\",\n minHeight: \"32px\",\n },\n },\n inputBorderContainer: {\n top: \"unset\",\n bottom: 0,\n },\n input: {},\n inputRoot: {},\n text: {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n alignSelf: \"center\",\n },\n largeText: {},\n textEmpty: {\n color: theme.typography.placeholderText.color,\n },\n button: {\n padding: theme.spacing(\"6px\", \"8px\", \"5px\", \"8px\"),\n minHeight: \"32px\",\n\n boxSizing: \"border-box\",\n cursor: \"text\",\n height: \"100%\",\n width: \"100%\",\n maxWidth: \"100%\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n\n backgroundColor: \"transparent\",\n border: `${theme.inlineEditor.borderWidth} solid transparent`,\n\n \"&:hover, &:focus\": {\n border: `${theme.inlineEditor.borderWidth} solid ${theme.inlineEditor.hoverBorderColor}`,\n backgroundColor: \"transparent\",\n\n \"& $icon\": {\n visibility: \"visible\",\n },\n },\n\n \"&:active\": {\n border: `${theme.inlineEditor.borderWidth} solid ${theme.inlineEditor.activeBorderColor}`,\n backgroundColor: \"transparent\",\n\n \"& $icon\": {\n visibility: \"visible\",\n },\n },\n\n \"& > div\": {\n width: \"100%\",\n },\n \"& > div > span\": {\n width: \"100%\",\n },\n },\n icon: {\n cursor: \"pointer\",\n visibility: \"hidden\",\n alignSelf: \"center\",\n height: \"16px\",\n width: \"32px\",\n minWidth: \"32px\",\n\n \"& svg\": {\n margin: theme.spacing(0, \"xs\"),\n },\n },\n iconVisible: {\n visibility: \"visible\",\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","baseInputClasses","inputRoot","inputClasses","height","minHeight","inputBorderContainer","top","bottom","input","text","overflow","textOverflow","whiteSpace","alignSelf","largeText","textEmpty","color","theme","typography","placeholderText","button","padding","spacing","boxSizing","cursor","width","maxWidth","justifyContent","alignItems","backgroundColor","border","inlineEditor","borderWidth","hoverBorderColor","visibility","activeBorderColor","icon","minWidth","margin","iconVisible"],"mappings":";;;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,kBAAkB;AAAA,EAC3EC,MAAM;AAAA,IACJ,CAAE,MAAKC,gBAAiBC,aAAaC,gBAAaD,WAAW,GAAG;AAAA,MAC9DE,QAAQ;AAAA,MACRC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,sBAAsB;AAAA,IACpBC,KAAK;AAAA,IACLC,QAAQ;AAAA,EACV;AAAA,EACAC,OAAO,CAAC;AAAA,EACRP,WAAW,CAAC;AAAA,EACZQ,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,IACZC,WAAW;AAAA,EACb;AAAA,EACAC,WAAW,CAAC;AAAA,EACZC,WAAW;AAAA,IACTC,OAAOC,MAAMC,WAAWC,gBAAgBH;AAAAA,EAC1C;AAAA,EACAI,QAAQ;AAAA,IACNC,SAASJ,MAAMK,QAAQ,OAAO,OAAO,OAAO,KAAK;AAAA,IACjDlB,WAAW;AAAA,IAEXmB,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRrB,QAAQ;AAAA,IACRsB,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IAEZC,iBAAiB;AAAA,IACjBC,QAAS,GAAEb,MAAMc,aAAaC;AAAAA,IAE9B,oBAAoB;AAAA,MAClBF,QAAS,GAAEb,MAAMc,aAAaC,qBAAqBf,MAAMc,aAAaE;AAAAA,MACtEJ,iBAAiB;AAAA,MAEjB,WAAW;AAAA,QACTK,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACVJ,QAAS,GAAEb,MAAMc,aAAaC,qBAAqBf,MAAMc,aAAaI;AAAAA,MACtEN,iBAAiB;AAAA,MAEjB,WAAW;AAAA,QACTK,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACTT,OAAO;AAAA,IACT;AAAA,IACA,kBAAkB;AAAA,MAChBA,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACAW,MAAM;AAAA,IACJZ,QAAQ;AAAA,IACRU,YAAY;AAAA,IACZrB,WAAW;AAAA,IACXV,QAAQ;AAAA,IACRsB,OAAO;AAAA,IACPY,UAAU;AAAA,IAEV,SAAS;AAAA,MACPC,QAAQrB,MAAMK,QAAQ,GAAG,IAAI;AAAA,IAC/B;AAAA,EACF;AAAA,EACAiB,aAAa;AAAA,IACXL,YAAY;AAAA,EACd;AACF,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Pagination/Select.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses } = createClasses(\"HvPaginationSelect\", {\n header: {\n backgroundColor: \"transparent\",\n borderColor: theme.pagination.pageSizeBorderColor,\n \"&:hover\": {\n borderColor: theme.pagination.pageSizeHoverBorderColor,\n },\n },\n selection: {\n padding: theme.spacing(
|
|
1
|
+
{"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Pagination/Select.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses } = createClasses(\"HvPaginationSelect\", {\n header: {\n backgroundColor: \"transparent\",\n borderColor: theme.pagination.pageSizeBorderColor,\n \"&:hover\": {\n borderColor: theme.pagination.pageSizeHoverBorderColor,\n },\n },\n selection: {\n padding: theme.spacing(0, \"md\", 0, \"xs\"),\n },\n headerOpen: {\n backgroundColor: theme.colors.atmo1,\n },\n});\n"],"names":["useClasses","createClasses","header","backgroundColor","borderColor","theme","pagination","pageSizeBorderColor","pageSizeHoverBorderColor","selection","padding","spacing","headerOpen","colors","atmo1"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAW,IAAIC,cAAc,sBAAsB;AAAA,EAChEC,QAAQ;AAAA,IACNC,iBAAiB;AAAA,IACjBC,aAAaC,MAAMC,WAAWC;AAAAA,IAC9B,WAAW;AAAA,MACTH,aAAaC,MAAMC,WAAWE;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,WAAW;AAAA,IACTC,SAASL,MAAMM,QAAQ,GAAG,MAAM,GAAG,IAAI;AAAA,EACzC;AAAA,EACAC,YAAY;AAAA,IACVT,iBAAiBE,MAAMQ,OAAOC;AAAAA,EAChC;AACF,CAAC;"}
|
|
@@ -11,6 +11,7 @@ const HvProgressBar = (props) => {
|
|
|
11
11
|
value = 0,
|
|
12
12
|
status = "inProgress",
|
|
13
13
|
labelProps,
|
|
14
|
+
hideLabel,
|
|
14
15
|
...others
|
|
15
16
|
} = useDefaultProps("HvProgressBar", props);
|
|
16
17
|
const {
|
|
@@ -27,7 +28,7 @@ const HvProgressBar = (props) => {
|
|
|
27
28
|
...others,
|
|
28
29
|
children: /* @__PURE__ */ jsxs("div", {
|
|
29
30
|
className: classes.progressContainer,
|
|
30
|
-
children: [/* @__PURE__ */ jsx(HvTypography, {
|
|
31
|
+
children: [!hideLabel && /* @__PURE__ */ jsx(HvTypography, {
|
|
31
32
|
className: classes.progressBarLabel,
|
|
32
33
|
variant: "caption2",
|
|
33
34
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport clamp from \"lodash/clamp\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./ProgressBar.styles\";\n\nexport { staticClasses as progressBarClasses };\n\nexport type HvProgressBarClasses = ExtractNames<typeof useClasses>;\n\nexport type HvProgressBarStatus = \"inProgress\" | \"completed\" | \"error\";\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nexport interface HvProgressBarProps extends HvBaseProps {\n /** The value of the progress bar. */\n value: number;\n /**\n * The status of the progress bar.\n *\n * inProgress is black, error is red and completed is green.\n *\n * When uncontrolled and unspecified it will default to \"inProgress\".\n */\n status?: HvProgressBarStatus;\n /** Aria Properties passed on to the progress bar. */\n labelProps?: HvTypographyProps;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvProgressBarClasses;\n}\n\nexport const HvProgressBar = (props: HvProgressBarProps) => {\n const {\n className,\n classes: classesProp,\n value = 0,\n status = \"inProgress\",\n labelProps,\n ...others\n } = useDefaultProps(\"HvProgressBar\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const clampedValue = clamp(value, 0, 100);\n\n return (\n <div\n className={cx(classes.root, classes.progress, className)}\n role=\"progressbar\"\n aria-valuemin={0}\n aria-valuemax={100}\n aria-valuenow={clampedValue}\n {...others}\n >\n <div className={classes.progressContainer}>\n <HvTypography\n
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport clamp from \"lodash/clamp\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./ProgressBar.styles\";\n\nexport { staticClasses as progressBarClasses };\n\nexport type HvProgressBarClasses = ExtractNames<typeof useClasses>;\n\nexport type HvProgressBarStatus = \"inProgress\" | \"completed\" | \"error\";\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nexport interface HvProgressBarProps extends HvBaseProps {\n /** The value of the progress bar. */\n value: number;\n /**\n * The status of the progress bar.\n *\n * inProgress is black, error is red and completed is green.\n *\n * When uncontrolled and unspecified it will default to \"inProgress\".\n */\n status?: HvProgressBarStatus;\n /** Aria Properties passed on to the progress bar. */\n labelProps?: HvTypographyProps;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvProgressBarClasses;\n /**\n * True if the text label should not be displayed.\n */\n hideLabel?: boolean;\n}\n\nexport const HvProgressBar = (props: HvProgressBarProps) => {\n const {\n className,\n classes: classesProp,\n value = 0,\n status = \"inProgress\",\n labelProps,\n hideLabel,\n ...others\n } = useDefaultProps(\"HvProgressBar\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const clampedValue = clamp(value, 0, 100);\n\n return (\n <div\n className={cx(classes.root, classes.progress, className)}\n role=\"progressbar\"\n aria-valuemin={0}\n aria-valuemax={100}\n aria-valuenow={clampedValue}\n {...others}\n >\n <div className={classes.progressContainer}>\n {!hideLabel && (\n <HvTypography\n className={classes.progressBarLabel}\n variant=\"caption2\"\n style={{ width: `${clampedValue}%` }}\n {...labelProps}\n >\n {`${clampedValue}%`}\n </HvTypography>\n )}\n <div className={classes.progressBarContainer}>\n <div\n style={{ width: `${clampedValue}%` }}\n className={cx(classes.progressBar, {\n [classes.progressDone]: status === \"completed\",\n [classes.progressError]: status === \"error\",\n })}\n />\n </div>\n </div>\n </div>\n );\n};\n"],"names":["HvProgressBar","props","className","classes","classesProp","value","status","labelProps","hideLabel","others","useDefaultProps","cx","useClasses","clampedValue","clamp","root","progress","role","children","progressContainer","HvTypography","progressBarLabel","variant","style","width","_jsx","progressBarContainer","progressBar","progressDone","progressError"],"mappings":";;;;;;AAwCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,iBAAiBT,KAAK;AAEpC,QAAA;AAAA,IAAEE;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAE9C,QAAMS,eAAeC,MAAMT,OAAO,GAAG,GAAG;AAExC,6BACE,OAAA;AAAA,IACEH,WAAWS,GAAGR,QAAQY,MAAMZ,QAAQa,UAAUd,SAAS;AAAA,IACvDe,MAAK;AAAA,IACL,iBAAe;AAAA,IACf,iBAAe;AAAA,IACf,iBAAeJ;AAAAA,IAAa,GACxBJ;AAAAA,IAAMS,+BAEV,OAAA;AAAA,MAAKhB,WAAWC,QAAQgB;AAAAA,MAAkBD,WACvC,CAACV,iCACCY,cAAY;AAAA,QACXlB,WAAWC,QAAQkB;AAAAA,QACnBC,SAAQ;AAAA,QACRC,OAAO;AAAA,UAAEC,OAAQ,GAAEX;AAAAA,QAAgB;AAAA,QAAE,GACjCN;AAAAA,QAAUW,UAEZ,GAAEL;AAAAA,MAAAA,CACQ,GAEhBY,oBAAA,OAAA;AAAA,QAAKvB,WAAWC,QAAQuB;AAAAA,QAAqBR,8BAC3C,OAAA;AAAA,UACEK,OAAO;AAAA,YAAEC,OAAQ,GAAEX;AAAAA,UAAgB;AAAA,UACnCX,WAAWS,GAAGR,QAAQwB,aAAa;AAAA,YACjC,CAACxB,QAAQyB,YAAY,GAAGtB,WAAW;AAAA,YACnC,CAACH,QAAQ0B,aAAa,GAAGvB,WAAW;AAAA,UAAA,CACrC;AAAA,QAAA,CACF;AAAA,MAAA,CACE,CAAC;AAAA,IAAA,CACH;AAAA,EAAA,CACF;AAET;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.styles.js","sources":["../../../../src/components/ProgressBar/ProgressBar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvProgressBar\", {\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n\n // progress\n width: \"100%\",\n },\n progress: {\n width: \"100%\",\n },\n progressBar: {\n backgroundColor:
|
|
1
|
+
{"version":3,"file":"ProgressBar.styles.js","sources":["../../../../src/components/ProgressBar/ProgressBar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvProgressBar\", {\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n\n // progress\n width: \"100%\",\n },\n progress: {\n width: \"100%\",\n },\n progressBar: {\n backgroundColor: theme.colors.secondary,\n },\n progressBarLabel: {\n backgroundColor: \"transparent\",\n display: \"flex\",\n justifyContent: \"end\",\n },\n progressContainer: {\n width: \"100%\",\n },\n progressDone: {\n backgroundColor: theme.colors.positive,\n },\n progressBarContainer: {\n display: \"flex\",\n width: \"100%\",\n height: 4,\n backgroundColor: theme.colors.atmo4,\n },\n progressError: {\n backgroundColor: theme.colors.negative,\n },\n});\n"],"names":["useClasses","staticClasses","createClasses","root","display","flexDirection","alignItems","justifyContent","width","progress","progressBar","backgroundColor","theme","colors","secondary","progressBarLabel","progressContainer","progressDone","positive","progressBarContainer","height","atmo4","progressError","negative"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,YAAY;AAAA,IACZC,gBAAgB;AAAA;AAAA,IAGhBC,OAAO;AAAA,EACT;AAAA,EACAC,UAAU;AAAA,IACRD,OAAO;AAAA,EACT;AAAA,EACAE,aAAa;AAAA,IACXC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EACAC,kBAAkB;AAAA,IAChBJ,iBAAiB;AAAA,IACjBP,SAAS;AAAA,IACTG,gBAAgB;AAAA,EAClB;AAAA,EACAS,mBAAmB;AAAA,IACjBR,OAAO;AAAA,EACT;AAAA,EACAS,cAAc;AAAA,IACZN,iBAAiBC,MAAMC,OAAOK;AAAAA,EAChC;AAAA,EACAC,sBAAsB;AAAA,IACpBf,SAAS;AAAA,IACTI,OAAO;AAAA,IACPY,QAAQ;AAAA,IACRT,iBAAiBC,MAAMC,OAAOQ;AAAAA,EAChC;AAAA,EACAC,eAAe;AAAA,IACbX,iBAAiBC,MAAMC,OAAOU;AAAAA,EAChC;AACF,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.styles.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableHeader\", {\n root: {\n \"--first-row-cell-height\": \"52px\",\n \"--cell-height\": \"32px\",\n height: \"var(--cell-height)\",\n verticalAlign: \"inherit\",\n textAlign: \"left\",\n padding: theme.spacing(
|
|
1
|
+
{"version":3,"file":"TableHeader.styles.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableHeader\", {\n root: {\n \"--first-row-cell-height\": \"52px\",\n \"--cell-height\": \"32px\",\n height: \"var(--cell-height)\",\n verticalAlign: \"inherit\",\n textAlign: \"left\",\n padding: theme.spacing(0, 1, 0, 4),\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n },\n head: {\n paddingTop: 8,\n verticalAlign: \"top\",\n ...theme.typography.label,\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n backgroundColor: theme.colors.atmo1,\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n \"*:first-of-type > &\": {\n height: \"var(--first-row-cell-height)\",\n borderTop: `1px solid ${theme.table.headerBorderTopColor}`,\n },\n\n \"&$variantList\": {\n backgroundColor: \"inherit\",\n borderBottom: 0,\n \"*:first-of-type > &\": {\n borderTop: 0,\n },\n },\n\n \"&$sortable\": {\n verticalAlign: \"initial\",\n paddingTop: 0,\n paddingLeft: 0,\n cursor: \"pointer\",\n\n \"&:hover\": {\n backgroundColor: theme.table.headerHoverColor,\n\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n \"&:focus-within\": {\n backgroundColor: theme.table.headerHoverColor,\n\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n },\n },\n body: {\n backgroundColor: \"inherit\",\n ...theme.typography.body,\n \"&$sortable:not($variantNone)\": {\n paddingLeft: 32,\n },\n },\n footer: {},\n stickyColumn: {\n position: \"sticky\",\n zIndex: 2,\n\n \"&$groupColumnMostRight+$stickyColumn\": {\n borderLeft: 0,\n },\n },\n stickyColumnMostLeft: { borderRight: `solid 1px ${theme.colors.atmo4}` },\n stickyColumnLeastRight: { borderLeft: `solid 1px ${theme.colors.atmo4}` },\n groupColumnMostLeft: { borderLeft: `solid 1px ${theme.colors.atmo4}` },\n groupColumnMostRight: {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n // due to the \":has()\" selector not being supported in browsers,\n // this need to be managed with inline styles\n // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n \"&:last-child\": {\n borderRight: 0,\n },\n \"&+:not($stickyColumn)\": {\n borderLeft: 0,\n },\n },\n headerContent: { display: \"flex\", alignItems: \"flex-start\", width: \"100%\" },\n headerText: { overflow: \"hidden\", textOverflow: \"ellipsis\" },\n headerParagraph: { overflow: \"hidden\", display: \"-webkit-box\" },\n sortableHeaderText: { paddingTop: \"8px\" },\n sorted: {\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n sortable: {},\n sortButton: {\n \"$root$sortable &\": {\n boxShadow: \"none\",\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: theme.table.sortButtonHoverColor,\n },\n },\n },\n sortIcon: { display: \"inline-flex\", visibility: \"hidden\" },\n alignLeft: { textAlign: \"left\" },\n alignRight: { textAlign: \"right\", flexDirection: \"row-reverse\" },\n alignCenter: { textAlign: \"center\" },\n alignJustify: { textAlign: \"justify\" },\n alignFlexLeft: { justifyContent: \"flex-start\" },\n alignFlexRight: { justifyContent: \"flex-end\" },\n alignFlexCenter: { justifyContent: \"center\" },\n alignFlexJustify: { textAlign: \"justify\" },\n variantCheckbox: {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n },\n variantExpand: {},\n variantActions: {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n },\n variantNone: { padding: 0 },\n variantList: {\n backgroundColor: \"inherit\",\n borderBottom: 0,\n height: 16,\n \":first-of-type > &\": {\n borderTop: 0,\n height: 16,\n },\n },\n resizable: { borderRight: `solid 1px ${theme.colors.atmo4}` },\n resizing: { borderRight: `solid 2px ${theme.colors.secondary}` },\n resizer: {\n display: \"inline-block\",\n width: 10,\n height: \"100%\",\n position: \"absolute\",\n right: 0,\n top: 0,\n transform: \"translateX(50%)\",\n zIndex: 1,\n touchAction: \"none\",\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","height","verticalAlign","textAlign","padding","theme","spacing","borderBottom","colors","atmo4","head","paddingTop","typography","label","transition","backgroundColor","atmo1","borderTop","table","headerBorderTopColor","paddingLeft","cursor","headerHoverColor","visibility","body","footer","stickyColumn","position","zIndex","borderLeft","stickyColumnMostLeft","borderRight","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","headerContent","display","alignItems","width","headerText","overflow","textOverflow","headerParagraph","sortableHeaderText","sorted","sortable","sortButton","boxShadow","sortButtonHoverColor","sortIcon","alignLeft","alignRight","flexDirection","alignCenter","alignJustify","alignFlexLeft","justifyContent","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","maxWidth","variantExpand","variantActions","variantNone","variantList","resizable","resizing","secondary","resizer","right","top","transform","touchAction"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IACJ,2BAA2B;AAAA,IAC3B,iBAAiB;AAAA,IACjBC,QAAQ;AAAA,IACRC,eAAe;AAAA,IACfC,WAAW;AAAA,IACXC,SAASC,MAAMC,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,IACjCC,cAAe,aAAYF,MAAMG,OAAOC;AAAAA,EAC1C;AAAA,EACAC,MAAM;AAAA,IACJC,YAAY;AAAA,IACZT,eAAe;AAAA,IACf,GAAGG,MAAMO,WAAWC;AAAAA,IACpBC,YAAY;AAAA,IACZC,iBAAiBV,MAAMG,OAAOQ;AAAAA,IAC9BT,cAAe,aAAYF,MAAMG,OAAOC;AAAAA,IAExC,uBAAuB;AAAA,MACrBR,QAAQ;AAAA,MACRgB,WAAY,aAAYZ,MAAMa,MAAMC;AAAAA,IACtC;AAAA,IAEA,iBAAiB;AAAA,MACfJ,iBAAiB;AAAA,MACjBR,cAAc;AAAA,MACd,uBAAuB;AAAA,QACrBU,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,cAAc;AAAA,MACZf,eAAe;AAAA,MACfS,YAAY;AAAA,MACZS,aAAa;AAAA,MACbC,QAAQ;AAAA,MAER,WAAW;AAAA,QACTN,iBAAiBV,MAAMa,MAAMI;AAAAA,QAE7B,eAAe;AAAA,UACbC,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA,kBAAkB;AAAA,QAChBR,iBAAiBV,MAAMa,MAAMI;AAAAA,QAE7B,eAAe;AAAA,UACbC,YAAY;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJT,iBAAiB;AAAA,IACjB,GAAGV,MAAMO,WAAWY;AAAAA,IACpB,gCAAgC;AAAA,MAC9BJ,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACAK,QAAQ,CAAC;AAAA,EACTC,cAAc;AAAA,IACZC,UAAU;AAAA,IACVC,QAAQ;AAAA,IAER,wCAAwC;AAAA,MACtCC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,sBAAsB;AAAA,IAAEC,aAAc,aAAY1B,MAAMG,OAAOC;AAAAA,EAAQ;AAAA,EACvEuB,wBAAwB;AAAA,IAAEH,YAAa,aAAYxB,MAAMG,OAAOC;AAAAA,EAAQ;AAAA,EACxEwB,qBAAqB;AAAA,IAAEJ,YAAa,aAAYxB,MAAMG,OAAOC;AAAAA,EAAQ;AAAA,EACrEyB,sBAAsB;AAAA,IACpBH,aAAc,aAAY1B,MAAMG,OAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAKvC,gBAAgB;AAAA,MACdsB,aAAa;AAAA,IACf;AAAA,IACA,yBAAyB;AAAA,MACvBF,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAM,eAAe;AAAA,IAAEC,SAAS;AAAA,IAAQC,YAAY;AAAA,IAAcC,OAAO;AAAA,EAAO;AAAA,EAC1EC,YAAY;AAAA,IAAEC,UAAU;AAAA,IAAUC,cAAc;AAAA,EAAW;AAAA,EAC3DC,iBAAiB;AAAA,IAAEF,UAAU;AAAA,IAAUJ,SAAS;AAAA,EAAc;AAAA,EAC9DO,oBAAoB;AAAA,IAAEhC,YAAY;AAAA,EAAM;AAAA,EACxCiC,QAAQ;AAAA,IACN,eAAe;AAAA,MACbrB,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAsB,UAAU,CAAC;AAAA,EACXC,YAAY;AAAA,IACV,oBAAoB;AAAA,MAClBC,WAAW;AAAA,MACXhC,iBAAiB;AAAA,MACjB,WAAW;AAAA,QACTA,iBAAiBV,MAAMa,MAAM8B;AAAAA,MAC/B;AAAA,IACF;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IAAEb,SAAS;AAAA,IAAeb,YAAY;AAAA,EAAS;AAAA,EACzD2B,WAAW;AAAA,IAAE/C,WAAW;AAAA,EAAO;AAAA,EAC/BgD,YAAY;AAAA,IAAEhD,WAAW;AAAA,IAASiD,eAAe;AAAA,EAAc;AAAA,EAC/DC,aAAa;AAAA,IAAElD,WAAW;AAAA,EAAS;AAAA,EACnCmD,cAAc;AAAA,IAAEnD,WAAW;AAAA,EAAU;AAAA,EACrCoD,eAAe;AAAA,IAAEC,gBAAgB;AAAA,EAAa;AAAA,EAC9CC,gBAAgB;AAAA,IAAED,gBAAgB;AAAA,EAAW;AAAA,EAC7CE,iBAAiB;AAAA,IAAEF,gBAAgB;AAAA,EAAS;AAAA,EAC5CG,kBAAkB;AAAA,IAAExD,WAAW;AAAA,EAAU;AAAA,EACzCyD,iBAAiB;AAAA,IACfxD,SAAS;AAAA,IACTkC,OAAO;AAAA,IACPuB,UAAU;AAAA,IACV9B,aAAc,aAAY1B,MAAMG,OAAOC;AAAAA,EACzC;AAAA,EACAqD,eAAe,CAAC;AAAA,EAChBC,gBAAgB;AAAA,IACd3D,SAAS;AAAA,IACTkC,OAAO;AAAA,IACPuB,UAAU;AAAA,IACVhC,YAAa,aAAYxB,MAAMG,OAAOC;AAAAA,EACxC;AAAA,EACAuD,aAAa;AAAA,IAAE5D,SAAS;AAAA,EAAE;AAAA,EAC1B6D,aAAa;AAAA,IACXlD,iBAAiB;AAAA,IACjBR,cAAc;AAAA,IACdN,QAAQ;AAAA,IACR,sBAAsB;AAAA,MACpBgB,WAAW;AAAA,MACXhB,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAiE,WAAW;AAAA,IAAEnC,aAAc,aAAY1B,MAAMG,OAAOC;AAAAA,EAAQ;AAAA,EAC5D0D,UAAU;AAAA,IAAEpC,aAAc,aAAY1B,MAAMG,OAAO4D;AAAAA,EAAY;AAAA,EAC/DC,SAAS;AAAA,IACPjC,SAAS;AAAA,IACTE,OAAO;AAAA,IACPrC,QAAQ;AAAA,IACR0B,UAAU;AAAA,IACV2C,OAAO;AAAA,IACPC,KAAK;AAAA,IACLC,WAAW;AAAA,IACX5C,QAAQ;AAAA,IACR6C,aAAa;AAAA,EACf;AACF,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.styles.js","sources":["../../../../src/components/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvTimePicker\", {\n root: {\n position: \"relative\",\n },\n\n labelContainer: {\n display: \"flex\",\n alignItems: \"flex-start\",\n },\n label: {\n marginBottom: 6,\n display: \"block\",\n },\n description: {},\n\n placeholder: {\n display: \"flex\",\n gap: 1,\n },\n placeholderDisabled: {\n color: theme.colors.secondary_60,\n },\n\n dropdownHeader: {},\n dropdownHeaderOpen: {},\n dropdownHeaderInvalid: {\n border: `1px solid ${theme.colors.negative}`,\n \"&:hover\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n dropdownPanel: {},\n\n icon: {},\n\n timePopperContainer: {\n backgroundColor: theme.colors.atmo1,\n zIndex: 10,\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: theme.spacing(
|
|
1
|
+
{"version":3,"file":"TimePicker.styles.js","sources":["../../../../src/components/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvTimePicker\", {\n root: {\n position: \"relative\",\n },\n\n labelContainer: {\n display: \"flex\",\n alignItems: \"flex-start\",\n },\n label: {\n marginBottom: 6,\n display: \"block\",\n },\n description: {},\n\n placeholder: {\n display: \"flex\",\n gap: 1,\n },\n placeholderDisabled: {\n color: theme.colors.secondary_60,\n },\n\n dropdownHeader: {},\n dropdownHeaderOpen: {},\n dropdownHeaderInvalid: {\n border: `1px solid ${theme.colors.negative}`,\n \"&:hover\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n dropdownPanel: {},\n\n icon: {},\n\n timePopperContainer: {\n backgroundColor: theme.colors.atmo1,\n zIndex: 10,\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: theme.spacing(\"xs\", 0),\n userSelect: \"none\",\n minWidth: \"175px\",\n },\n\n error: {},\n});\n"],"names":["useClasses","staticClasses","createClasses","root","position","labelContainer","display","alignItems","label","marginBottom","description","placeholder","gap","placeholderDisabled","color","theme","colors","secondary_60","dropdownHeader","dropdownHeaderOpen","dropdownHeaderInvalid","border","negative","dropdownPanel","icon","timePopperContainer","backgroundColor","atmo1","zIndex","flexDirection","justifyContent","padding","spacing","userSelect","minWidth","error"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,cAAc,gBAAgB;AAAA,EACzEC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EAEAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAY;AAAA,EACd;AAAA,EACAC,OAAO;AAAA,IACLC,cAAc;AAAA,IACdH,SAAS;AAAA,EACX;AAAA,EACAI,aAAa,CAAC;AAAA,EAEdC,aAAa;AAAA,IACXL,SAAS;AAAA,IACTM,KAAK;AAAA,EACP;AAAA,EACAC,qBAAqB;AAAA,IACnBC,OAAOC,MAAMC,OAAOC;AAAAA,EACtB;AAAA,EAEAC,gBAAgB,CAAC;AAAA,EACjBC,oBAAoB,CAAC;AAAA,EACrBC,uBAAuB;AAAA,IACrBC,QAAS,aAAYN,MAAMC,OAAOM;AAAAA,IAClC,WAAW;AAAA,MACTD,QAAS,aAAYN,MAAMC,OAAOM;AAAAA,IACpC;AAAA,EACF;AAAA,EACAC,eAAe,CAAC;AAAA,EAEhBC,MAAM,CAAC;AAAA,EAEPC,qBAAqB;AAAA,IACnBC,iBAAiBX,MAAMC,OAAOW;AAAAA,IAC9BC,QAAQ;AAAA,IACRtB,SAAS;AAAA,IACTuB,eAAe;AAAA,IACfC,gBAAgB;AAAA,IAChBvB,YAAY;AAAA,IACZwB,SAAShB,MAAMiB,QAAQ,MAAM,CAAC;AAAA,IAC9BC,YAAY;AAAA,IACZC,UAAU;AAAA,EACZ;AAAA,EAEAC,OAAO,CAAC;AACV,CAAC;"}
|
|
@@ -17,11 +17,11 @@ const {
|
|
|
17
17
|
},
|
|
18
18
|
"& > :not(nav:first-of-type)": {
|
|
19
19
|
borderTop: `3px solid ${theme.colors.atmo2}`,
|
|
20
|
-
padding: theme.spacing(
|
|
20
|
+
padding: theme.spacing("xs", "sm", "sm", "sm")
|
|
21
21
|
},
|
|
22
22
|
"& > :first-of-type:not(:last-child)": {
|
|
23
23
|
borderTop: "none",
|
|
24
|
-
padding: theme.spacing(
|
|
24
|
+
padding: theme.spacing("sm", "sm", "xs", "sm")
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
27
|
collapsed: {
|
|
@@ -30,10 +30,10 @@ const {
|
|
|
30
30
|
width: "66px"
|
|
31
31
|
},
|
|
32
32
|
"& > :first-of-type:not(:last-child)": {
|
|
33
|
-
padding: theme.spacing(
|
|
33
|
+
padding: theme.spacing("sm", "xs", "xs", "xs")
|
|
34
34
|
},
|
|
35
35
|
"& > :not(nav:first-of-type)": {
|
|
36
|
-
padding: theme.spacing(
|
|
36
|
+
padding: theme.spacing("xs", "xs", "sm", "xs")
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
slider: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvVerticalNavigation\",\n {\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: theme.verticalNavigation.justifyContent,\n\n width: \"220px\",\n\n background: theme.colors.atmo1,\n boxShadow: theme.colors.shadow,\n clipPath: \"inset(0px -12px 0px 0px)\",\n\n \"& > :only-child\": {\n padding: theme.space.sm,\n },\n \"& > :not(nav:first-of-type)\": {\n borderTop: `3px solid ${theme.colors.atmo2}`,\n padding: theme.spacing(
|
|
1
|
+
{"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvVerticalNavigation\",\n {\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: theme.verticalNavigation.justifyContent,\n\n width: \"220px\",\n\n background: theme.colors.atmo1,\n boxShadow: theme.colors.shadow,\n clipPath: \"inset(0px -12px 0px 0px)\",\n\n \"& > :only-child\": {\n padding: theme.space.sm,\n },\n \"& > :not(nav:first-of-type)\": {\n borderTop: `3px solid ${theme.colors.atmo2}`,\n padding: theme.spacing(\"xs\", \"sm\", \"sm\", \"sm\"),\n },\n\n \"& > :first-of-type:not(:last-child)\": {\n borderTop: \"none\",\n padding: theme.spacing(\"sm\", \"sm\", \"xs\", \"sm\"),\n },\n },\n collapsed: {\n width: \"56px\",\n \"&$childData\": {\n width: \"66px\",\n },\n \"& > :first-of-type:not(:last-child)\": {\n padding: theme.spacing(\"sm\", \"xs\", \"xs\", \"xs\"),\n },\n\n \"& > :not(nav:first-of-type)\": {\n padding: theme.spacing(\"xs\", \"xs\", \"sm\", \"xs\"),\n },\n },\n\n slider: {\n \"& > div:first-of-type\": {\n borderBottom: `3px solid ${theme.colors.atmo2}`,\n },\n },\n\n childData: {},\n }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","flexDirection","justifyContent","theme","verticalNavigation","width","background","colors","atmo1","boxShadow","shadow","clipPath","padding","space","sm","borderTop","atmo2","spacing","collapsed","slider","borderBottom","childData"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgBC,MAAMC,mBAAmBF;AAAAA,IAEzCG,OAAO;AAAA,IAEPC,YAAYH,MAAMI,OAAOC;AAAAA,IACzBC,WAAWN,MAAMI,OAAOG;AAAAA,IACxBC,UAAU;AAAA,IAEV,mBAAmB;AAAA,MACjBC,SAAST,MAAMU,MAAMC;AAAAA,IACvB;AAAA,IACA,+BAA+B;AAAA,MAC7BC,WAAY,aAAYZ,MAAMI,OAAOS;AAAAA,MACrCJ,SAAST,MAAMc,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,uCAAuC;AAAA,MACrCF,WAAW;AAAA,MACXH,SAAST,MAAMc,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EACAC,WAAW;AAAA,IACTb,OAAO;AAAA,IACP,eAAe;AAAA,MACbA,OAAO;AAAA,IACT;AAAA,IACA,uCAAuC;AAAA,MACrCO,SAAST,MAAMc,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,+BAA+B;AAAA,MAC7BL,SAAST,MAAMc,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EAEAE,QAAQ;AAAA,IACN,yBAAyB;AAAA,MACvBC,cAAe,aAAYjB,MAAMI,OAAOS;AAAAA,IAC1C;AAAA,EACF;AAAA,EAEAK,WAAW,CAAC;AACd,CACF;"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -764,6 +764,7 @@ export declare const fileClasses: {
|
|
|
764
764
|
icon: "HvFile-icon";
|
|
765
765
|
removeButton: "HvFile-removeButton";
|
|
766
766
|
fail: "HvFile-fail";
|
|
767
|
+
progressbarContainer: "HvFile-progressbarContainer";
|
|
767
768
|
progressbarBack: "HvFile-progressbarBack";
|
|
768
769
|
nameText: "HvFile-nameText";
|
|
769
770
|
progressTextContainer: "HvFile-progressTextContainer";
|
|
@@ -4721,6 +4722,10 @@ export declare interface HvProgressBarProps extends HvBaseProps {
|
|
|
4721
4722
|
labelProps?: HvTypographyProps;
|
|
4722
4723
|
/** A Jss Object used to override or extend the styles applied to the component. */
|
|
4723
4724
|
classes?: HvProgressBarClasses;
|
|
4725
|
+
/**
|
|
4726
|
+
* True if the text label should not be displayed.
|
|
4727
|
+
*/
|
|
4728
|
+
hideLabel?: boolean;
|
|
4724
4729
|
}
|
|
4725
4730
|
|
|
4726
4731
|
export declare type HvProgressBarStatus = "inProgress" | "completed" | "error";
|
|
@@ -9313,13 +9318,14 @@ declare const useClasses_65: (classesProp?: Partial<Record<"overlay" | "previewB
|
|
|
9313
9318
|
cx: (...args: any) => string;
|
|
9314
9319
|
};
|
|
9315
9320
|
|
|
9316
|
-
declare const useClasses_66: (classesProp?: Partial<Record<"root" | "progressbar" | "icon" | "removeButton" | "fail" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
|
|
9321
|
+
declare const useClasses_66: (classesProp?: Partial<Record<"root" | "progressbar" | "icon" | "removeButton" | "fail" | "progressbarContainer" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
|
|
9317
9322
|
classes: {
|
|
9318
9323
|
root: string;
|
|
9319
9324
|
progressbar: string;
|
|
9320
9325
|
icon: string;
|
|
9321
9326
|
removeButton: string;
|
|
9322
9327
|
fail: string;
|
|
9328
|
+
progressbarContainer: string;
|
|
9323
9329
|
progressbarBack: string;
|
|
9324
9330
|
nameText: string;
|
|
9325
9331
|
progressTextContainer: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-core",
|
|
3
|
-
"version": "5.27.
|
|
3
|
+
"version": "5.27.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Hitachi Vantara UI Kit Team",
|
|
6
6
|
"description": "Core React components for the NEXT Design System.",
|
|
@@ -33,9 +33,9 @@
|
|
|
33
33
|
"@emotion/css": "^11.11.0",
|
|
34
34
|
"@emotion/serialize": "^1.1.2",
|
|
35
35
|
"@emotion/utils": "^1.2.1",
|
|
36
|
-
"@hitachivantara/uikit-react-icons": "^5.6.
|
|
37
|
-
"@hitachivantara/uikit-react-shared": "^5.1.
|
|
38
|
-
"@hitachivantara/uikit-styles": "^5.
|
|
36
|
+
"@hitachivantara/uikit-react-icons": "^5.6.6",
|
|
37
|
+
"@hitachivantara/uikit-react-shared": "^5.1.11",
|
|
38
|
+
"@hitachivantara/uikit-styles": "^5.12.1",
|
|
39
39
|
"@internationalized/date": "^3.2.0",
|
|
40
40
|
"@mui/base": "^5.0.0-beta.4",
|
|
41
41
|
"@popperjs/core": "^2.11.8",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"access": "public",
|
|
65
65
|
"directory": "package"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "378c3c87fccb6e721190417b4978c6284ffedf47",
|
|
68
68
|
"main": "dist/cjs/index.cjs",
|
|
69
69
|
"exports": {
|
|
70
70
|
".": {
|