npm - @hitachivantara/uikit-react-core - Versions diffs - 5.27.1 → 5.27.3 - Mend

@hitachivantara/uikit-react-core 5.27.1 → 5.27.3

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.

Files changed (246) hide show

package/dist/esm/components/FilterGroup/RightPanel/RightPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightPanel.js","sources":["../../../../../src/components/FilterGroup/RightPanel/RightPanel.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useState } from \"react\";\n\nimport cloneDeep from \"lodash/cloneDeep\";\n\nimport { HvCheckBox } from \"@core/components/CheckBox\";\nimport { HvInput } from \"@core/components/Input\";\nimport { HvList, HvListProps } from \"@core/components/List\";\nimport { HvPanel } from \"@core/components/Panel\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { staticClasses, useClasses } from \"./RightPanel.styles\";\n\nexport { staticClasses as filterGroupRightPanelClasses };\n\nexport type HvFilterGroupRightPanelClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupRightPanelProps {\n id?: string;\n className?: string;\n labels?: {\n searchBoxPlaceholder?: string;\n selectAll?: string;\n multiSelectionConjunction?: string;\n };\n emptyElement?: React.ReactNode;\n classes?: HvFilterGroupRightPanelClasses;\n}\n\nexport const HvFilterGroupRightPanel = ({\n id,\n className,\n labels,\n emptyElement,\n classes: classesProp,\n}: HvFilterGroupRightPanelProps) => {\n const { classes } = useClasses(classesProp);\n const [searchStr, setSearchStr] = useState<string>(\"\");\n const [allSelected, setAllSelected] = useState<boolean>(false);\n const [anySelected, setAnySelected] = useState<boolean>(false);\n\n const {\n filterOptions,\n filterValues = [],\n setFilterValues,\n activeGroup,\n } = useContext(HvFilterGroupContext);\n\n const activeGroupOptions = useMemo(\n () => filterOptions[activeGroup]?.data.map((option) => option.id) \|\| [],\n [filterOptions, activeGroup]\n );\n\n const activeFilterValues = useMemo(\n () =>\n filterValues[activeGroup]?.filter((value) =>\n activeGroupOptions.includes(value)\n ) \|\| [],\n [filterValues, activeGroupOptions, activeGroup]\n );\n\n const listValues = useMemo(\n () =>\n filterOptions[activeGroup]?.data.map((option) => ({\n ...option,\n label: option.name,\n selected: filterValues[activeGroup]?.includes(option.id),\n isHidden:\n option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n })) \|\| [],\n [filterOptions, filterValues, activeGroup, searchStr]\n );\n\n const updateSelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === activeGroupOptions.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n }, [activeFilterValues, activeGroupOptions]);\n\n useEffect(() => {\n updateSelectAll();\n }, [activeFilterValues, updateSelectAll]);\n\n useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n const onChangeHandler: HvListProps[\"onChange\"] = (values) => {\n const newFilterValues = filterOptions.map((_, i) =>\n activeGroup === i\n ? values.filter((v) => v.selected).map((v) => v.id)\n : [...(filterValues[i] \|\| [])]\n );\n setFilterValues(newFilterValues as any);\n };\n\n const handleSelectAll = useCallback(() => {\n const newFilterValues = cloneDeep(filterValues);\n newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n setFilterValues(newFilterValues);\n }, [\n activeGroup,\n activeGroupOptions,\n anySelected,\n filterValues,\n setFilterValues,\n ]);\n\n /*\n Create selectAll component.\n \n @returns {}\n /\n const SelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${labels?.multiSelectionConjunction} ${activeGroupOptions.length}`}\n </>\n ) : (\n <>\n <b>{labels?.selectAll}</b>\n {` (${activeGroupOptions.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div className={classes.selectAllContainer}>\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n className={classes.selectAll}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n }, [\n activeFilterValues?.length,\n activeGroupOptions.length,\n allSelected,\n anySelected,\n handleSelectAll,\n id,\n labels,\n classes?.selectAllContainer,\n classes?.selectAll,\n ]);\n\n return (\n <HvPanel id={setId(id, \"rightPanel\")} className={className}>\n {listValues.length > 0 ? (\n <>\n <HvInput\n id={setId(id, \"search\")}\n classes={{\n root: classes.search,\n }}\n type=\"search\"\n placeholder={labels?.searchBoxPlaceholder}\n value={searchStr}\n onChange={(_, str) => setSearchStr(str)}\n />\n <SelectAll />\n <HvList\n key={activeGroup}\n id={setId(id, \"list\")}\n values={listValues}\n className={classes.list}\n multiSelect\n useSelector\n showSelectAll={false}\n onChange={onChangeHandler}\n selectable\n condensed\n hasTooltips\n />\n </>\n ) : (\n emptyElement\n )}\n </HvPanel>\n );\n};\n"],"names":["HvFilterGroupRightPanel","id","className","labels","emptyElement","classes","classesProp","useClasses","searchStr","setSearchStr","useState","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","useContext","HvFilterGroupContext","activeGroupOptions","useMemo","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","useCallback","nbrSelected","length","hasSelection","allSelect","useEffect","onChangeHandler","values","newFilterValues","_","i","v","handleSelectAll","cloneDeep","SelectAll","defaultLabel","HvTypography","component","children","_jsxs","_Fragment","_jsx","multiSelectionConjunction","selectAll","selectAllContainer","HvCheckBox","setId","onChange","indeterminate","checked","HvPanel","HvInput","root","search","type","placeholder","searchBoxPlaceholder","str","HvList","list","multiSelect","useSelector","showSelectAll","selectable","condensed","hasTooltips"],"mappings":"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"}
1	+ {"version":3,"file":"RightPanel.js","sources":["../../../../../src/components/FilterGroup/RightPanel/RightPanel.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useState } from \"react\";\n\nimport cloneDeep from \"lodash/cloneDeep\";\n\nimport { HvCheckBox } from \"@core/components/CheckBox\";\nimport { HvInput } from \"@core/components/Input\";\nimport { HvList, HvListProps } from \"@core/components/List\";\nimport { HvPanel } from \"@core/components/Panel\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { staticClasses, useClasses } from \"./RightPanel.styles\";\n\nexport { staticClasses as filterGroupRightPanelClasses };\n\nexport type HvFilterGroupRightPanelClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupRightPanelProps {\n id?: string;\n className?: string;\n labels?: {\n searchBoxPlaceholder?: string;\n selectAll?: string;\n multiSelectionConjunction?: string;\n };\n emptyElement?: React.ReactNode;\n classes?: HvFilterGroupRightPanelClasses;\n}\n\nexport const HvFilterGroupRightPanel = ({\n id,\n className,\n labels,\n emptyElement,\n classes: classesProp,\n}: HvFilterGroupRightPanelProps) => {\n const { classes } = useClasses(classesProp);\n const [searchStr, setSearchStr] = useState<string>(\"\");\n const [allSelected, setAllSelected] = useState<boolean>(false);\n const [anySelected, setAnySelected] = useState<boolean>(false);\n\n const {\n filterOptions,\n filterValues = [],\n setFilterValues,\n activeGroup,\n } = useContext(HvFilterGroupContext);\n\n const activeGroupOptions = useMemo(\n () => filterOptions[activeGroup]?.data.map((option) => option.id) \|\| [],\n [filterOptions, activeGroup]\n );\n\n const activeFilterValues = useMemo(\n () =>\n filterValues[activeGroup]?.filter((value) =>\n activeGroupOptions.includes(value)\n ) \|\| [],\n [filterValues, activeGroupOptions, activeGroup]\n );\n\n const listValues = useMemo(\n () =>\n filterOptions[activeGroup]?.data.map((option) => ({\n ...option,\n label: option.name,\n selected: filterValues[activeGroup]?.includes(option.id),\n isHidden:\n option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n })) \|\| [],\n [filterOptions, filterValues, activeGroup, searchStr]\n );\n\n const updateSelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n const hasSelection = nbrSelected > 0;\n const allSelect = nbrSelected === activeGroupOptions.length;\n\n setAnySelected(hasSelection);\n setAllSelected(hasSelection && allSelect);\n }, [activeFilterValues, activeGroupOptions]);\n\n useEffect(() => {\n updateSelectAll();\n }, [activeFilterValues, updateSelectAll]);\n\n useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n const onChangeHandler: HvListProps[\"onChange\"] = (values) => {\n const newFilterValues = filterOptions.map((_, i) =>\n activeGroup === i\n ? values.filter((v) => v.selected).map((v) => v.id)\n : [...(filterValues[i] \|\| [])]\n );\n setFilterValues(newFilterValues as any);\n };\n\n const handleSelectAll = useCallback(() => {\n const newFilterValues = cloneDeep(filterValues);\n newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n setFilterValues(newFilterValues);\n }, [\n activeGroup,\n activeGroupOptions,\n anySelected,\n filterValues,\n setFilterValues,\n ]);\n\n /*\n Create selectAll component.\n \n @returns {}\n /\n const SelectAll = useCallback(() => {\n const nbrSelected = activeFilterValues?.length;\n\n const defaultLabel = (\n <HvTypography component=\"span\">\n {nbrSelected > 0 ? (\n <>\n <b>{nbrSelected}</b>\n {` ${labels?.multiSelectionConjunction} ${activeGroupOptions.length}`}\n </>\n ) : (\n <>\n <b>{labels?.selectAll}</b>\n {` (${activeGroupOptions.length})`}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <div className={classes.selectAllContainer}>\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={defaultLabel}\n onChange={() => handleSelectAll()}\n className={classes.selectAll}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n </div>\n );\n }, [\n activeFilterValues?.length,\n activeGroupOptions.length,\n allSelected,\n anySelected,\n handleSelectAll,\n id,\n labels,\n classes?.selectAllContainer,\n classes?.selectAll,\n ]);\n\n return (\n <HvPanel id={setId(id, \"rightPanel\")} className={className}>\n {listValues.length > 0 ? (\n <>\n <HvInput\n id={setId(id, \"search\")}\n classes={{\n root: classes.search,\n }}\n type=\"search\"\n placeholder={labels?.searchBoxPlaceholder}\n value={searchStr}\n onChange={(_, str) => setSearchStr(str)}\n />\n <SelectAll />\n <HvList\n key={activeGroup}\n id={setId(id, \"list\")}\n values={listValues}\n className={classes.list}\n multiSelect\n useSelector\n showSelectAll={false}\n onChange={onChangeHandler}\n selectable\n condensed\n hasTooltips\n />\n </>\n ) : (\n emptyElement\n )}\n </HvPanel>\n );\n};\n"],"names":["HvFilterGroupRightPanel","id","className","labels","emptyElement","classes","classesProp","useClasses","searchStr","setSearchStr","useState","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","useContext","HvFilterGroupContext","activeGroupOptions","useMemo","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","useCallback","nbrSelected","length","hasSelection","allSelect","useEffect","onChangeHandler","values","newFilterValues","_","i","v","handleSelectAll","cloneDeep","SelectAll","defaultLabel","HvTypography","component","children","_jsxs","_Fragment","_jsx","multiSelectionConjunction","selectAll","selectAllContainer","HvCheckBox","setId","onChange","indeterminate","checked","HvPanel","HvInput","root","search","type","placeholder","searchBoxPlaceholder","str","HvList","list","multiSelect","useSelector","showSelectAll","selectable","condensed","hasTooltips"],"mappings":"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"}

package/dist/esm/components/Footer/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { useMediaQuery } from \"@mui/material\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./Footer.styles\";\n\nexport { staticClasses as footerClasses };\n\nexport type HvFooterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFooterProps extends HvBaseProps {\n name?: React.ReactNode;\n copyright?: React.ReactNode;\n links?: React.ReactNode;\n /** A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvFooterClasses;\n}\n\n/\n A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n const {\n name = \"Hitachi Vantara\",\n copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n links,\n classes: classesProp,\n className,\n ...others\n } = useDefaultProps(\"HvFooter\", props);\n const muiTheme = useTheme();\n const { classes, cx } = useClasses(classesProp);\n\n const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n\n return (\n <footer\n className={cx(classes.root, { [classes.small]: isSmDown }, className)}\n {...others}\n >\n <HvTypography variant=\"highlightText\" className={classes.name}>\n {name}\n </HvTypography>\n <div className={classes.rightContainer}>\n <HvTypography className={classes.copyright}>{copyright}</HvTypography>\n {links && <div className={classes.separator} />}\n {links}\n </div>\n </footer>\n );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","classesProp","className","others","useDefaultProps","muiTheme","useTheme","cx","useClasses","isSmDown","useMediaQuery","breakpoints","down","root","small","children","_jsx","HvTypography","variant","_jsxs","rightContainer","separator"],"mappings":";;;;;;;AAuBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,~~kCAAoCC~~,~~oBAAAA~~,QAAOC,~~YAAY~~;AAAA,~~IACpEC~~;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,YAAYV,KAAK;AACrC,QAAMW,WAAWC;AACX,QAAA;AAAA,IAAEN;AAAAA,IAASO;AAAAA,EAAAA,IAAOC,WAAWP,WAAW;AAE9C,QAAMQ,WAAWC,cAAcL,SAASM,YAAYC,KAAK,IAAI,CAAC;AAE9D,8BACE,UAAA;AAAA,IACEV,WAAWK,GAAGP,QAAQa,MAAM;AAAA,MAAE,CAACb,QAAQc,KAAK,GAAGL;AAAAA,OAAYP,SAAS;AAAA,IAAE,GAClEC;AAAAA,IAAMY,UAAA,CAEVC,oBAACC,cAAY;AAAA,MAACC,SAAQ;AAAA,MAAgBhB,WAAWF,QAAQL;AAAAA,MAAKoB,UAC3DpB;AAAAA,IAAAA,CACW,GACdwB,qBAAA,OAAA;AAAA,MAAKjB,WAAWF,QAAQoB;AAAAA,MAAeL,UAAA,CACrCC,oBAACC,cAAY;AAAA,QAACf,WAAWF,QAAQJ;AAAAA,QAAUmB,UAAEnB;AAAAA,MAAAA,CAAwB,GACpEG,SAASiB,oBAAA,OAAA;AAAA,QAAKd,WAAWF,QAAQqB;AAAAA,MAAY,CAAA,GAC7CtB,KAAK;AAAA,IAAA,CACH,CAAC;AAAA,EAAA,CACA;AAEZ;"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { useMediaQuery } from \"@mui/material\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./Footer.styles\";\n\nexport { staticClasses as footerClasses };\n\nexport type HvFooterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFooterProps extends HvBaseProps {\n name?: React.ReactNode;\n copyright?: React.ReactNode;\n links?: React.ReactNode;\n /** A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvFooterClasses;\n}\n\n/\n A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n const {\n name = \"Hitachi Vantara\",\n copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n links,\n classes: classesProp,\n className,\n ...others\n } = useDefaultProps(\"HvFooter\", props);\n const muiTheme = useTheme();\n const { classes, cx } = useClasses(classesProp);\n\n const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n\n return (\n <footer\n className={cx(classes.root, { [classes.small]: isSmDown }, className)}\n {...others}\n >\n <HvTypography variant=\"highlightText\" className={classes.name}>\n {name}\n </HvTypography>\n <div className={classes.rightContainer}>\n <HvTypography className={classes.copyright}>{copyright}</HvTypography>\n {links && <div className={classes.separator} />}\n {links}\n </div>\n </footer>\n );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","classesProp","className","others","useDefaultProps","muiTheme","useTheme","cx","useClasses","isSmDown","useMediaQuery","breakpoints","down","root","small","children","_jsx","HvTypography","variant","_jsxs","rightContainer","separator"],"mappings":";;;;;;;AAuBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,kCAAgC,oBAAIC,QAAOC,YAAc,CAAA;AAAA,IACtEC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,YAAYV,KAAK;AACrC,QAAMW,WAAWC;AACX,QAAA;AAAA,IAAEN;AAAAA,IAASO;AAAAA,EAAAA,IAAOC,WAAWP,WAAW;AAE9C,QAAMQ,WAAWC,cAAcL,SAASM,YAAYC,KAAK,IAAI,CAAC;AAE9D,8BACE,UAAA;AAAA,IACEV,WAAWK,GAAGP,QAAQa,MAAM;AAAA,MAAE,CAACb,QAAQc,KAAK,GAAGL;AAAAA,OAAYP,SAAS;AAAA,IAAE,GAClEC;AAAAA,IAAMY,UAAA,CAEVC,oBAACC,cAAY;AAAA,MAACC,SAAQ;AAAA,MAAgBhB,WAAWF,QAAQL;AAAAA,MAAKoB,UAC3DpB;AAAAA,IAAAA,CACW,GACdwB,qBAAA,OAAA;AAAA,MAAKjB,WAAWF,QAAQoB;AAAAA,MAAeL,UAAA,CACrCC,oBAACC,cAAY;AAAA,QAACf,WAAWF,QAAQJ;AAAAA,QAAUmB,UAAEnB;AAAAA,MAAAA,CAAwB,GACpEG,SAASiB,oBAAA,OAAA;AAAA,QAAKd,WAAWF,QAAQqB;AAAAA,MAAY,CAAA,GAC7CtB,KAAK;AAAA,IAAA,CACH,CAAC;AAAA,EAAA,CACA;AAEZ;"}

package/dist/esm/components/Footer/Footer.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.styles.js","sources":["../../../../src/components/Footer/Footer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFooter\", {\n root: {\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"row\",\n padding: `${theme.space.xs} ${theme.space.sm}`,\n height: 40,\n bottom: 0,\n zIndex: theme.zIndices.base,\n backgroundColor: theme.colors.atmo1,\n boxShadow: `0 -1px 0 ${theme.colors.atmo4}`,\n },\n name: {},\n rightContainer: {\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"row\",\n marginLeft: \"auto\",\n },\n copyright: {},\n separator: {\n width: 1,\n height: 16,\n backgroundColor: theme.colors.secondary,\n margin: `${theme.space.xs} ${theme.space.sm}`,\n },\n small: {\n \"&$root\": {\n height: \"unset\",\n flexDirection: \"column\",\n padding: theme.space.xs,\n },\n \"& $name\": {\n marginBottom: theme.space.xs,\n },\n \"& $rightContainer\": {\n flexDirection: \"column\",\n textAlign: \"center\",\n marginLeft: \"unset\",\n },\n \"& $copyright\": {\n flexDirection: \"column\",\n marginBottom: theme.space.xs,\n },\n \"& $separator\": { display: \"none\" },\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","flexDirection","padding","theme","space","xs","sm","height","bottom","zIndex","zIndices","base","backgroundColor","colors","atmo1","boxShadow","atmo4","name","rightContainer","marginLeft","copyright","separator","width","secondary","margin","small","marginBottom","textAlign"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfC,SAAU,GAAEC,MAAMC,MAAMC,~~MAAMF~~,MAAMC,MAAME;~~AAAAA~~,~~IAC1CC~~,QAAQ;AAAA,IACRC,QAAQ;AAAA,IACRC,QAAQN,MAAMO,SAASC;AAAAA,IACvBC,iBAAiBT,MAAMU,OAAOC;AAAAA,IAC9BC,WAAY,YAAWZ,MAAMU,OAAOG;~~AAAAA~~,~~EACtC~~;AAAA,EACAC,MAAM,CAAC;AAAA,EACPC,gBAAgB;AAAA,IACdnB,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfkB,YAAY;AAAA,EACd;AAAA,EACAC,WAAW,CAAC;AAAA,EACZC,WAAW;AAAA,IACTC,OAAO;AAAA,IACPf,QAAQ;AAAA,IACRK,iBAAiBT,MAAMU,OAAOU;AAAAA,IAC9BC,QAAS,GAAErB,MAAMC,MAAMC,~~MAAMF~~,MAAMC,MAAME;~~AAAAA~~,~~EAC3C~~;AAAA,EACAmB,OAAO;AAAA,IACL,UAAU;AAAA,MACRlB,QAAQ;AAAA,MACRN,eAAe;AAAA,MACfC,SAASC,MAAMC,MAAMC;AAAAA,IACvB;AAAA,IACA,WAAW;AAAA,MACTqB,cAAcvB,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,IACA,qBAAqB;AAAA,MACnBJ,eAAe;AAAA,MACf0B,WAAW;AAAA,MACXR,YAAY;AAAA,IACd;AAAA,IACA,gBAAgB;AAAA,MACdlB,eAAe;AAAA,MACfyB,cAAcvB,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,IACA,gBAAgB;AAAA,MAAEN,SAAS;AAAA,IAAO;AAAA,EACpC;AACF,CAAC;"}
1	+ {"version":3,"file":"Footer.styles.js","sources":["../../../../src/components/Footer/Footer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFooter\", {\n root: {\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"row\",\n padding: `${theme.space.xs} ${theme.space.sm}`,\n height: 40,\n bottom: 0,\n zIndex: theme.zIndices.base,\n backgroundColor: theme.colors.atmo1,\n boxShadow: `0 -1px 0 ${theme.colors.atmo4}`,\n },\n name: {},\n rightContainer: {\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"row\",\n marginLeft: \"auto\",\n },\n copyright: {},\n separator: {\n width: 1,\n height: 16,\n backgroundColor: theme.colors.secondary,\n margin: `${theme.space.xs} ${theme.space.sm}`,\n },\n small: {\n \"&$root\": {\n height: \"unset\",\n flexDirection: \"column\",\n padding: theme.space.xs,\n },\n \"& $name\": {\n marginBottom: theme.space.xs,\n },\n \"& $rightContainer\": {\n flexDirection: \"column\",\n textAlign: \"center\",\n marginLeft: \"unset\",\n },\n \"& $copyright\": {\n flexDirection: \"column\",\n marginBottom: theme.space.xs,\n },\n \"& $separator\": { display: \"none\" },\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","flexDirection","padding","theme","space","xs","sm","height","bottom","zIndex","zIndices","base","backgroundColor","colors","atmo1","boxShadow","atmo4","name","rightContainer","marginLeft","copyright","separator","width","secondary","margin","small","marginBottom","textAlign"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfC,SAAU,GAAEC,MAAMC,MAAMC,EAAG,IAAGF,MAAMC,MAAME,EAAG;AAAA,IAC7CC,QAAQ;AAAA,IACRC,QAAQ;AAAA,IACRC,QAAQN,MAAMO,SAASC;AAAAA,IACvBC,iBAAiBT,MAAMU,OAAOC;AAAAA,IAC9BC,WAAY,YAAWZ,MAAMU,OAAOG,KAAM;AAAA,EAC5C;AAAA,EACAC,MAAM,CAAC;AAAA,EACPC,gBAAgB;AAAA,IACdnB,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfkB,YAAY;AAAA,EACd;AAAA,EACAC,WAAW,CAAC;AAAA,EACZC,WAAW;AAAA,IACTC,OAAO;AAAA,IACPf,QAAQ;AAAA,IACRK,iBAAiBT,MAAMU,OAAOU;AAAAA,IAC9BC,QAAS,GAAErB,MAAMC,MAAMC,EAAG,IAAGF,MAAMC,MAAME,EAAG;AAAA,EAC9C;AAAA,EACAmB,OAAO;AAAA,IACL,UAAU;AAAA,MACRlB,QAAQ;AAAA,MACRN,eAAe;AAAA,MACfC,SAASC,MAAMC,MAAMC;AAAAA,IACvB;AAAA,IACA,WAAW;AAAA,MACTqB,cAAcvB,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,IACA,qBAAqB;AAAA,MACnBJ,eAAe;AAAA,MACf0B,WAAW;AAAA,MACXR,YAAY;AAAA,IACd;AAAA,IACA,gBAAgB;AAAA,MACdlB,eAAe;AAAA,MACfyB,cAAcvB,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,IACA,gBAAgB;AAAA,MAAEN,SAAS;AAAA,IAAO;AAAA,EACpC;AACF,CAAC;"}

package/dist/esm/components/Forms/CharCounter/CharCounter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./CharCounter.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as charCounterClasses };\n\nexport type HvCharCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCharCounterProps extends HvBaseProps {\n /** The string that separates the current char quantity from the max quantity. /\n separator?: string;\n /* The maximum allowed length of the characters. /\n maxCharQuantity: number;\n /* The current char quantity to be rendered. /\n currentCharQuantity?: number;\n /* If `true` the counter is disabled. /\n disabled?: boolean;\n /* If `true` the info message won't have margins. /\n disableGutter?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvCharCounterClasses;\n}\n\n/\n Displays the capacity and current usage of a text input box (character count by default).\n \n Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = (props: HvCharCounterProps) => {\n const {\n separator = \"/\",\n maxCharQuantity,\n currentCharQuantity = 0,\n classes: classesProp,\n className,\n id,\n disabled,\n disableGutter = false,\n ...others\n } = useDefaultProps(\"HvCharCounter\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const { elementId, elementDisabled } = useContext(HvFormElementContext);\n const localDisabled = disabled \|\| elementDisabled;\n const localId = id ?? setId(elementId, \"counter\");\n const currentId = setId(localId, \"currentQuantity\");\n const maxQuantityId = setId(localId, \"maxQuantity\");\n const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n return (\n <div\n id={localId}\n className={cx(\n classes.root,\n {\n [classes.counterDisabled]: !!localDisabled,\n [classes.gutter]: !disableGutter,\n },\n className\n )}\n aria-live=\"polite\"\n aria-disabled={localDisabled}\n {...others}\n >\n <HvTypography\n id={currentId}\n className={cx({\n [classes.overloaded]: isOverloaded && !localDisabled,\n [classes.counterDisabled]: !!localDisabled,\n })}\n variant=\"label\"\n component=\"label\"\n >\n {currentCharQuantity}\n </HvTypography>\n <HvTypography\n id={maxQuantityId}\n className={cx({\n [classes.overloaded]: isOverloaded && !localDisabled,\n [classes.counterDisabled]: !!localDisabled,\n })}\n variant=\"body\"\n component=\"label\"\n >\n {` ${separator} ${maxCharQuantity}`}\n </HvTypography>\n </div>\n );\n};\n"],"names":["HvCharCounter","props","separator","maxCharQuantity","currentCharQuantity","classes","classesProp","className","id","disabled","disableGutter","others","useDefaultProps","cx","useClasses","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","root","counterDisabled","gutter","children","_jsx","HvTypography","overloaded","variant","component"],"mappings":";;;;;;;;AAoCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC;AAAAA,IACAC,sBAAsB;AAAA,IACtBC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,gBAAgB;AAAA,IAChB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,iBAAiBX,KAAK;AAEpC,QAAA;AAAA,IAAEI;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAExC,QAAA;AAAA,IAAES;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBV,YAAYO;AAClC,QAAMI,UAAUZ,MAAMa,MAAMN,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAepB,sBAAsBD;AAE3C,8BACE,OAAA;AAAA,IACEK,IAAIY;AAAAA,IACJb,WAAWM,GACTR,QAAQoB,MACR;AAAA,MACE,CAACpB,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,MAC7B,CAACd,QAAQsB,MAAM,GAAG,CAACjB;AAAAA,OAErBH,SACF;AAAA,IACA,aAAU;AAAA,IACV,iBAAeY;AAAAA,IAAc,GACzBR;AAAAA,IAAMiB,UAAA,CAEVC,oBAACC,cAAY;AAAA,MACXtB,IAAIc;AAAAA,MACJf,WAAWM,GAAG;AAAA,QACZ,CAACR,QAAQ0B,UAAU,GAAGP,gBAAgB,CAACL;AAAAA,QACvC,CAACd,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,MAAAA,CAC9B;AAAA,MACDa,SAAQ;AAAA,MACRC,WAAU;AAAA,MAAOL,UAEhBxB;AAAAA,IAAAA,CACW,GACdyB,oBAACC,cAAY;AAAA,MACXtB,IAAIe;AAAAA,MACJhB,WAAWM,GAAG;AAAA,QACZ,CAACR,QAAQ0B,UAAU,GAAGP,gBAAgB,CAACL;AAAAA,QACvC,CAACd,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,MAAAA,CAC9B;AAAA,MACDa,SAAQ;AAAA,MACRC,WAAU;AAAA,MAAOL,UAEf,IAAG1B,~~aAAaC~~;~~AAAAA~~,~~IAAAA~~,~~CACN~~,CAAC;AAAA,EAAA,CACZ;AAET;"}
1	+ {"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./CharCounter.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as charCounterClasses };\n\nexport type HvCharCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCharCounterProps extends HvBaseProps {\n /** The string that separates the current char quantity from the max quantity. /\n separator?: string;\n /* The maximum allowed length of the characters. /\n maxCharQuantity: number;\n /* The current char quantity to be rendered. /\n currentCharQuantity?: number;\n /* If `true` the counter is disabled. /\n disabled?: boolean;\n /* If `true` the info message won't have margins. /\n disableGutter?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvCharCounterClasses;\n}\n\n/\n Displays the capacity and current usage of a text input box (character count by default).\n \n Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = (props: HvCharCounterProps) => {\n const {\n separator = \"/\",\n maxCharQuantity,\n currentCharQuantity = 0,\n classes: classesProp,\n className,\n id,\n disabled,\n disableGutter = false,\n ...others\n } = useDefaultProps(\"HvCharCounter\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const { elementId, elementDisabled } = useContext(HvFormElementContext);\n const localDisabled = disabled \|\| elementDisabled;\n const localId = id ?? setId(elementId, \"counter\");\n const currentId = setId(localId, \"currentQuantity\");\n const maxQuantityId = setId(localId, \"maxQuantity\");\n const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n return (\n <div\n id={localId}\n className={cx(\n classes.root,\n {\n [classes.counterDisabled]: !!localDisabled,\n [classes.gutter]: !disableGutter,\n },\n className\n )}\n aria-live=\"polite\"\n aria-disabled={localDisabled}\n {...others}\n >\n <HvTypography\n id={currentId}\n className={cx({\n [classes.overloaded]: isOverloaded && !localDisabled,\n [classes.counterDisabled]: !!localDisabled,\n })}\n variant=\"label\"\n component=\"label\"\n >\n {currentCharQuantity}\n </HvTypography>\n <HvTypography\n id={maxQuantityId}\n className={cx({\n [classes.overloaded]: isOverloaded && !localDisabled,\n [classes.counterDisabled]: !!localDisabled,\n })}\n variant=\"body\"\n component=\"label\"\n >\n {` ${separator} ${maxCharQuantity}`}\n </HvTypography>\n </div>\n );\n};\n"],"names":["HvCharCounter","props","separator","maxCharQuantity","currentCharQuantity","classes","classesProp","className","id","disabled","disableGutter","others","useDefaultProps","cx","useClasses","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","root","counterDisabled","gutter","children","_jsx","HvTypography","overloaded","variant","component"],"mappings":";;;;;;;;AAoCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC;AAAAA,IACAC,sBAAsB;AAAA,IACtBC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,gBAAgB;AAAA,IAChB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,iBAAiBX,KAAK;AAEpC,QAAA;AAAA,IAAEI;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAExC,QAAA;AAAA,IAAES;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBV,YAAYO;AAClC,QAAMI,UAAUZ,MAAMa,MAAMN,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAepB,sBAAsBD;AAE3C,8BACE,OAAA;AAAA,IACEK,IAAIY;AAAAA,IACJb,WAAWM,GACTR,QAAQoB,MACR;AAAA,MACE,CAACpB,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,MAC7B,CAACd,QAAQsB,MAAM,GAAG,CAACjB;AAAAA,OAErBH,SACF;AAAA,IACA,aAAU;AAAA,IACV,iBAAeY;AAAAA,IAAc,GACzBR;AAAAA,IAAMiB,UAAA,CAEVC,oBAACC,cAAY;AAAA,MACXtB,IAAIc;AAAAA,MACJf,WAAWM,GAAG;AAAA,QACZ,CAACR,QAAQ0B,UAAU,GAAGP,gBAAgB,CAACL;AAAAA,QACvC,CAACd,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,MAAAA,CAC9B;AAAA,MACDa,SAAQ;AAAA,MACRC,WAAU;AAAA,MAAOL,UAEhBxB;AAAAA,IAAAA,CACW,GACdyB,oBAACC,cAAY;AAAA,MACXtB,IAAIe;AAAAA,MACJhB,WAAWM,GAAG;AAAA,QACZ,CAACR,QAAQ0B,UAAU,GAAGP,gBAAgB,CAACL;AAAAA,QACvC,CAACd,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,MAAAA,CAC9B;AAAA,MACDa,SAAQ;AAAA,MACRC,WAAU;AAAA,MAAOL,UAEf,IAAG1B,SAAU,IAAGC,eAAgB;AAAA,IAAA,CACtB,CAAC;AAAA,EAAA,CACZ;AAET;"}

package/dist/esm/components/Forms/InfoMessage/InfoMessage.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfoMessage.styles.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInfoMessage\", {\n root: { color: theme.forms.infoMessage.textColor, display: \"inline-block\" },\n infoDisabled: { color: theme.colors.secondary_60 },\n gutter: { padding: `0 0 6px ${theme.space.xs}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","theme","forms","infoMessage","textColor","display","infoDisabled","colors","secondary_60","gutter","padding","space","xs"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,OAAOC,MAAMC,MAAMC,YAAYC;AAAAA,IAAWC,SAAS;AAAA,EAAe;AAAA,EAC1EC,cAAc;AAAA,IAAEN,OAAOC,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EACjDC,QAAQ;AAAA,IAAEC,SAAU,WAAUT,MAAMU,MAAMC;~~AAAAA~~,~~EAAK~~;AACjD,CAAC;"}
1	+ {"version":3,"file":"InfoMessage.styles.js","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInfoMessage\", {\n root: { color: theme.forms.infoMessage.textColor, display: \"inline-block\" },\n infoDisabled: { color: theme.colors.secondary_60 },\n gutter: { padding: `0 0 6px ${theme.space.xs}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","theme","forms","infoMessage","textColor","display","infoDisabled","colors","secondary_60","gutter","padding","space","xs"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,OAAOC,MAAMC,MAAMC,YAAYC;AAAAA,IAAWC,SAAS;AAAA,EAAe;AAAA,EAC1EC,cAAc;AAAA,IAAEN,OAAOC,MAAMM,OAAOC;AAAAA,EAAa;AAAA,EACjDC,QAAQ;AAAA,IAAEC,SAAU,WAAUT,MAAMU,MAAMC,EAAG;AAAA,EAAE;AACjD,CAAC;"}

package/dist/esm/components/Forms/WarningText/WarningText.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WarningText.styles.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWarningText\", {\n root: { display: \"none\" },\n defaultIcon: { minWidth: \"32px\" },\n warningText: {\n color: theme.colors.negative,\n paddingRight: theme.space.xs,\n \"&:first-of-type\": {\n paddingLeft: theme.space.xs,\n },\n },\n show: { display: \"flex\" },\n topGutter: { paddingTop: 6 },\n hideText: {\n // display none or visibility hidden prevents\n // browser to trigger the aria-alert\n width: 0,\n height: 0,\n padding: 0,\n margin: 0,\n overflow: \"hidden\",\n },\n topBorder: { borderTop: `solid 1px ${theme.colors.negative}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","defaultIcon","minWidth","warningText","color","theme","colors","negative","paddingRight","space","xs","paddingLeft","show","topGutter","paddingTop","hideText","width","height","padding","margin","overflow","topBorder","borderTop"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAO;AAAA,EACxBC,aAAa;AAAA,IAAEC,UAAU;AAAA,EAAO;AAAA,EAChCC,aAAa;AAAA,IACXC,OAAOC,MAAMC,OAAOC;AAAAA,IACpBC,cAAcH,MAAMI,MAAMC;AAAAA,IAC1B,mBAAmB;AAAA,MACjBC,aAAaN,MAAMI,MAAMC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAE,MAAM;AAAA,IAAEZ,SAAS;AAAA,EAAO;AAAA,EACxBa,WAAW;AAAA,IAAEC,YAAY;AAAA,EAAE;AAAA,EAC3BC,UAAU;AAAA;AAAA;AAAA,IAGRC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,EACZ;AAAA,EACAC,WAAW;AAAA,IAAEC,WAAY,aAAYjB,MAAMC,OAAOC;~~AAAAA~~,~~EAAW~~;AAC/D,CAAC;"}
1	+ {"version":3,"file":"WarningText.styles.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWarningText\", {\n root: { display: \"none\" },\n defaultIcon: { minWidth: \"32px\" },\n warningText: {\n color: theme.colors.negative,\n paddingRight: theme.space.xs,\n \"&:first-of-type\": {\n paddingLeft: theme.space.xs,\n },\n },\n show: { display: \"flex\" },\n topGutter: { paddingTop: 6 },\n hideText: {\n // display none or visibility hidden prevents\n // browser to trigger the aria-alert\n width: 0,\n height: 0,\n padding: 0,\n margin: 0,\n overflow: \"hidden\",\n },\n topBorder: { borderTop: `solid 1px ${theme.colors.negative}` },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","defaultIcon","minWidth","warningText","color","theme","colors","negative","paddingRight","space","xs","paddingLeft","show","topGutter","paddingTop","hideText","width","height","padding","margin","overflow","topBorder","borderTop"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAO;AAAA,EACxBC,aAAa;AAAA,IAAEC,UAAU;AAAA,EAAO;AAAA,EAChCC,aAAa;AAAA,IACXC,OAAOC,MAAMC,OAAOC;AAAAA,IACpBC,cAAcH,MAAMI,MAAMC;AAAAA,IAC1B,mBAAmB;AAAA,MACjBC,aAAaN,MAAMI,MAAMC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAE,MAAM;AAAA,IAAEZ,SAAS;AAAA,EAAO;AAAA,EACxBa,WAAW;AAAA,IAAEC,YAAY;AAAA,EAAE;AAAA,EAC3BC,UAAU;AAAA;AAAA;AAAA,IAGRC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,EACZ;AAAA,EACAC,WAAW;AAAA,IAAEC,WAAY,aAAYjB,MAAMC,OAAOC,QAAS;AAAA,EAAE;AAC/D,CAAC;"}

package/dist/esm/components/GlobalActions/GlobalActions.js.map CHANGED Viewed

	@@ -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: 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;"}
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,CAAE;AAAA,EAC3CC,YAAa,GAAEF,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAChCE,aAAc,GAAEH,MAAMC,QAAQ,CAAC,CAAE;AACnC,IACAH,WACA;AAAA,EACEC,OAAQ,mBAAkBC,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAC3CC,YAAa,GAAEF,MAAMC,QAAQ,CAAC,CAAE;AAAA,EAChCE,aAAc,GAAEH,MAAMC,QAAQ,CAAC,CAAE;AACnC,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,mBAAoB;AAAA,QACnCrB,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;"}

package/dist/esm/components/GlobalActions/GlobalActions.styles.js.map CHANGED Viewed

	@@ -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 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;"}
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,MAAO;AAAA,IACtCC,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,KAAM;AAAA,IAC3CC,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;"}

package/dist/esm/components/Header/Actions/Actions.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { buttonClasses } from \"@core/components/Button\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-Actions\", {\n root: {\n backgroundColor: \"transparent\",\n display: \"flex\",\n gap: theme.space.xs,\n alignItems: \"center\",\n marginLeft: \"auto\",\n [`& .${buttonClasses?.root}`]: {\n \"&:hover\": { backgroundColor: theme.header.hoverColor },\n },\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","backgroundColor","display","gap","theme","space","xs","alignItems","marginLeft","buttonClasses","header","hoverColor"],"mappings":";;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,iBAAiB;AAAA,IACjBC,SAAS;AAAA,IACTC,KAAKC,MAAMC,MAAMC;AAAAA,IACjBC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZ,CAAE,OAAKC,4CAAeT,~~MAAM~~,GAAG;AAAA,MAC7B,WAAW;AAAA,QAAEC,iBAAiBG,MAAMM,OAAOC;AAAAA,MAAW;AAAA,IACxD;AAAA,EACF;AACF,CAAC;"}
1	+ {"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { buttonClasses } from \"@core/components/Button\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-Actions\", {\n root: {\n backgroundColor: \"transparent\",\n display: \"flex\",\n gap: theme.space.xs,\n alignItems: \"center\",\n marginLeft: \"auto\",\n [`& .${buttonClasses?.root}`]: {\n \"&:hover\": { backgroundColor: theme.header.hoverColor },\n },\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","backgroundColor","display","gap","theme","space","xs","alignItems","marginLeft","buttonClasses","header","hoverColor"],"mappings":";;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,iBAAiB;AAAA,IACjBC,SAAS;AAAA,IACTC,KAAKC,MAAMC,MAAMC;AAAAA,IACjBC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZ,CAAE,OAAKC,4CAAeT,IAAK,EAAC,GAAG;AAAA,MAC7B,WAAW;AAAA,QAAEC,iBAAiBG,MAAMM,OAAOC;AAAAA,MAAW;AAAA,IACxD;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/Header/Header.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.styles.js","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader\", {\n root: {\n height: theme.header.height,\n backgroundColor: theme.header.backgroundColor,\n display: \"flex\",\n flexDirection: \"column\",\n width: \"100%\",\n boxSizing: \"border-box\",\n flexShrink: 0,\n zIndex: theme.zIndices.banner,\n color: theme.colors.atmo1,\n boxShadow: theme.header.shadow,\n borderTop: `${theme.header.borderTopThickness} solid ${theme.header.borderTopColor}`,\n },\n header: {\n display: \"flex\",\n alignItems: \"center\",\n width: \"100%\",\n height: \"100%\",\n padding: `0 ${theme.space.sm}`,\n boxShadow: theme.header.shadow,\n \"& > *:not(nav)\": {\n zIndex: 2,\n },\n },\n backgroundColor: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","height","theme","header","backgroundColor","display","flexDirection","width","boxSizing","flexShrink","zIndex","zIndices","banner","color","colors","atmo1","boxShadow","shadow","borderTop","borderTopThickness","borderTopColor","alignItems","padding","space","sm"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,QAAQC,MAAMC,OAAOF;AAAAA,IACrBG,iBAAiBF,MAAMC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,YAAY;AAAA,IACZC,QAAQR,MAAMS,SAASC;AAAAA,IACvBC,OAAOX,MAAMY,OAAOC;AAAAA,IACpBC,WAAWd,MAAMC,OAAOc;AAAAA,IACxBC,WAAY,GAAEhB,MAAMC,OAAOgB,~~4BAA4BjB~~,MAAMC,OAAOiB;~~AAAAA~~,~~EACtE~~;AAAA,EACAjB,QAAQ;AAAA,IACNE,SAAS;AAAA,IACTgB,YAAY;AAAA,IACZd,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRqB,SAAU,KAAIpB,MAAMqB,MAAMC;~~AAAAA~~,~~IAC1BR~~,WAAWd,MAAMC,OAAOc;AAAAA,IACxB,kBAAkB;AAAA,MAChBP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAN,iBAAiB,CAAC;AACpB,CAAC;"}
1	+ {"version":3,"file":"Header.styles.js","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader\", {\n root: {\n height: theme.header.height,\n backgroundColor: theme.header.backgroundColor,\n display: \"flex\",\n flexDirection: \"column\",\n width: \"100%\",\n boxSizing: \"border-box\",\n flexShrink: 0,\n zIndex: theme.zIndices.banner,\n color: theme.colors.atmo1,\n boxShadow: theme.header.shadow,\n borderTop: `${theme.header.borderTopThickness} solid ${theme.header.borderTopColor}`,\n },\n header: {\n display: \"flex\",\n alignItems: \"center\",\n width: \"100%\",\n height: \"100%\",\n padding: `0 ${theme.space.sm}`,\n boxShadow: theme.header.shadow,\n \"& > *:not(nav)\": {\n zIndex: 2,\n },\n },\n backgroundColor: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","height","theme","header","backgroundColor","display","flexDirection","width","boxSizing","flexShrink","zIndex","zIndices","banner","color","colors","atmo1","boxShadow","shadow","borderTop","borderTopThickness","borderTopColor","alignItems","padding","space","sm"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,QAAQC,MAAMC,OAAOF;AAAAA,IACrBG,iBAAiBF,MAAMC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,YAAY;AAAA,IACZC,QAAQR,MAAMS,SAASC;AAAAA,IACvBC,OAAOX,MAAMY,OAAOC;AAAAA,IACpBC,WAAWd,MAAMC,OAAOc;AAAAA,IACxBC,WAAY,GAAEhB,MAAMC,OAAOgB,kBAAmB,UAASjB,MAAMC,OAAOiB,cAAe;AAAA,EACrF;AAAA,EACAjB,QAAQ;AAAA,IACNE,SAAS;AAAA,IACTgB,YAAY;AAAA,IACZd,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRqB,SAAU,KAAIpB,MAAMqB,MAAMC,EAAG;AAAA,IAC7BR,WAAWd,MAAMC,OAAOc;AAAAA,IACxB,kBAAkB;AAAA,MAChBP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAN,iBAAiB,CAAC;AACpB,CAAC;"}

package/dist/esm/components/Header/Navigation/MenuBar/Bar.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Bar.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/Bar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst show = {\n top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,\n transition: [\"top\"],\n boxShadow: theme.header.shadow,\n transitionDuration: \"500ms\",\n backgroundColor: theme.header.secondLevelBackgroundColor,\n};\n\nconst hide = {\n top: 0,\n transition: [\"top\"],\n boxShadow: \"none\",\n transitionDuration: \"300ms\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-MenuBar\", {\n root: {\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n menu: {\n position: \"absolute\",\n zIndex: -2,\n height: theme.header.secondLevelHeight,\n backgroundColor: theme.header.secondLevelBackgroundColor,\n \"& li > div\": {\n marginTop: 0,\n },\n },\n menubar: {\n position: \"relative\",\n backgroundColor: theme.header.backgroundColor,\n },\n hidden: { ...hide },\n active: { ...show },\n list: {\n margin: 0,\n padding: 0,\n display: \"inherit\",\n alignItems: \"center\",\n height: \"100%\",\n \"&:hover $active\": {\n ...hide,\n },\n \"& li:hover > $hidden\": {\n ...show,\n },\n\n \"&:focus-within $active\": {\n ...hide,\n zIndex: -2,\n },\n \"& li:focus-within > $hidden\": {\n ...show,\n zIndex: -1,\n },\n },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","staticClasses","useClasses","createClasses","root","left","width","display","justifyContent","alignItems","menu","position","zIndex","secondLevelHeight","marginTop","menubar","hidden","active","list","margin","padding"],"mappings":";;AAIA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,MAAMC,OAAOC,~~YAAYF~~,MAAMC,OAAOE;~~AAAAA~~,~~EACnDC~~,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,MAAMC,OAAOQ;AAChC;AAEA,MAAMC,OAAO;AAAA,EACXX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEa,MAAA;AAAA,EAAEI;AAAAA,EAAeC;AAAW,IAAIC,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPd,QAAQ;AAAA,IACRe,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRpB,QAAQF,MAAMC,OAAOsB;AAAAA,IACrBf,iBAAiBR,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZe,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPJ,UAAU;AAAA,IACVb,iBAAiBR,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACAkB,QAAQ;AAAA,IAAE,GAAGhB;AAAAA,EAAK;AAAA,EAClBiB,QAAQ;AAAA,IAAE,GAAG7B;AAAAA,EAAK;AAAA,EAClB8B,MAAM;AAAA,IACJC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTb,SAAS;AAAA,IACTE,YAAY;AAAA,IACZjB,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjB,GAAGQ;AAAAA,IACL;AAAA,IACA,wBAAwB;AAAA,MACtB,GAAGZ;AAAAA,IACL;AAAA,IAEA,0BAA0B;AAAA,MACxB,GAAGY;AAAAA,MACHY,QAAQ;AAAA,IACV;AAAA,IACA,+BAA+B;AAAA,MAC7B,GAAGxB;AAAAA,MACHwB,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;"}
1	+ {"version":3,"file":"Bar.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/Bar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst show = {\n top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,\n transition: [\"top\"],\n boxShadow: theme.header.shadow,\n transitionDuration: \"500ms\",\n backgroundColor: theme.header.secondLevelBackgroundColor,\n};\n\nconst hide = {\n top: 0,\n transition: [\"top\"],\n boxShadow: \"none\",\n transitionDuration: \"300ms\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-MenuBar\", {\n root: {\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n menu: {\n position: \"absolute\",\n zIndex: -2,\n height: theme.header.secondLevelHeight,\n backgroundColor: theme.header.secondLevelBackgroundColor,\n \"& li > div\": {\n marginTop: 0,\n },\n },\n menubar: {\n position: \"relative\",\n backgroundColor: theme.header.backgroundColor,\n },\n hidden: { ...hide },\n active: { ...show },\n list: {\n margin: 0,\n padding: 0,\n display: \"inherit\",\n alignItems: \"center\",\n height: \"100%\",\n \"&:hover $active\": {\n ...hide,\n },\n \"& li:hover > $hidden\": {\n ...show,\n },\n\n \"&:focus-within $active\": {\n ...hide,\n zIndex: -2,\n },\n \"& li:focus-within > $hidden\": {\n ...show,\n zIndex: -1,\n },\n },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","staticClasses","useClasses","createClasses","root","left","width","display","justifyContent","alignItems","menu","position","zIndex","secondLevelHeight","marginTop","menubar","hidden","active","list","margin","padding"],"mappings":";;AAIA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,MAAMC,OAAOC,MAAO,MAAKF,MAAMC,OAAOE,kBAAmB;AAAA,EACtEC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,MAAMC,OAAOQ;AAChC;AAEA,MAAMC,OAAO;AAAA,EACXX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEa,MAAA;AAAA,EAAEI;AAAAA,EAAeC;AAAW,IAAIC,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPd,QAAQ;AAAA,IACRe,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRpB,QAAQF,MAAMC,OAAOsB;AAAAA,IACrBf,iBAAiBR,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZe,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPJ,UAAU;AAAA,IACVb,iBAAiBR,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACAkB,QAAQ;AAAA,IAAE,GAAGhB;AAAAA,EAAK;AAAA,EAClBiB,QAAQ;AAAA,IAAE,GAAG7B;AAAAA,EAAK;AAAA,EAClB8B,MAAM;AAAA,IACJC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTb,SAAS;AAAA,IACTE,YAAY;AAAA,IACZjB,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjB,GAAGQ;AAAAA,IACL;AAAA,IACA,wBAAwB;AAAA,MACtB,GAAGZ;AAAAA,IACL;AAAA,IAEA,0BAA0B;AAAA,MACxB,GAAGY;AAAAA,MACHY,QAAQ;AAAA,IACV;AAAA,IACA,+BAA+B;AAAA,MAC7B,GAAGxB;AAAAA,MACHwB,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { CSSInterpolation } from \"@emotion/css\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nconst item: CSSInterpolation = {\n border: \"none\",\n cursor: \"pointer\",\n padding: `${theme.space.xs} ${theme.space.sm}`,\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n \"&:active\": {\n outline: \"none\",\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n \"& span\": {\n display: \"inline-flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n \"& span::after\": {\n content: \"attr(data-text)\",\n height: 0,\n visibility: \"hidden\",\n overflow: \"hidden\",\n userSelect: \"none\",\n pointerEvents: \"none\",\n fontWeight: theme.fontWeights.semibold,\n\n \"@media speech\": {\n display: \"none\",\n },\n },\n};\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvHeader-MenuItem\",\n {\n root: {\n display: \"inline\",\n \"& span\": {\n color: theme.header.color,\n },\n \"&:hover\": {\n backgroundColor: theme.header.hoverColor,\n },\n \"&:focus-within\": {\n backgroundColor: theme.header.hoverColor,\n },\n },\n menu: {\n marginTop: theme.header.secondLevelSelectedItemBorderTopThickness,\n paddingBottom: theme.header.secondLevelSelectedItemBorderBottomThickness,\n paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n height: \"100%\",\n borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelBackgroundColor}`,\n borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelBackgroundColor}`,\n \"&& > * > span\": {\n color: theme.header.secondLevelItemColor,\n padding: theme.header.secondLevelItemPadding,\n },\n },\n menubar: {\n marginTop: theme.header.selectedItemBorderTopThickness,\n paddingBottom: theme.header.selectedItemBorderBottomThickness,\n paddingTop: theme.header.selectedItemBorderBottomThickness,\n height: \"100%\",\n borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.backgroundColor}`,\n borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.backgroundColor}`,\n \"& > * > span\": {\n padding: theme.header.itemPadding,\n },\n },\n selected: {\n \"&$menu\": {\n marginTop: 0,\n paddingBottom: 0,\n borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelSelectedItemBorderTopColor}`,\n borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelSelectedItemBorderBottomColor}`,\n paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n height: \"100%\",\n \"& > * > span\": {\n color: theme.header.secondLevelSelectedItemColor,\n backgroundColor: theme.header.secondLevelSelectedItemBackgroundColor,\n borderRadius: theme.header.secondLevelSelectedItemBorderRadius,\n },\n },\n \"&$menubar\": {\n marginTop: 0,\n paddingBottom: 0,\n borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n paddingTop: theme.header.selectedItemBorderBottomThickness,\n height: \"100%\",\n \"& > * > span\": {\n color: theme.header.selectedItemColor,\n backgroundColor: theme.header.selectedItemBackgroundColor,\n borderRadius: theme.header.selectedItemBorderRadius,\n },\n },\n },\n link: {\n textDecoration: \"none\",\n ...item,\n },\n button: {\n color: \"inherit\",\n ...item,\n },\n }\n);\n"],"names":["item","border","cursor","padding","theme","space","xs","sm","height","display","alignItems","outline","outlineStyles","flexDirection","justifyContent","content","visibility","overflow","userSelect","pointerEvents","fontWeight","fontWeights","semibold","staticClasses","useClasses","createClasses","root","color","header","backgroundColor","hoverColor","menu","marginTop","secondLevelSelectedItemBorderTopThickness","paddingBottom","secondLevelSelectedItemBorderBottomThickness","paddingTop","borderTop","secondLevelBackgroundColor","borderBottom","secondLevelItemColor","secondLevelItemPadding","menubar","selectedItemBorderTopThickness","selectedItemBorderBottomThickness","itemPadding","selected","secondLevelSelectedItemBorderTopColor","secondLevelSelectedItemBorderBottomColor","secondLevelSelectedItemColor","secondLevelSelectedItemBackgroundColor","borderRadius","secondLevelSelectedItemBorderRadius","selectedItemBorderTopColor","selectedItemBorderBottomColor","selectedItemColor","selectedItemBackgroundColor","selectedItemBorderRadius","link","textDecoration","button"],"mappings":";;;AAOA,MAAMA,OAAyB;AAAA,EAC7BC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,SAAU,GAAEC,MAAMC,MAAMC,~~MAAMF~~,MAAMC,MAAME;~~AAAAA~~,~~EAC1CC~~,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZ,YAAY;AAAA,IACVC,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTA,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGC;AAAAA,EACL;AAAA,EACA,UAAU;AAAA,IACRH,SAAS;AAAA,IACTI,eAAe;AAAA,IACfH,YAAY;AAAA,IACZI,gBAAgB;AAAA,EAClB;AAAA,EACA,iBAAiB;AAAA,IACfC,SAAS;AAAA,IACTP,QAAQ;AAAA,IACRQ,YAAY;AAAA,IACZC,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfC,YAAYhB,MAAMiB,YAAYC;AAAAA,IAE9B,iBAAiB;AAAA,MACfb,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEa,MAAA;AAAA,EAAEc;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,qBACA;AAAA,EACEC,MAAM;AAAA,IACJjB,SAAS;AAAA,IACT,UAAU;AAAA,MACRkB,OAAOvB,MAAMwB,OAAOD;AAAAA,IACtB;AAAA,IACA,WAAW;AAAA,MACTE,iBAAiBzB,MAAMwB,OAAOE;AAAAA,IAChC;AAAA,IACA,kBAAkB;AAAA,MAChBD,iBAAiBzB,MAAMwB,OAAOE;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJC,WAAW5B,MAAMwB,OAAOK;AAAAA,IACxBC,eAAe9B,MAAMwB,OAAOO;AAAAA,IAC5BC,YAAYhC,MAAMwB,OAAOO;AAAAA,IACzB3B,QAAQ;AAAA,IACR6B,WAAY,GAAEjC,MAAMwB,OAAOK,~~mDAAmD7B~~,MAAMwB,OAAOU;~~AAAAA~~,~~IAC3FC~~,cAAe,GAAEnC,MAAMwB,OAAOO,~~sDAAsD~~/B,MAAMwB,OAAOU;~~AAAAA~~,~~IACjG~~,iBAAiB;AAAA,MACfX,OAAOvB,MAAMwB,OAAOY;AAAAA,MACpBrC,SAASC,MAAMwB,OAAOa;AAAAA,IACxB;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPV,WAAW5B,MAAMwB,OAAOe;AAAAA,IACxBT,eAAe9B,MAAMwB,OAAOgB;AAAAA,IAC5BR,YAAYhC,MAAMwB,OAAOgB;AAAAA,IACzBpC,QAAQ;AAAA,IACR6B,WAAY,GAAEjC,MAAMwB,OAAOe,~~wCAAwCvC~~,MAAMwB,OAAOC;~~AAAAA~~,~~IAChFU~~,cAAe,GAAEnC,MAAMwB,OAAOgB,~~2CAA2CxC~~,MAAMwB,OAAOC;~~AAAAA~~,~~IACtF~~,gBAAgB;AAAA,MACd1B,SAASC,MAAMwB,OAAOiB;AAAAA,IACxB;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IACR,UAAU;AAAA,MACRd,WAAW;AAAA,MACXE,eAAe;AAAA,MACfG,WAAY,GAAEjC,MAAMwB,OAAOK,~~mDAAmD7B~~,MAAMwB,OAAOmB;~~AAAAA~~,~~MAC3FR~~,cAAe,GAAEnC,MAAMwB,OAAOO,~~sDAAsD~~/B,MAAMwB,OAAOoB;~~AAAAA~~,~~MACjGZ~~,YAAYhC,MAAMwB,OAAOO;AAAAA,MACzB3B,QAAQ;AAAA,MACR,gBAAgB;AAAA,QACdmB,OAAOvB,MAAMwB,OAAOqB;AAAAA,QACpBpB,iBAAiBzB,MAAMwB,OAAOsB;AAAAA,QAC9BC,cAAc/C,MAAMwB,OAAOwB;AAAAA,MAC7B;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACXpB,WAAW;AAAA,MACXE,eAAe;AAAA,MACfG,WAAY,GAAEjC,MAAMwB,OAAOe,~~wCAAwCvC~~,MAAMwB,OAAOyB;~~AAAAA~~,~~MAChFd~~,cAAe,GAAEnC,MAAMwB,OAAOgB,~~2CAA2CxC~~,MAAMwB,OAAO0B;~~AAAAA~~,~~MACtFlB~~,YAAYhC,MAAMwB,OAAOgB;AAAAA,MACzBpC,QAAQ;AAAA,MACR,gBAAgB;AAAA,QACdmB,OAAOvB,MAAMwB,OAAO2B;AAAAA,QACpB1B,iBAAiBzB,MAAMwB,OAAO4B;AAAAA,QAC9BL,cAAc/C,MAAMwB,OAAO6B;AAAAA,MAC7B;AAAA,IACF;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJC,gBAAgB;AAAA,IAChB,GAAG3D;AAAAA,EACL;AAAA,EACA4D,QAAQ;AAAA,IACNjC,OAAO;AAAA,IACP,GAAG3B;AAAAA,EACL;AACF,CACF;"}
1	+ {"version":3,"file":"MenuItem.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { CSSInterpolation } from \"@emotion/css\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nconst item: CSSInterpolation = {\n border: \"none\",\n cursor: \"pointer\",\n padding: `${theme.space.xs} ${theme.space.sm}`,\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n \"&:active\": {\n outline: \"none\",\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n \"& span\": {\n display: \"inline-flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n \"& span::after\": {\n content: \"attr(data-text)\",\n height: 0,\n visibility: \"hidden\",\n overflow: \"hidden\",\n userSelect: \"none\",\n pointerEvents: \"none\",\n fontWeight: theme.fontWeights.semibold,\n\n \"@media speech\": {\n display: \"none\",\n },\n },\n};\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvHeader-MenuItem\",\n {\n root: {\n display: \"inline\",\n \"& span\": {\n color: theme.header.color,\n },\n \"&:hover\": {\n backgroundColor: theme.header.hoverColor,\n },\n \"&:focus-within\": {\n backgroundColor: theme.header.hoverColor,\n },\n },\n menu: {\n marginTop: theme.header.secondLevelSelectedItemBorderTopThickness,\n paddingBottom: theme.header.secondLevelSelectedItemBorderBottomThickness,\n paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n height: \"100%\",\n borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelBackgroundColor}`,\n borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelBackgroundColor}`,\n \"&& > * > span\": {\n color: theme.header.secondLevelItemColor,\n padding: theme.header.secondLevelItemPadding,\n },\n },\n menubar: {\n marginTop: theme.header.selectedItemBorderTopThickness,\n paddingBottom: theme.header.selectedItemBorderBottomThickness,\n paddingTop: theme.header.selectedItemBorderBottomThickness,\n height: \"100%\",\n borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.backgroundColor}`,\n borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.backgroundColor}`,\n \"& > * > span\": {\n padding: theme.header.itemPadding,\n },\n },\n selected: {\n \"&$menu\": {\n marginTop: 0,\n paddingBottom: 0,\n borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelSelectedItemBorderTopColor}`,\n borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelSelectedItemBorderBottomColor}`,\n paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n height: \"100%\",\n \"& > * > span\": {\n color: theme.header.secondLevelSelectedItemColor,\n backgroundColor: theme.header.secondLevelSelectedItemBackgroundColor,\n borderRadius: theme.header.secondLevelSelectedItemBorderRadius,\n },\n },\n \"&$menubar\": {\n marginTop: 0,\n paddingBottom: 0,\n borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n paddingTop: theme.header.selectedItemBorderBottomThickness,\n height: \"100%\",\n \"& > * > span\": {\n color: theme.header.selectedItemColor,\n backgroundColor: theme.header.selectedItemBackgroundColor,\n borderRadius: theme.header.selectedItemBorderRadius,\n },\n },\n },\n link: {\n textDecoration: \"none\",\n ...item,\n },\n button: {\n color: \"inherit\",\n ...item,\n },\n }\n);\n"],"names":["item","border","cursor","padding","theme","space","xs","sm","height","display","alignItems","outline","outlineStyles","flexDirection","justifyContent","content","visibility","overflow","userSelect","pointerEvents","fontWeight","fontWeights","semibold","staticClasses","useClasses","createClasses","root","color","header","backgroundColor","hoverColor","menu","marginTop","secondLevelSelectedItemBorderTopThickness","paddingBottom","secondLevelSelectedItemBorderBottomThickness","paddingTop","borderTop","secondLevelBackgroundColor","borderBottom","secondLevelItemColor","secondLevelItemPadding","menubar","selectedItemBorderTopThickness","selectedItemBorderBottomThickness","itemPadding","selected","secondLevelSelectedItemBorderTopColor","secondLevelSelectedItemBorderBottomColor","secondLevelSelectedItemColor","secondLevelSelectedItemBackgroundColor","borderRadius","secondLevelSelectedItemBorderRadius","selectedItemBorderTopColor","selectedItemBorderBottomColor","selectedItemColor","selectedItemBackgroundColor","selectedItemBorderRadius","link","textDecoration","button"],"mappings":"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"}

package/dist/esm/components/InlineEditor/InlineEditor.styles.js.map CHANGED Viewed

	@@ -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(\"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	+ {"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,SAAU,IAAGC,gBAAaD,SAAU,EAAC,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,WAAY;AAAA,IAE1C,oBAAoB;AAAA,MAClBF,QAAS,GAAEb,MAAMc,aAAaC,WAAY,UAASf,MAAMc,aAAaE,gBAAiB;AAAA,MACvFJ,iBAAiB;AAAA,MAEjB,WAAW;AAAA,QACTK,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACVJ,QAAS,GAAEb,MAAMc,aAAaC,WAAY,UAASf,MAAMc,aAAaI,iBAAkB;AAAA,MACxFN,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;"}

package/dist/esm/components/Input/Input.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.styles.js","sources":["../../../../src/components/Input/Input.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { suggestionsClasses } from \"@core/components/Forms\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInput\", {\n root: { display: \"block\" },\n labelContainer: { display: \"flex\", alignItems: \"flex-start\" },\n label: { paddingBottom: \"6px\", display: \"block\" },\n description: {},\n adornmentsBox: {\n display: \"flex\",\n flexDirection: \"row\",\n height: \"30px\",\n justifyContent: \"center\",\n marginRight: 1,\n },\n icon: { width: \"30px\", height: \"30px\" },\n adornmentButton: {\n backgroundColor: \"transparent\",\n border: \"none\",\n padding: 0,\n margin: 0,\n cursor: \"pointer\",\n },\n iconClear: { display: \"none\" },\n hasSuggestions: {},\n suggestionsContainer: { width: \"100%\", position: \"relative\" },\n suggestionList: {\n [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n width: \"100%\",\n },\n },\n inputExtension: {\n height: theme.space.xs,\n backgroundColor: theme.colors.atmo1,\n boxShadow: `0px 8px 0px ${theme.colors.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n },\n input: {\n \"&::-ms-clear\": {\n display: \"none\",\n },\n },\n inputRoot: {\n \":hover\": {\n \"& $iconClear\": {\n display: \"block\",\n },\n },\n \":focus-within $iconClear\": {\n display: \"block\",\n },\n },\n inputRootFocused: {\n \"& $iconClear\": {\n display: \"block\",\n },\n },\n inputRootDisabled: {\n cursor: \"not-allowed\",\n },\n inputRootMultiline: { padding: 0 },\n inputBorderContainer: {\n \"$hasSuggestions &\": {\n display: \"none\",\n },\n },\n error: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","labelContainer","alignItems","label","paddingBottom","description","adornmentsBox","flexDirection","height","justifyContent","marginRight","icon","width","adornmentButton","backgroundColor","border","padding","margin","cursor","iconClear","hasSuggestions","suggestionsContainer","position","suggestionList","suggestionsClasses","list","inputExtension","theme","space","xs","colors","atmo1","boxShadow","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","error"],"mappings":";;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAQ;AAAA,EACzBC,gBAAgB;AAAA,IAAED,SAAS;AAAA,IAAQE,YAAY;AAAA,EAAa;AAAA,EAC5DC,OAAO;AAAA,IAAEC,eAAe;AAAA,IAAOJ,SAAS;AAAA,EAAQ;AAAA,EAChDK,aAAa,CAAC;AAAA,EACdC,eAAe;AAAA,IACbN,SAAS;AAAA,IACTO,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,IAChBC,aAAa;AAAA,EACf;AAAA,EACAC,MAAM;AAAA,IAAEC,OAAO;AAAA,IAAQJ,QAAQ;AAAA,EAAO;AAAA,EACtCK,iBAAiB;AAAA,IACfC,iBAAiB;AAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,QAAQ;AAAA,EACV;AAAA,EACAC,WAAW;AAAA,IAAEnB,SAAS;AAAA,EAAO;AAAA,EAC7BoB,gBAAgB,CAAC;AAAA,EACjBC,sBAAsB;AAAA,IAAET,OAAO;AAAA,IAAQU,UAAU;AAAA,EAAW;AAAA,EAC5DC,gBAAgB;AAAA,IACd,CAAE,MAAKC,gBAAmBzB,~~SAASyB~~,gBAAmBC,~~QAAQ~~,GAAG;AAAA,MAC/Db,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACAc,gBAAgB;AAAA,IACdlB,QAAQmB,MAAMC,MAAMC;AAAAA,IACpBf,iBAAiBa,MAAMG,OAAOC;AAAAA,IAC9BC,WAAY,eAAcL,MAAMG,OAAOC;~~AAAAA~~,~~EACzC~~;AAAA,EACAE,OAAO;AAAA,IACL,gBAAgB;AAAA,MACdjC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAkC,WAAW;AAAA,IACT,UAAU;AAAA,MACR,gBAAgB;AAAA,QACdlC,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,4BAA4B;AAAA,MAC1BA,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAmC,kBAAkB;AAAA,IAChB,gBAAgB;AAAA,MACdnC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAoC,mBAAmB;AAAA,IACjBlB,QAAQ;AAAA,EACV;AAAA,EACAmB,oBAAoB;AAAA,IAAErB,SAAS;AAAA,EAAE;AAAA,EACjCsB,sBAAsB;AAAA,IACpB,qBAAqB;AAAA,MACnBtC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAuC,OAAO,CAAC;AACV,CAAC;"}
1	+ {"version":3,"file":"Input.styles.js","sources":["../../../../src/components/Input/Input.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { suggestionsClasses } from \"@core/components/Forms\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInput\", {\n root: { display: \"block\" },\n labelContainer: { display: \"flex\", alignItems: \"flex-start\" },\n label: { paddingBottom: \"6px\", display: \"block\" },\n description: {},\n adornmentsBox: {\n display: \"flex\",\n flexDirection: \"row\",\n height: \"30px\",\n justifyContent: \"center\",\n marginRight: 1,\n },\n icon: { width: \"30px\", height: \"30px\" },\n adornmentButton: {\n backgroundColor: \"transparent\",\n border: \"none\",\n padding: 0,\n margin: 0,\n cursor: \"pointer\",\n },\n iconClear: { display: \"none\" },\n hasSuggestions: {},\n suggestionsContainer: { width: \"100%\", position: \"relative\" },\n suggestionList: {\n [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n width: \"100%\",\n },\n },\n inputExtension: {\n height: theme.space.xs,\n backgroundColor: theme.colors.atmo1,\n boxShadow: `0px 8px 0px ${theme.colors.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n },\n input: {\n \"&::-ms-clear\": {\n display: \"none\",\n },\n },\n inputRoot: {\n \":hover\": {\n \"& $iconClear\": {\n display: \"block\",\n },\n },\n \":focus-within $iconClear\": {\n display: \"block\",\n },\n },\n inputRootFocused: {\n \"& $iconClear\": {\n display: \"block\",\n },\n },\n inputRootDisabled: {\n cursor: \"not-allowed\",\n },\n inputRootMultiline: { padding: 0 },\n inputBorderContainer: {\n \"$hasSuggestions &\": {\n display: \"none\",\n },\n },\n error: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","labelContainer","alignItems","label","paddingBottom","description","adornmentsBox","flexDirection","height","justifyContent","marginRight","icon","width","adornmentButton","backgroundColor","border","padding","margin","cursor","iconClear","hasSuggestions","suggestionsContainer","position","suggestionList","suggestionsClasses","list","inputExtension","theme","space","xs","colors","atmo1","boxShadow","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","error"],"mappings":";;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAQ;AAAA,EACzBC,gBAAgB;AAAA,IAAED,SAAS;AAAA,IAAQE,YAAY;AAAA,EAAa;AAAA,EAC5DC,OAAO;AAAA,IAAEC,eAAe;AAAA,IAAOJ,SAAS;AAAA,EAAQ;AAAA,EAChDK,aAAa,CAAC;AAAA,EACdC,eAAe;AAAA,IACbN,SAAS;AAAA,IACTO,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,IAChBC,aAAa;AAAA,EACf;AAAA,EACAC,MAAM;AAAA,IAAEC,OAAO;AAAA,IAAQJ,QAAQ;AAAA,EAAO;AAAA,EACtCK,iBAAiB;AAAA,IACfC,iBAAiB;AAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,QAAQ;AAAA,EACV;AAAA,EACAC,WAAW;AAAA,IAAEnB,SAAS;AAAA,EAAO;AAAA,EAC7BoB,gBAAgB,CAAC;AAAA,EACjBC,sBAAsB;AAAA,IAAET,OAAO;AAAA,IAAQU,UAAU;AAAA,EAAW;AAAA,EAC5DC,gBAAgB;AAAA,IACd,CAAE,MAAKC,gBAAmBzB,IAAK,KAAIyB,gBAAmBC,IAAK,IAAG,GAAG;AAAA,MAC/Db,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACAc,gBAAgB;AAAA,IACdlB,QAAQmB,MAAMC,MAAMC;AAAAA,IACpBf,iBAAiBa,MAAMG,OAAOC;AAAAA,IAC9BC,WAAY,eAAcL,MAAMG,OAAOC,KAAM;AAAA,EAC/C;AAAA,EACAE,OAAO;AAAA,IACL,gBAAgB;AAAA,MACdjC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAkC,WAAW;AAAA,IACT,UAAU;AAAA,MACR,gBAAgB;AAAA,QACdlC,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,4BAA4B;AAAA,MAC1BA,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAmC,kBAAkB;AAAA,IAChB,gBAAgB;AAAA,MACdnC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAoC,mBAAmB;AAAA,IACjBlB,QAAQ;AAAA,EACV;AAAA,EACAmB,oBAAoB;AAAA,IAAErB,SAAS;AAAA,EAAE;AAAA,EACjCsB,sBAAsB;AAAA,IACpB,qBAAqB;AAAA,MACnBtC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAuC,OAAO,CAAC;AACV,CAAC;"}

package/dist/esm/components/List/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { forwardRef, isValidElement, useEffect, useMemo, useRef } from \"react\";\n\nimport { FixedSizeList } from \"react-window\";\n\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvListContainer, HvListItem } from \"@core/components/ListContainer\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { setId } from \"@core/utils/setId\";\nimport { wrapperTooltip } from \"@core/utils/wrapperTooltip\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvCheckBox } from \"@core/components/CheckBox\";\nimport { HvLink } from \"@core/components/Link\";\nimport { HvRadio } from \"@core/components/Radio\";\n\nimport { staticClasses, useClasses } from \"./List.styles\";\nimport { useSelectableList } from \"./useSelectableList\";\nimport { parseList } from \"./utils\";\nimport { HvListLabels, HvListValue } from \"./types\";\n\nexport { staticClasses as listClasses };\n\nexport type HvListClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvListProps\n extends HvBaseProps<HTMLUListElement, \"onChange\" \| \"onClick\"> {\n /*\n A list containing the elements to be rendered.\n \n - id: The id of the item.\n * - label: The label of the element to be rendered.\n * - selected: The selection state of the element.\n * - disabled: The disabled state of the element.\n * - isHidden: Is item visible.\n * - icon: The icon.\n * - showNavIcon: If true renders the navigation icon on the right.\n * - path: The path to navigate to.\n /\n values: HvListValue[];\n /* If true renders a multi select list. /\n multiSelect?: boolean;\n /\n If true renders select all option for multi selection lists with selectors.\n * note: It will only be rendered if multiSelect and useSelector props are set to true.\n /\n showSelectAll?: boolean;\n /* An object containing all the labels for the dropdown. /\n labels?: HvListLabels;\n /* If true renders list items with radio or checkbox selectors. /\n useSelector?: boolean;\n /* Call back fired when list item is selected. Returns selection state. /\n onChange?: (value: HvListValue[]) => void;\n /* Call back fired when list item is selected. Returns selected item. /\n onClick?: (\n event: React.ChangeEvent<HTMLLIElement>,\n value: HvListValue\n ) => void;\n /* If `true` the list items will show the selection state. /\n selectable?: boolean;\n /* If `true`, selection can be toggled when single selection. /\n singleSelectionToggle?: boolean;\n /* If `true` the list will be rendered without vertical spacing. /\n condensed?: boolean;\n /* If `true` the dropdown will show tooltips when user mouseenter text in list /\n hasTooltips?: boolean;\n /* Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used /\n height?: number;\n /* Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options. /\n virtualized?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvListClasses;\n}\n\nconst DEFAULT_LABELS = {\n selectAll: \"Select All\",\n selectionConjunction: \"/\",\n};\n\n/\n Component used to show a set of related data to the user.\n */\nexport const HvList = (props: HvListProps) => {\n const {\n id,\n classes: classesProp,\n className,\n multiSelect = false,\n hasTooltips = false,\n showSelectAll = false,\n labels = DEFAULT_LABELS,\n useSelector = false,\n selectable = true,\n singleSelectionToggle = true,\n condensed = false,\n onChange,\n onClick,\n values: valuesProp = [],\n height,\n virtualized = false,\n ...others\n } = useDefaultProps(\"HvList\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const [list, setList, selection] = useSelectableList(valuesProp);\n const listRef = useRef<any>(null);\n\n useEffect(() => {\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const parsedList: HvListValue[] = parseList(\n undefined,\n passedProps,\n undefined,\n valuesProp\n );\n\n setList(parsedList);\n }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n const handleSelect = (evt, item) => {\n if (!item.path) evt.preventDefault();\n if (item.disabled) return;\n\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const parsedList = parseList(item, passedProps, undefined, list);\n setList(parsedList);\n\n onClick?.(evt, item);\n onChange?.(parsedList);\n };\n\n const handleSelectAll = () => {\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const anySelectableSelected = list.some(\n (elem) => elem.selected \|\| elem.disabled\n );\n const parsedList = parseList(\n undefined,\n passedProps,\n !anySelectableSelected,\n list\n );\n setList(parsedList);\n\n onChange?.(parsedList);\n };\n\n const renderLeftIcon = (item) => {\n return isValidElement(item.icon)\n ? item.icon\n : item.icon?.({\n isSelected: item.selected,\n isDisabled: item.disabled,\n });\n };\n\n const renderSelectAll = () => {\n const { selectAll, selectionConjunction } = labels;\n\n const anySelected = !!selection?.length;\n const allSelected = selection.length === list.length;\n\n const selectionLabel = (\n <HvTypography component=\"span\">\n {!anySelected ? (\n <>\n <b>{selectAll}</b>\n {` (${list.length})`}\n </>\n ) : (\n <>\n <b>{selection.length}</b>\n {`\\xa0${selectionConjunction}\\xa0`}\n {list.length}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={selectionLabel}\n onChange={handleSelectAll}\n className={classes.selectAllSelector}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n );\n };\n\n const renderItemText = (item) => {\n const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n return !multiSelect && item.path ? (\n <HvLink key={item.label} route={item.path} classes={{ a: classes.link }}>\n <ItemText />\n </HvLink>\n ) : (\n <ItemText />\n );\n };\n\n const renderMultiSelectItem = (item, itemId) => {\n if (useSelector) {\n const Selection = wrapperTooltip(\n hasTooltips,\n <HvCheckBox\n id={setId(itemId, \"selector\")}\n label={item.label}\n checked={item.selected}\n disabled={item.disabled}\n onChange={(evt) => handleSelect(evt, item)}\n classes={{\n root: classes.selectorRoot,\n container: classes.selectorContainer,\n label: classes.truncate,\n }}\n />,\n item.label\n );\n return <Selection />;\n }\n\n return renderItemText(item);\n };\n\n const renderSingleSelectItem = (item, itemId) => {\n if (useSelector) {\n const Selection = wrapperTooltip(\n hasTooltips,\n <HvRadio\n id={setId(itemId, \"selector\")}\n label={item.label}\n checked={item.selected}\n disabled={item.disabled}\n classes={{\n root: classes.selectorRoot,\n container: classes.selectorContainer,\n label: classes.truncate,\n }}\n />,\n item.label\n );\n return <Selection />;\n }\n return renderItemText(item);\n };\n\n const renderListItem = (item, i, otherProps = {}) => {\n const itemId = setId(id, \"item\", i);\n const selected = item.selected \|\| false;\n\n let startAdornment = null;\n if (!useSelector && item.icon) {\n startAdornment = renderLeftIcon(item);\n }\n\n return (\n <HvListItem\n key={i}\n id={itemId}\n role={selectable ? \"option\" : \"menuitem\"}\n disabled={item.disabled \|\| undefined}\n className={classes.item}\n classes={{\n selected: cx({\n [classes.itemSelector]: useSelector \|\| multiSelect,\n }),\n }}\n selected={multiSelect \|\| selected ? selected : undefined}\n onClick={(evt) => handleSelect(evt, item)}\n startAdornment={startAdornment}\n endAdornment={\n item.showNavIcon && (\n <DropRightXS className={classes.box} iconSize=\"XS\" />\n )\n }\n {...otherProps}\n >\n {multiSelect\n ? renderMultiSelectItem(item, itemId)\n : renderSingleSelectItem(item, itemId)}\n </HvListItem>\n );\n };\n\n const filteredList = list.filter((it) => !it.isHidden);\n const anySelected = list\n .map((item) => item.selected && !item.disabled)\n .reduce((result, selected) => result \|\| selected, false);\n\n const selectedItemIndex = list.findIndex((item) => item.selected);\n useEffect(() => {\n if (selectedItemIndex >= 0 && listRef.current !== null) {\n listRef.current.scrollToItem(selectedItemIndex);\n }\n }, [listRef, selectedItemIndex]);\n\n const ListItem = ({ index, style }) => {\n const item = filteredList[index];\n const tabIndex =\n item.tabIndex \|\|\n (!anySelected && index === 0) \|\|\n (item.selected && !item.disabled)\n ? 0\n : -1;\n\n return renderListItem(item, index, {\n style: {\n ...style,\n top: `${parseFloat(style.top) + 5}px`,\n left: `${parseFloat(style.left) + 5}px`,\n width: `calc(${parseFloat(style.width)}% - 10px)`,\n },\n tabIndex,\n interactive: true,\n condensed,\n disableGutters: useSelector,\n });\n };\n\n const renderFixedList = useMemo(() => {\n return forwardRef(({ ...rest }, ref) => (\n <HvListContainer\n id={id}\n className={cx(classes.root, className)}\n role={selectable ? \"listbox\" : \"menu\"}\n interactive\n condensed={condensed}\n disableGutters={useSelector}\n aria-multiselectable={(selectable && multiSelect) \|\| undefined}\n ref={ref}\n {...rest}\n />\n ));\n }, [\n cx,\n id,\n useSelector,\n className,\n classes,\n condensed,\n selectable,\n multiSelect,\n ]);\n\n return (\n <>\n {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n {filteredList.length > 0 && !virtualized && (\n <HvListContainer\n id={id}\n className={cx(classes.root, className)}\n role={selectable ? \"listbox\" : \"menu\"}\n interactive\n condensed={condensed}\n disableGutters={useSelector}\n aria-multiselectable={(selectable && multiSelect) \|\| undefined}\n {...others}\n >\n {filteredList.map((item, i) => renderListItem(item, i))}\n </HvListContainer>\n )}\n {filteredList.length > 0 && virtualized && (\n <FixedSizeList\n ref={listRef}\n className={classes.virtualizedRoot}\n height={(height \|\| 0) + 5}\n width=\"100%\"\n itemCount={filteredList.length}\n itemSize={condensed ? 32 : 40}\n innerElementType={renderFixedList}\n {...others}\n >\n {ListItem}\n </FixedSizeList>\n )}\n </>\n );\n};\n"],"names":["DEFAULT_LABELS","selectAll","selectionConjunction","HvList","props","id","classes","classesProp","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","useDefaultProps","cx","useClasses","list","setList","selection","useSelectableList","listRef","useRef","useEffect","passedProps","parsedList","parseList","undefined","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","isValidElement","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","HvTypography","component","children","_jsxs","_Fragment","_jsx","HvCheckBox","setId","label","selectAllSelector","indeterminate","checked","renderItemText","ItemText","wrapperTooltip","HvLink","route","a","link","renderMultiSelectItem","itemId","Selection","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","HvRadio","renderListItem","i","otherProps","startAdornment","HvListItem","role","itemSelector","endAdornment","showNavIcon","DropRightXS","box","iconSize","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","renderFixedList","useMemo","forwardRef","rest","ref","HvListContainer","FixedSizeList","virtualizedRoot","itemCount","itemSize","innerElementType"],"mappings":"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"}
1	+ {"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { forwardRef, isValidElement, useEffect, useMemo, useRef } from \"react\";\n\nimport { FixedSizeList } from \"react-window\";\n\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvListContainer, HvListItem } from \"@core/components/ListContainer\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { setId } from \"@core/utils/setId\";\nimport { wrapperTooltip } from \"@core/utils/wrapperTooltip\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvCheckBox } from \"@core/components/CheckBox\";\nimport { HvLink } from \"@core/components/Link\";\nimport { HvRadio } from \"@core/components/Radio\";\n\nimport { staticClasses, useClasses } from \"./List.styles\";\nimport { useSelectableList } from \"./useSelectableList\";\nimport { parseList } from \"./utils\";\nimport { HvListLabels, HvListValue } from \"./types\";\n\nexport { staticClasses as listClasses };\n\nexport type HvListClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvListProps\n extends HvBaseProps<HTMLUListElement, \"onChange\" \| \"onClick\"> {\n /*\n A list containing the elements to be rendered.\n \n - id: The id of the item.\n * - label: The label of the element to be rendered.\n * - selected: The selection state of the element.\n * - disabled: The disabled state of the element.\n * - isHidden: Is item visible.\n * - icon: The icon.\n * - showNavIcon: If true renders the navigation icon on the right.\n * - path: The path to navigate to.\n /\n values: HvListValue[];\n /* If true renders a multi select list. /\n multiSelect?: boolean;\n /\n If true renders select all option for multi selection lists with selectors.\n * note: It will only be rendered if multiSelect and useSelector props are set to true.\n /\n showSelectAll?: boolean;\n /* An object containing all the labels for the dropdown. /\n labels?: HvListLabels;\n /* If true renders list items with radio or checkbox selectors. /\n useSelector?: boolean;\n /* Call back fired when list item is selected. Returns selection state. /\n onChange?: (value: HvListValue[]) => void;\n /* Call back fired when list item is selected. Returns selected item. /\n onClick?: (\n event: React.ChangeEvent<HTMLLIElement>,\n value: HvListValue\n ) => void;\n /* If `true` the list items will show the selection state. /\n selectable?: boolean;\n /* If `true`, selection can be toggled when single selection. /\n singleSelectionToggle?: boolean;\n /* If `true` the list will be rendered without vertical spacing. /\n condensed?: boolean;\n /* If `true` the dropdown will show tooltips when user mouseenter text in list /\n hasTooltips?: boolean;\n /* Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used /\n height?: number;\n /* Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options. /\n virtualized?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvListClasses;\n}\n\nconst DEFAULT_LABELS = {\n selectAll: \"Select All\",\n selectionConjunction: \"/\",\n};\n\n/\n Component used to show a set of related data to the user.\n */\nexport const HvList = (props: HvListProps) => {\n const {\n id,\n classes: classesProp,\n className,\n multiSelect = false,\n hasTooltips = false,\n showSelectAll = false,\n labels = DEFAULT_LABELS,\n useSelector = false,\n selectable = true,\n singleSelectionToggle = true,\n condensed = false,\n onChange,\n onClick,\n values: valuesProp = [],\n height,\n virtualized = false,\n ...others\n } = useDefaultProps(\"HvList\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const [list, setList, selection] = useSelectableList(valuesProp);\n const listRef = useRef<any>(null);\n\n useEffect(() => {\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const parsedList: HvListValue[] = parseList(\n undefined,\n passedProps,\n undefined,\n valuesProp\n );\n\n setList(parsedList);\n }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n const handleSelect = (evt, item) => {\n if (!item.path) evt.preventDefault();\n if (item.disabled) return;\n\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const parsedList = parseList(item, passedProps, undefined, list);\n setList(parsedList);\n\n onClick?.(evt, item);\n onChange?.(parsedList);\n };\n\n const handleSelectAll = () => {\n const passedProps = { multiSelect, selectable, singleSelectionToggle };\n const anySelectableSelected = list.some(\n (elem) => elem.selected \|\| elem.disabled\n );\n const parsedList = parseList(\n undefined,\n passedProps,\n !anySelectableSelected,\n list\n );\n setList(parsedList);\n\n onChange?.(parsedList);\n };\n\n const renderLeftIcon = (item) => {\n return isValidElement(item.icon)\n ? item.icon\n : item.icon?.({\n isSelected: item.selected,\n isDisabled: item.disabled,\n });\n };\n\n const renderSelectAll = () => {\n const { selectAll, selectionConjunction } = labels;\n\n const anySelected = !!selection?.length;\n const allSelected = selection.length === list.length;\n\n const selectionLabel = (\n <HvTypography component=\"span\">\n {!anySelected ? (\n <>\n <b>{selectAll}</b>\n {` (${list.length})`}\n </>\n ) : (\n <>\n <b>{selection.length}</b>\n {`\\xa0${selectionConjunction}\\xa0`}\n {list.length}\n </>\n )}\n </HvTypography>\n );\n\n return (\n <HvCheckBox\n id={setId(id, \"select-all\")}\n label={selectionLabel}\n onChange={handleSelectAll}\n className={classes.selectAllSelector}\n indeterminate={anySelected && !allSelected}\n checked={allSelected}\n />\n );\n };\n\n const renderItemText = (item) => {\n const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n return !multiSelect && item.path ? (\n <HvLink key={item.label} route={item.path} classes={{ a: classes.link }}>\n <ItemText />\n </HvLink>\n ) : (\n <ItemText />\n );\n };\n\n const renderMultiSelectItem = (item, itemId) => {\n if (useSelector) {\n const Selection = wrapperTooltip(\n hasTooltips,\n <HvCheckBox\n id={setId(itemId, \"selector\")}\n label={item.label}\n checked={item.selected}\n disabled={item.disabled}\n onChange={(evt) => handleSelect(evt, item)}\n classes={{\n root: classes.selectorRoot,\n container: classes.selectorContainer,\n label: classes.truncate,\n }}\n />,\n item.label\n );\n return <Selection />;\n }\n\n return renderItemText(item);\n };\n\n const renderSingleSelectItem = (item, itemId) => {\n if (useSelector) {\n const Selection = wrapperTooltip(\n hasTooltips,\n <HvRadio\n id={setId(itemId, \"selector\")}\n label={item.label}\n checked={item.selected}\n disabled={item.disabled}\n classes={{\n root: classes.selectorRoot,\n container: classes.selectorContainer,\n label: classes.truncate,\n }}\n />,\n item.label\n );\n return <Selection />;\n }\n return renderItemText(item);\n };\n\n const renderListItem = (item, i, otherProps = {}) => {\n const itemId = setId(id, \"item\", i);\n const selected = item.selected \|\| false;\n\n let startAdornment = null;\n if (!useSelector && item.icon) {\n startAdornment = renderLeftIcon(item);\n }\n\n return (\n <HvListItem\n key={i}\n id={itemId}\n role={selectable ? \"option\" : \"menuitem\"}\n disabled={item.disabled \|\| undefined}\n className={classes.item}\n classes={{\n selected: cx({\n [classes.itemSelector]: useSelector \|\| multiSelect,\n }),\n }}\n selected={multiSelect \|\| selected ? selected : undefined}\n onClick={(evt) => handleSelect(evt, item)}\n startAdornment={startAdornment}\n endAdornment={\n item.showNavIcon && (\n <DropRightXS className={classes.box} iconSize=\"XS\" />\n )\n }\n {...otherProps}\n >\n {multiSelect\n ? renderMultiSelectItem(item, itemId)\n : renderSingleSelectItem(item, itemId)}\n </HvListItem>\n );\n };\n\n const filteredList = list.filter((it) => !it.isHidden);\n const anySelected = list\n .map((item) => item.selected && !item.disabled)\n .reduce((result, selected) => result \|\| selected, false);\n\n const selectedItemIndex = list.findIndex((item) => item.selected);\n useEffect(() => {\n if (selectedItemIndex >= 0 && listRef.current !== null) {\n listRef.current.scrollToItem(selectedItemIndex);\n }\n }, [listRef, selectedItemIndex]);\n\n const ListItem = ({ index, style }) => {\n const item = filteredList[index];\n const tabIndex =\n item.tabIndex \|\|\n (!anySelected && index === 0) \|\|\n (item.selected && !item.disabled)\n ? 0\n : -1;\n\n return renderListItem(item, index, {\n style: {\n ...style,\n top: `${parseFloat(style.top) + 5}px`,\n left: `${parseFloat(style.left) + 5}px`,\n width: `calc(${parseFloat(style.width)}% - 10px)`,\n },\n tabIndex,\n interactive: true,\n condensed,\n disableGutters: useSelector,\n });\n };\n\n const renderFixedList = useMemo(() => {\n return forwardRef(({ ...rest }, ref) => (\n <HvListContainer\n id={id}\n className={cx(classes.root, className)}\n role={selectable ? \"listbox\" : \"menu\"}\n interactive\n condensed={condensed}\n disableGutters={useSelector}\n aria-multiselectable={(selectable && multiSelect) \|\| undefined}\n ref={ref}\n {...rest}\n />\n ));\n }, [\n cx,\n id,\n useSelector,\n className,\n classes,\n condensed,\n selectable,\n multiSelect,\n ]);\n\n return (\n <>\n {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n {filteredList.length > 0 && !virtualized && (\n <HvListContainer\n id={id}\n className={cx(classes.root, className)}\n role={selectable ? \"listbox\" : \"menu\"}\n interactive\n condensed={condensed}\n disableGutters={useSelector}\n aria-multiselectable={(selectable && multiSelect) \|\| undefined}\n {...others}\n >\n {filteredList.map((item, i) => renderListItem(item, i))}\n </HvListContainer>\n )}\n {filteredList.length > 0 && virtualized && (\n <FixedSizeList\n ref={listRef}\n className={classes.virtualizedRoot}\n height={(height \|\| 0) + 5}\n width=\"100%\"\n itemCount={filteredList.length}\n itemSize={condensed ? 32 : 40}\n innerElementType={renderFixedList}\n {...others}\n >\n {ListItem}\n </FixedSizeList>\n )}\n </>\n );\n};\n"],"names":["DEFAULT_LABELS","selectAll","selectionConjunction","HvList","props","id","classes","classesProp","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","useDefaultProps","cx","useClasses","list","setList","selection","useSelectableList","listRef","useRef","useEffect","passedProps","parsedList","parseList","undefined","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","isValidElement","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","HvTypography","component","children","_jsxs","_Fragment","_jsx","HvCheckBox","setId","label","selectAllSelector","indeterminate","checked","renderItemText","ItemText","wrapperTooltip","HvLink","route","a","link","renderMultiSelectItem","itemId","Selection","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","HvRadio","renderListItem","i","otherProps","startAdornment","HvListItem","role","itemSelector","endAdornment","showNavIcon","DropRightXS","box","iconSize","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","renderFixedList","useMemo","forwardRef","rest","ref","HvListContainer","FixedSizeList","virtualizedRoot","itemCount","itemSize","innerElementType"],"mappings":";;;;;;;;;;;;;;;;;AA2EA,MAAMA,iBAAiB;AAAA,EACrBC,WAAW;AAAA,EACXC,sBAAsB;AACxB;AAKaC,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC,cAAc;AAAA,IACdC,cAAc;AAAA,IACdC,gBAAgB;AAAA,IAChBC,SAASZ;AAAAA,IACTa,cAAc;AAAA,IACdC,aAAa;AAAA,IACbC,wBAAwB;AAAA,IACxBC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,QAAQC,aAAa,CAAE;AAAA,IACvBC;AAAAA,IACAC,cAAc;AAAA,IACd,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,UAAUpB,KAAK;AAE7B,QAAA;AAAA,IAAEE;AAAAA,IAASmB;AAAAA,EAAAA,IAAOC,WAAWnB,WAAW;AAE9C,QAAM,CAACoB,MAAMC,SAASC,SAAS,IAAIC,kBAAkBV,UAAU;AACzDW,QAAAA,UAAUC,OAAY,IAAI;AAEhCC,YAAU,MAAM;AACd,UAAMC,cAAc;AAAA,MAAEzB;AAAAA,MAAaK;AAAAA,MAAYC;AAAAA,IAAAA;AAC/C,UAAMoB,aAA4BC,UAChCC,QACAH,aACAG,QACAjB,UACF;AAEAQ,YAAQO,UAAU;AAAA,EAAA,GACjB,CAACf,YAAYX,aAAaK,YAAYC,uBAAuBa,OAAO,CAAC;AAElEU,QAAAA,eAAeA,CAACC,KAAKC,SAAS;AAClC,QAAI,CAACA,KAAKC;AAAMF,UAAIG,eAAe;AACnC,QAAIF,KAAKG;AAAU;AAEnB,UAAMT,cAAc;AAAA,MAAEzB;AAAAA,MAAaK;AAAAA,MAAYC;AAAAA,IAAAA;AAC/C,UAAMoB,aAAaC,UAAUI,MAAMN,aAAaG,QAAWV,IAAI;AAC/DC,YAAQO,UAAU;AAElBjB,uCAAUqB,KAAKC;AACfvB,yCAAWkB;AAAAA,EAAU;AAGvB,QAAMS,kBAAkBA,MAAM;AAC5B,UAAMV,cAAc;AAAA,MAAEzB;AAAAA,MAAaK;AAAAA,MAAYC;AAAAA,IAAAA;AAC/C,UAAM8B,wBAAwBlB,KAAKmB,KAChCC,UAASA,KAAKC,YAAYD,KAAKJ,QAClC;AACA,UAAMR,aAAaC,UACjBC,QACAH,aACA,CAACW,uBACDlB,IACF;AACAC,YAAQO,UAAU;AAElBlB,yCAAWkB;AAAAA,EAAU;AAGvB,QAAMc,iBAAkBT,CAAS,SAAA;;AAC/B,WAAOU,eAAeV,KAAKW,IAAI,IAC3BX,KAAKW,QACLX,UAAKW,SAALX,8BAAY;AAAA,MACVY,YAAYZ,KAAKQ;AAAAA,MACjBK,YAAYb,KAAKG;AAAAA,IAAAA;AAAAA,EAClB;AAGP,QAAMW,kBAAkBA,MAAM;AACtB,UAAA;AAAA,MAAErD;AAAAA,MAAWC;AAAAA,IAAyBU,IAAAA;AAEtC2C,UAAAA,eAAc,CAAC,EAAC1B,uCAAW2B;AAC3BC,UAAAA,cAAc5B,UAAU2B,WAAW7B,KAAK6B;AAExCE,UAAAA,qCACHC,cAAY;AAAA,MAACC,WAAU;AAAA,MAAMC,UAC3B,CAACN,eACAO,qBAAAC,UAAA;AAAA,QAAAF,WACEG,oBAAA,KAAA;AAAA,UAAAH,UAAI5D;AAAAA,QAAa,CAAA,GACf,KAAI0B,KAAK6B,MAAO,GAAE;AAAA,MAAA,CACpB,IAEFM,qBAAAC,UAAA;AAAA,QAAAF,WACEG,oBAAA,KAAA;AAAA,UAAAH,UAAIhC,UAAU2B;AAAAA,QAAAA,CAAU,GACtB,IAAMtD,oBAAqB,KAC5ByB,KAAK6B,MAAM;AAAA,MAAA,CACZ;AAAA,IAAA,CAEQ;AAGhB,+BACGS,YAAU;AAAA,MACT5D,IAAI6D,MAAM7D,IAAI,YAAY;AAAA,MAC1B8D,OAAOT;AAAAA,MACPzC,UAAU2B;AAAAA,MACVpC,WAAWF,QAAQ8D;AAAAA,MACnBC,eAAed,gBAAe,CAACE;AAAAA,MAC/Ba,SAASb;AAAAA,IAAAA,CACV;AAAA,EAAA;AAIL,QAAMc,iBAAkB/B,CAAS,SAAA;AAC/B,UAAMgC,WAAWC,eAAe/D,aAAa8B,KAAK2B,OAAO3B,KAAK2B,KAAK;AAEnE,WAAO,CAAC1D,eAAe+B,KAAKC,2BACzBiC,QAAM;AAAA,MAAkBC,OAAOnC,KAAKC;AAAAA,MAAMnC,SAAS;AAAA,QAAEsE,GAAGtE,QAAQuE;AAAAA,MAAK;AAAA,MAAEhB,UACtEG,oBAACQ,UAAU,EAAA;AAAA,IAAA,GADAhC,KAAK2B,KAEV,IAEPK,oBAAAA,UAAQ,CAAE,CAAA;AAAA,EAAA;AAITM,QAAAA,wBAAwBA,CAACtC,MAAMuC,WAAW;AAC9C,QAAIlE,aAAa;AACf,YAAMmE,YAAYP,eAChB/D,aACAsD,oBAACC,YAAU;AAAA,QACT5D,IAAI6D,MAAMa,QAAQ,UAAU;AAAA,QAC5BZ,OAAO3B,KAAK2B;AAAAA,QACZG,SAAS9B,KAAKQ;AAAAA,QACdL,UAAUH,KAAKG;AAAAA,QACf1B,UAAWsB,CAAAA,QAAQD,aAAaC,KAAKC,IAAI;AAAA,QACzClC,SAAS;AAAA,UACP2E,MAAM3E,QAAQ4E;AAAAA,UACdC,WAAW7E,QAAQ8E;AAAAA,UACnBjB,OAAO7D,QAAQ+E;AAAAA,QACjB;AAAA,MAAA,CACD,GACD7C,KAAK2B,KACP;AACOH,aAAAA,oBAACgB,WAAS,CAAA,CAAE;AAAA,IACrB;AAEA,WAAOT,eAAe/B,IAAI;AAAA,EAAA;AAGtB8C,QAAAA,yBAAyBA,CAAC9C,MAAMuC,WAAW;AAC/C,QAAIlE,aAAa;AACf,YAAMmE,YAAYP,eAChB/D,aACAsD,oBAACuB,SAAO;AAAA,QACNlF,IAAI6D,MAAMa,QAAQ,UAAU;AAAA,QAC5BZ,OAAO3B,KAAK2B;AAAAA,QACZG,SAAS9B,KAAKQ;AAAAA,QACdL,UAAUH,KAAKG;AAAAA,QACfrC,SAAS;AAAA,UACP2E,MAAM3E,QAAQ4E;AAAAA,UACdC,WAAW7E,QAAQ8E;AAAAA,UACnBjB,OAAO7D,QAAQ+E;AAAAA,QACjB;AAAA,MAAA,CACD,GACD7C,KAAK2B,KACP;AACOH,aAAAA,oBAACgB,WAAS,CAAA,CAAE;AAAA,IACrB;AACA,WAAOT,eAAe/B,IAAI;AAAA,EAAA;AAG5B,QAAMgD,iBAAiBA,CAAChD,MAAMiD,GAAGC,aAAa,CAAA,MAAO;AACnD,UAAMX,SAASb,MAAM7D,IAAI,QAAQoF,CAAC;AAC5BzC,UAAAA,WAAWR,KAAKQ,YAAY;AAElC,QAAI2C,iBAAiB;AACjB,QAAA,CAAC9E,eAAe2B,KAAKW,MAAM;AAC7BwC,uBAAiB1C,eAAeT,IAAI;AAAA,IACtC;AAEA,+BACGoD,YAAU;AAAA,MAETvF,IAAI0E;AAAAA,MACJc,MAAM/E,aAAa,WAAW;AAAA,MAC9B6B,UAAUH,KAAKG,YAAYN;AAAAA,MAC3B7B,WAAWF,QAAQkC;AAAAA,MACnBlC,SAAS;AAAA,QACP0C,UAAUvB,GAAG;AAAA,UACX,CAACnB,QAAQwF,YAAY,GAAGjF,eAAeJ;AAAAA,QAAAA,CACxC;AAAA,MACH;AAAA,MACAuC,UAAUvC,eAAeuC,WAAWA,WAAWX;AAAAA,MAC/CnB,SAAUqB,CAAAA,QAAQD,aAAaC,KAAKC,IAAI;AAAA,MACxCmD;AAAAA,MACAI,cACEvD,KAAKwD,eACHhC,oBAACiC,aAAW;AAAA,QAACzF,WAAWF,QAAQ4F;AAAAA,QAAKC,UAAS;AAAA,MAAA,CAAM;AAAA,MAEvD,GACGT;AAAAA,MAAU7B,UAEbpD,cACGqE,sBAAsBtC,MAAMuC,MAAM,IAClCO,uBAAuB9C,MAAMuC,MAAM;AAAA,OAtBlCU,CAuBK;AAAA,EAAA;AAIhB,QAAMW,eAAezE,KAAK0E,OAAQC,CAAO,OAAA,CAACA,GAAGC,QAAQ;AACrD,QAAMhD,cAAc5B,KACjB6E,IAAKhE,CAASA,SAAAA,KAAKQ,YAAY,CAACR,KAAKG,QAAQ,EAC7C8D,OAAO,CAACC,QAAQ1D,aAAa0D,UAAU1D,UAAU,KAAK;AAEzD,QAAM2D,oBAAoBhF,KAAKiF,UAAWpE,CAAAA,SAASA,KAAKQ,QAAQ;AAChEf,YAAU,MAAM;AACd,QAAI0E,qBAAqB,KAAK5E,QAAQ8E,YAAY,MAAM;AAC9CA,cAAAA,QAAQC,aAAaH,iBAAiB;AAAA,IAChD;AAAA,EAAA,GACC,CAAC5E,SAAS4E,iBAAiB,CAAC;AAE/B,QAAMI,WAAWA,CAAC;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,EAAAA,MAAY;AAC/BzE,UAAAA,OAAO4D,aAAaY,KAAK;AAC/B,UAAME,WACJ1E,KAAK0E,YACJ,CAAC3D,eAAeyD,UAAU,KAC1BxE,KAAKQ,YAAY,CAACR,KAAKG,WACpB,IACA;AAEC6C,WAAAA,eAAehD,MAAMwE,OAAO;AAAA,MACjCC,OAAO;AAAA,QACL,GAAGA;AAAAA,QACHE,KAAM,GAAEC,WAAWH,MAAME,GAAG,IAAI,CAAE;AAAA,QAClCE,MAAO,GAAED,WAAWH,MAAMI,IAAI,IAAI,CAAE;AAAA,QACpCC,OAAQ,QAAOF,WAAWH,MAAMK,KAAK,CAAE;AAAA,MACzC;AAAA,MACAJ;AAAAA,MACAK,aAAa;AAAA,MACbvG;AAAAA,MACAwG,gBAAgB3G;AAAAA,IAAAA,CACjB;AAAA,EAAA;AAGG4G,QAAAA,kBAAkBC,QAAQ,MAAM;AACpC,WAAOC,WAAW,CAAC;AAAA,MAAE,GAAGC;AAAAA,IAAAA,GAAQC,QAC9B7D,oBAAC8D,iBAAe;AAAA,MACdzH;AAAAA,MACAG,WAAWiB,GAAGnB,QAAQ2E,MAAMzE,SAAS;AAAA,MACrCqF,MAAM/E,aAAa,YAAY;AAAA,MAC/ByG,aAAW;AAAA,MACXvG;AAAAA,MACAwG,gBAAgB3G;AAAAA,MAChB,wBAAuBC,cAAcL,eAAgB4B;AAAAA,MACrDwF;AAAAA,MAAS,GACLD;AAAAA,IACL,CAAA,CACF;AAAA,EAAA,GACA,CACDnG,IACApB,IACAQ,aACAL,WACAF,SACAU,WACAF,YACAL,WAAW,CACZ;AAED,8BACEsD,UAAA;AAAA,IAAAF,UAAA,CACGpD,eAAeI,eAAeF,iBAAiB2C,gBAE/C8C,GAAAA,aAAa5C,SAAS,KAAK,CAAClC,mCAC1BwG,iBAAe;AAAA,MACdzH;AAAAA,MACAG,WAAWiB,GAAGnB,QAAQ2E,MAAMzE,SAAS;AAAA,MACrCqF,MAAM/E,aAAa,YAAY;AAAA,MAC/ByG,aAAW;AAAA,MACXvG;AAAAA,MACAwG,gBAAgB3G;AAAAA,MAChB,wBAAuBC,cAAcL,eAAgB4B;AAAAA,MAAU,GAC3Dd;AAAAA,MAAMsC,UAETuC,aAAaI,IAAI,CAAChE,MAAMiD,MAAMD,eAAehD,MAAMiD,CAAC,CAAC;AAAA,IAAA,CACvC,GAElBW,aAAa5C,SAAS,KAAKlC,mCACzByG,eAAa;AAAA,MACZF,KAAK9F;AAAAA,MACLvB,WAAWF,QAAQ0H;AAAAA,MACnB3G,SAASA,UAAU,KAAK;AAAA,MACxBiG,OAAM;AAAA,MACNW,WAAW7B,aAAa5C;AAAAA,MACxB0E,UAAUlH,YAAY,KAAK;AAAA,MAC3BmH,kBAAkBV;AAAAA,MAAgB,GAC9BlG;AAAAA,MAAMsC,UAETkD;AAAAA,IAAAA,CACY,CAChB;AAAA,EAAA,CACD;AAEN;"}

package/dist/esm/components/ListContainer/ListItem/ListItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.styles.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvListItem\", {\n root: {\n ...theme.typography.body,\n padding: 0,\n display: \"block\",\n height: \"32px\",\n lineHeight: \"32px\",\n listStyleType: \"none\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n position: \"relative\",\n\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n\n \"&$condensed\": {\n marginBottom: 0,\n },\n\n \"&.HvIsFocused\": {\n ...outlineStyles,\n backgroundColor: theme.colors.atmo3,\n zIndex: 2,\n },\n },\n focus: { backgroundColor: theme.colors.atmo3, zIndex: 2 },\n startAdornment: {},\n endAdornment: {},\n gutters: {\n padding: `0 ${theme.space.xs}`,\n\n \"&$withStartAdornment\": {\n paddingLeft: 0,\n },\n \"&$withEndAdornment\": {\n paddingRight: 0,\n },\n },\n condensed: {},\n interactive: {\n cursor: \"pointer\",\n \"&:not($disabled):not($selected):hover\": {\n backgroundColor: theme.list.hoverColor,\n },\n \"&$disabled\": {\n cursor: \"not-allowed\",\n },\n },\n selected: { backgroundColor: theme.list.hoverColor },\n disabled: {\n color: theme.colors.secondary_60,\n backgroundColor: theme.list.disabledBackgroundColor,\n },\n withStartAdornment: {\n \"& > div\": {\n float: \"left\",\n },\n\n \"& svg\": {\n boxShadow: \"none !important\",\n outline: \"none !important\",\n },\n \"$disabled > svg .color0\": {\n fill: theme.colors.secondary_60,\n },\n },\n withEndAdornment: {\n \"& > div\": { float: \"right\" },\n\n \"& svg\": {\n boxShadow: \"none !important\",\n outline: \"none !important\",\n },\n \"$disabled > svg .color0\": {\n fill: theme.colors.secondary_60,\n },\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","outlineStyles","backgroundColor","colors","atmo3","zIndex","focus","startAdornment","endAdornment","gutters","space","xs","paddingLeft","paddingRight","condensed","interactive","cursor","list","hoverColor","selected","disabled","color","secondary_60","disabledBackgroundColor","withStartAdornment","float","boxShadow","outline","fill","withEndAdornment"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJ,GAAGC,MAAMC,WAAWC;AAAAA,IACpBC,SAAS;AAAA,IACTC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,IACZC,UAAU;AAAA,IAEV,sBAAsB;AAAA,MACpBC,cAAc;AAAA,IAChB;AAAA,IAEA,eAAe;AAAA,MACbA,cAAc;AAAA,IAChB;AAAA,IAEA,iBAAiB;AAAA,MACf,GAAGC;AAAAA,MACHC,iBAAiBd,MAAMe,OAAOC;AAAAA,MAC9BC,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,OAAO;AAAA,IAAEJ,iBAAiBd,MAAMe,OAAOC;AAAAA,IAAOC,QAAQ;AAAA,EAAE;AAAA,EACxDE,gBAAgB,CAAC;AAAA,EACjBC,cAAc,CAAC;AAAA,EACfC,SAAS;AAAA,IACPlB,SAAU,KAAIH,MAAMsB,MAAMC;~~AAAAA~~,~~IAE1B~~,wBAAwB;AAAA,MACtBC,aAAa;AAAA,IACf;AAAA,IACA,sBAAsB;AAAA,MACpBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACAC,WAAW,CAAC;AAAA,EACZC,aAAa;AAAA,IACXC,QAAQ;AAAA,IACR,yCAAyC;AAAA,MACvCd,iBAAiBd,MAAM6B,KAAKC;AAAAA,IAC9B;AAAA,IACA,cAAc;AAAA,MACZF,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAG,UAAU;AAAA,IAAEjB,iBAAiBd,MAAM6B,KAAKC;AAAAA,EAAW;AAAA,EACnDE,UAAU;AAAA,IACRC,OAAOjC,MAAMe,OAAOmB;AAAAA,IACpBpB,iBAAiBd,MAAM6B,KAAKM;AAAAA,EAC9B;AAAA,EACAC,oBAAoB;AAAA,IAClB,WAAW;AAAA,MACTC,OAAO;AAAA,IACT;AAAA,IAEA,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,4BAA4B;AAAA,MAC1BC,MAAMxC,MAAMe,OAAOmB;AAAAA,IACrB;AAAA,EACF;AAAA,EACAO,kBAAkB;AAAA,IAChB,WAAW;AAAA,MAAEJ,OAAO;AAAA,IAAQ;AAAA,IAE5B,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,4BAA4B;AAAA,MAC1BC,MAAMxC,MAAMe,OAAOmB;AAAAA,IACrB;AAAA,EACF;AACF,CAAC;"}
1	+ {"version":3,"file":"ListItem.styles.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvListItem\", {\n root: {\n ...theme.typography.body,\n padding: 0,\n display: \"block\",\n height: \"32px\",\n lineHeight: \"32px\",\n listStyleType: \"none\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n position: \"relative\",\n\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n\n \"&$condensed\": {\n marginBottom: 0,\n },\n\n \"&.HvIsFocused\": {\n ...outlineStyles,\n backgroundColor: theme.colors.atmo3,\n zIndex: 2,\n },\n },\n focus: { backgroundColor: theme.colors.atmo3, zIndex: 2 },\n startAdornment: {},\n endAdornment: {},\n gutters: {\n padding: `0 ${theme.space.xs}`,\n\n \"&$withStartAdornment\": {\n paddingLeft: 0,\n },\n \"&$withEndAdornment\": {\n paddingRight: 0,\n },\n },\n condensed: {},\n interactive: {\n cursor: \"pointer\",\n \"&:not($disabled):not($selected):hover\": {\n backgroundColor: theme.list.hoverColor,\n },\n \"&$disabled\": {\n cursor: \"not-allowed\",\n },\n },\n selected: { backgroundColor: theme.list.hoverColor },\n disabled: {\n color: theme.colors.secondary_60,\n backgroundColor: theme.list.disabledBackgroundColor,\n },\n withStartAdornment: {\n \"& > div\": {\n float: \"left\",\n },\n\n \"& svg\": {\n boxShadow: \"none !important\",\n outline: \"none !important\",\n },\n \"$disabled > svg .color0\": {\n fill: theme.colors.secondary_60,\n },\n },\n withEndAdornment: {\n \"& > div\": { float: \"right\" },\n\n \"& svg\": {\n boxShadow: \"none !important\",\n outline: \"none !important\",\n },\n \"$disabled > svg .color0\": {\n fill: theme.colors.secondary_60,\n },\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","outlineStyles","backgroundColor","colors","atmo3","zIndex","focus","startAdornment","endAdornment","gutters","space","xs","paddingLeft","paddingRight","condensed","interactive","cursor","list","hoverColor","selected","disabled","color","secondary_60","disabledBackgroundColor","withStartAdornment","float","boxShadow","outline","fill","withEndAdornment"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJ,GAAGC,MAAMC,WAAWC;AAAAA,IACpBC,SAAS;AAAA,IACTC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,IACZC,UAAU;AAAA,IAEV,sBAAsB;AAAA,MACpBC,cAAc;AAAA,IAChB;AAAA,IAEA,eAAe;AAAA,MACbA,cAAc;AAAA,IAChB;AAAA,IAEA,iBAAiB;AAAA,MACf,GAAGC;AAAAA,MACHC,iBAAiBd,MAAMe,OAAOC;AAAAA,MAC9BC,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,OAAO;AAAA,IAAEJ,iBAAiBd,MAAMe,OAAOC;AAAAA,IAAOC,QAAQ;AAAA,EAAE;AAAA,EACxDE,gBAAgB,CAAC;AAAA,EACjBC,cAAc,CAAC;AAAA,EACfC,SAAS;AAAA,IACPlB,SAAU,KAAIH,MAAMsB,MAAMC,EAAG;AAAA,IAE7B,wBAAwB;AAAA,MACtBC,aAAa;AAAA,IACf;AAAA,IACA,sBAAsB;AAAA,MACpBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACAC,WAAW,CAAC;AAAA,EACZC,aAAa;AAAA,IACXC,QAAQ;AAAA,IACR,yCAAyC;AAAA,MACvCd,iBAAiBd,MAAM6B,KAAKC;AAAAA,IAC9B;AAAA,IACA,cAAc;AAAA,MACZF,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAG,UAAU;AAAA,IAAEjB,iBAAiBd,MAAM6B,KAAKC;AAAAA,EAAW;AAAA,EACnDE,UAAU;AAAA,IACRC,OAAOjC,MAAMe,OAAOmB;AAAAA,IACpBpB,iBAAiBd,MAAM6B,KAAKM;AAAAA,EAC9B;AAAA,EACAC,oBAAoB;AAAA,IAClB,WAAW;AAAA,MACTC,OAAO;AAAA,IACT;AAAA,IAEA,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,4BAA4B;AAAA,MAC1BC,MAAMxC,MAAMe,OAAOmB;AAAAA,IACrB;AAAA,EACF;AAAA,EACAO,kBAAkB;AAAA,IAChB,WAAW;AAAA,MAAEJ,OAAO;AAAA,IAAQ;AAAA,IAE5B,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,4BAA4B;AAAA,MAC1BC,MAAMxC,MAAMe,OAAOmB;AAAAA,IACrB;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/Loading/Loading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { HvColorAny, getColor } from \"@hitachivantara/uikit-styles\";\n\nimport range from \"lodash/range\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./Loading.styles\";\n\nexport { staticClasses as loadingClasses };\n\nexport type HvLoadingClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLoadingProps extends HvBaseProps {\n /** Indicates if the component should be render in a small size. /\n small?: boolean;\n /* The label to be displayed. /\n label?: string \| React.ReactNode;\n /* Whether the loading animation is hidden. /\n hidden?: boolean;\n /* Color applied to the bars. /\n color?: HvColorAny;\n classes?: HvLoadingClasses;\n}\n\n/\n Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n const {\n color,\n hidden,\n small,\n label,\n classes: classesProp,\n className,\n ...others\n } = useDefaultProps(\"HvLoading\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const size = small ? \"small\" : \"regular\";\n const colorVariant = color ? \"Color\" : \"\";\n const variant = `${size}${colorVariant}` as const;\n\n const inline = {\n backgroundColor: getColor(color, small ? \"secondary\" : \"brand\"),\n };\n return (\n <div\n hidden={!!hidden}\n className={cx(\n classes.root,\n {\n [classes.hidden]: hidden,\n },\n className\n )}\n {...others}\n >\n <div className={classes.barContainer}>\n {range(0, 3).map((e) => (\n <div\n key={e}\n style={inline}\n className={cx(classes.loadingBar, classes[variant])}\n />\n ))}\n </div>\n {label && (\n <HvTypography variant=\"caption1\" className={classes.label}>\n {label}\n </HvTypography>\n )}\n </div>\n );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","classesProp","className","others","useDefaultProps","cx","useClasses","size","colorVariant","variant","inline","backgroundColor","getColor","root","children","_jsx","barContainer","range","map","e","style","loadingBar","HvTypography"],"mappings":";;;;;;;AA8BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,aAAaT,KAAK;AAEhC,QAAA;AAAA,IAAEK;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,WAAWL,WAAW;AAExCM,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;~~AACjCa~~,~~QAAAA~~,UAAW,GAAEF,~~OAAOC~~;~~AAE1B~~,QAAME,SAAS;AAAA,IACbC,iBAAiBC,SAAShB,OAAOE,QAAQ,cAAc,OAAO;AAAA,EAAA;AAEhE,8BACE,OAAA;AAAA,IACED,QAAQ,CAAC,CAACA;AAAAA,IACVK,WAAWG,GACTL,QAAQa,MACR;AAAA,MACE,CAACb,QAAQH,MAAM,GAAGA;AAAAA,OAEpBK,SACF;AAAA,IAAE,GACEC;AAAAA,IAAMW,WAEVC,oBAAA,OAAA;AAAA,MAAKb,WAAWF,QAAQgB;AAAAA,MAAaF,UAClCG,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BAChB,OAAA;AAAA,QAEEC,OAAOV;AAAAA,QACPR,WAAWG,GAAGL,QAAQqB,YAAYrB,QAAQS,OAAO,CAAC;AAAA,MAAE,GAF/CU,CAGN,CACF;AAAA,IAAA,CACE,GACJpB,SACCgB,oBAACO,cAAY;AAAA,MAACb,SAAQ;AAAA,MAAWP,WAAWF,QAAQD;AAAAA,MAAMe,UACvDf;AAAAA,IAAAA,CACW,CACf;AAAA,EAAA,CACE;AAET;"}
1	+ {"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { HvColorAny, getColor } from \"@hitachivantara/uikit-styles\";\n\nimport range from \"lodash/range\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./Loading.styles\";\n\nexport { staticClasses as loadingClasses };\n\nexport type HvLoadingClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLoadingProps extends HvBaseProps {\n /** Indicates if the component should be render in a small size. /\n small?: boolean;\n /* The label to be displayed. /\n label?: string \| React.ReactNode;\n /* Whether the loading animation is hidden. /\n hidden?: boolean;\n /* Color applied to the bars. /\n color?: HvColorAny;\n classes?: HvLoadingClasses;\n}\n\n/\n Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n const {\n color,\n hidden,\n small,\n label,\n classes: classesProp,\n className,\n ...others\n } = useDefaultProps(\"HvLoading\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const size = small ? \"small\" : \"regular\";\n const colorVariant = color ? \"Color\" : \"\";\n const variant = `${size}${colorVariant}` as const;\n\n const inline = {\n backgroundColor: getColor(color, small ? \"secondary\" : \"brand\"),\n };\n return (\n <div\n hidden={!!hidden}\n className={cx(\n classes.root,\n {\n [classes.hidden]: hidden,\n },\n className\n )}\n {...others}\n >\n <div className={classes.barContainer}>\n {range(0, 3).map((e) => (\n <div\n key={e}\n style={inline}\n className={cx(classes.loadingBar, classes[variant])}\n />\n ))}\n </div>\n {label && (\n <HvTypography variant=\"caption1\" className={classes.label}>\n {label}\n </HvTypography>\n )}\n </div>\n );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","classesProp","className","others","useDefaultProps","cx","useClasses","size","colorVariant","variant","inline","backgroundColor","getColor","root","children","_jsx","barContainer","range","map","e","style","loadingBar","HvTypography"],"mappings":";;;;;;;AA8BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,aAAaT,KAAK;AAEhC,QAAA;AAAA,IAAEK;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,WAAWL,WAAW;AAExCM,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACvC,QAAMa,UAAW,GAAEF,IAAK,GAAEC,YAAa;AAEvC,QAAME,SAAS;AAAA,IACbC,iBAAiBC,SAAShB,OAAOE,QAAQ,cAAc,OAAO;AAAA,EAAA;AAEhE,8BACE,OAAA;AAAA,IACED,QAAQ,CAAC,CAACA;AAAAA,IACVK,WAAWG,GACTL,QAAQa,MACR;AAAA,MACE,CAACb,QAAQH,MAAM,GAAGA;AAAAA,OAEpBK,SACF;AAAA,IAAE,GACEC;AAAAA,IAAMW,WAEVC,oBAAA,OAAA;AAAA,MAAKb,WAAWF,QAAQgB;AAAAA,MAAaF,UAClCG,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BAChB,OAAA;AAAA,QAEEC,OAAOV;AAAAA,QACPR,WAAWG,GAAGL,QAAQqB,YAAYrB,QAAQS,OAAO,CAAC;AAAA,MAAE,GAF/CU,CAGN,CACF;AAAA,IAAA,CACE,GACJpB,SACCgB,oBAACO,cAAY;AAAA,MAACb,SAAQ;AAAA,MAAWP,WAAWF,QAAQD;AAAAA,MAAMe,UACvDf;AAAAA,IAAAA,CACW,CACf;AAAA,EAAA,CACE;AAET;"}

package/dist/esm/components/Loading/Loading.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.styles.js","sources":["../../../../src/components/Loading/Loading.styles.tsx"],"sourcesContent":["import { keyframes } from \"@emotion/react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst interval = 0.11;\n\nconst bars = {\n \"&:nth-of-type(1)\": {\n animationDelay: \"0\",\n },\n \"&:nth-of-type(2)\": {\n animationDelay: `${interval * 2}s`,\n },\n \"&:nth-of-type(3)\": {\n animationDelay: `${interval * 4}s`,\n },\n};\n\nconst small = {\n width: \"2px\",\n height: \"18px\",\n margin: \"0px 2px\",\n ...bars,\n};\n\nconst regular = {\n width: \"4px\",\n height: \"30px\",\n margin: \"0 3px\",\n ...bars,\n};\n\nconst regularAnimation = keyframes`\n 0% { \n transform: scale(1);\n background-color: ${theme.colors.brand};\n }\n 50% { \n transform: scale(1, 0.6); \n background-color: ${theme.colors.secondary};\n }\n`;\n\nconst regularColorAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.6); \n }\n`;\n\nconst smallAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.223); \n }\n 100%: {},\n`;\n\nconst smallColorAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.223); \n }\n`;\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLoading\", {\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n barContainer: { display: \"flex\" },\n loadingBar: {\n display: \"inline-block\",\n\n \"@keyframes loading-small\": {\n \"0%\": {\n transform: \"scale(1)\",\n },\n \"50%\": {\n transform: \"scale(1,0.223)\",\n },\n \"100%\": {},\n },\n },\n label: { marginTop: \"15px\" },\n overlay: {},\n blur: {},\n hidden: { display: \"none\" },\n small: { animation: `${smallAnimation} 1s ease-in-out infinite`, ...small },\n regular: {\n animation: `${regularAnimation} 1s ease-in-out infinite`,\n ...regular,\n },\n smallColor: {\n animation: `${smallColorAnimation} 1s ease-in-out infinite`,\n ...small,\n },\n regularColor: {\n animation: `${regularColorAnimation} 1s ease-in-out infinite`,\n ...regular,\n },\n});\n"],"names":["interval","bars","animationDelay","small","width","height","margin","regular","regularAnimation","keyframes","theme","colors","brand","secondary","regularColorAnimation","smallAnimation","smallColorAnimation","staticClasses","useClasses","createClasses","root","display","flexDirection","alignItems","justifyContent","barContainer","loadingBar","transform","label","marginTop","overlay","blur","hidden","animation","smallColor","regularColor"],"mappings":";;;AAMA,MAAMA,WAAW;AAEjB,MAAMC,OAAO;AAAA,EACX,oBAAoB;AAAA,IAClBC,gBAAgB;AAAA,EAClB;AAAA,EACA,oBAAoB;AAAA,IAClBA,gBAAiB,GAAEF,WAAW;AAAA,~~EAChC~~;AAAA,EACA,oBAAoB;AAAA,IAClBE,gBAAiB,GAAEF,WAAW;AAAA,~~EAChC~~;AACF;AAEA,MAAMG,QAAQ;AAAA,EACZC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACR,GAAGL;AACL;AAEA,MAAMM,UAAU;AAAA,EACdH,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACR,GAAGL;AACL;AAEA,MAAMO,mBAAmBC;AAAAA;AAAAA;AAAAA,wBAGDC,MAAMC,OAAOC;~~AAAAA~~;~~AAAAA~~;~~AAAAA~~;~~AAAAA~~,~~wBAIbF~~,MAAMC,OAAOE;~~AAAAA~~;~~AAAAA~~;~~AAIrC~~,MAAMC,wBAAwBL;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAS9B,MAAMM,iBAAiBN;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAUvB,MAAMO,sBAAsBP;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AASf,MAAA;AAAA,EAAEQ;AAAAA,EAAeC;AAAW,IAAIC,cAAc,aAAa;AAAA,EACtEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,YAAY;AAAA,IACZC,gBAAgB;AAAA,EAClB;AAAA,EACAC,cAAc;AAAA,IAAEJ,SAAS;AAAA,EAAO;AAAA,EAChCK,YAAY;AAAA,IACVL,SAAS;AAAA,IAET,4BAA4B;AAAA,MAC1B,MAAM;AAAA,QACJM,WAAW;AAAA,MACb;AAAA,MACA,OAAO;AAAA,QACLA,WAAW;AAAA,MACb;AAAA,MACA,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AAAA,EACAC,OAAO;AAAA,IAAEC,WAAW;AAAA,EAAO;AAAA,EAC3BC,SAAS,CAAC;AAAA,EACVC,MAAM,CAAC;AAAA,EACPC,QAAQ;AAAA,IAAEX,SAAS;AAAA,EAAO;AAAA,EAC1BlB,OAAO;AAAA,IAAE8B,WAAY,GAAElB;~~AAAAA~~,~~IAA0C~~,GAAGZ;AAAAA,EAAM;AAAA,EAC1EI,SAAS;AAAA,IACP0B,WAAY,GAAEzB;~~AAAAA~~,~~IACd~~,GAAGD;AAAAA,EACL;AAAA,EACA2B,YAAY;AAAA,IACVD,WAAY,GAAEjB;~~AAAAA~~,~~IACd~~,GAAGb;AAAAA,EACL;AAAA,EACAgC,cAAc;AAAA,IACZF,WAAY,GAAEnB;~~AAAAA~~,~~IACd~~,GAAGP;AAAAA,EACL;AACF,CAAC;"}
1	+ {"version":3,"file":"Loading.styles.js","sources":["../../../../src/components/Loading/Loading.styles.tsx"],"sourcesContent":["import { keyframes } from \"@emotion/react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst interval = 0.11;\n\nconst bars = {\n \"&:nth-of-type(1)\": {\n animationDelay: \"0\",\n },\n \"&:nth-of-type(2)\": {\n animationDelay: `${interval * 2}s`,\n },\n \"&:nth-of-type(3)\": {\n animationDelay: `${interval * 4}s`,\n },\n};\n\nconst small = {\n width: \"2px\",\n height: \"18px\",\n margin: \"0px 2px\",\n ...bars,\n};\n\nconst regular = {\n width: \"4px\",\n height: \"30px\",\n margin: \"0 3px\",\n ...bars,\n};\n\nconst regularAnimation = keyframes`\n 0% { \n transform: scale(1);\n background-color: ${theme.colors.brand};\n }\n 50% { \n transform: scale(1, 0.6); \n background-color: ${theme.colors.secondary};\n }\n`;\n\nconst regularColorAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.6); \n }\n`;\n\nconst smallAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.223); \n }\n 100%: {},\n`;\n\nconst smallColorAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.223); \n }\n`;\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLoading\", {\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n barContainer: { display: \"flex\" },\n loadingBar: {\n display: \"inline-block\",\n\n \"@keyframes loading-small\": {\n \"0%\": {\n transform: \"scale(1)\",\n },\n \"50%\": {\n transform: \"scale(1,0.223)\",\n },\n \"100%\": {},\n },\n },\n label: { marginTop: \"15px\" },\n overlay: {},\n blur: {},\n hidden: { display: \"none\" },\n small: { animation: `${smallAnimation} 1s ease-in-out infinite`, ...small },\n regular: {\n animation: `${regularAnimation} 1s ease-in-out infinite`,\n ...regular,\n },\n smallColor: {\n animation: `${smallColorAnimation} 1s ease-in-out infinite`,\n ...small,\n },\n regularColor: {\n animation: `${regularColorAnimation} 1s ease-in-out infinite`,\n ...regular,\n },\n});\n"],"names":["interval","bars","animationDelay","small","width","height","margin","regular","regularAnimation","keyframes","theme","colors","brand","secondary","regularColorAnimation","smallAnimation","smallColorAnimation","staticClasses","useClasses","createClasses","root","display","flexDirection","alignItems","justifyContent","barContainer","loadingBar","transform","label","marginTop","overlay","blur","hidden","animation","smallColor","regularColor"],"mappings":";;;AAMA,MAAMA,WAAW;AAEjB,MAAMC,OAAO;AAAA,EACX,oBAAoB;AAAA,IAClBC,gBAAgB;AAAA,EAClB;AAAA,EACA,oBAAoB;AAAA,IAClBA,gBAAiB,GAAEF,WAAW,CAAE;AAAA,EAClC;AAAA,EACA,oBAAoB;AAAA,IAClBE,gBAAiB,GAAEF,WAAW,CAAE;AAAA,EAClC;AACF;AAEA,MAAMG,QAAQ;AAAA,EACZC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACR,GAAGL;AACL;AAEA,MAAMM,UAAU;AAAA,EACdH,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACR,GAAGL;AACL;AAEA,MAAMO,mBAAmBC;AAAAA;AAAAA;AAAAA,wBAGDC,MAAMC,OAAOC,KAAM;AAAA;AAAA;AAAA;AAAA,wBAInBF,MAAMC,OAAOE,SAAU;AAAA;AAAA;AAI/C,MAAMC,wBAAwBL;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAS9B,MAAMM,iBAAiBN;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAUvB,MAAMO,sBAAsBP;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AASf,MAAA;AAAA,EAAEQ;AAAAA,EAAeC;AAAW,IAAIC,cAAc,aAAa;AAAA,EACtEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,YAAY;AAAA,IACZC,gBAAgB;AAAA,EAClB;AAAA,EACAC,cAAc;AAAA,IAAEJ,SAAS;AAAA,EAAO;AAAA,EAChCK,YAAY;AAAA,IACVL,SAAS;AAAA,IAET,4BAA4B;AAAA,MAC1B,MAAM;AAAA,QACJM,WAAW;AAAA,MACb;AAAA,MACA,OAAO;AAAA,QACLA,WAAW;AAAA,MACb;AAAA,MACA,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AAAA,EACAC,OAAO;AAAA,IAAEC,WAAW;AAAA,EAAO;AAAA,EAC3BC,SAAS,CAAC;AAAA,EACVC,MAAM,CAAC;AAAA,EACPC,QAAQ;AAAA,IAAEX,SAAS;AAAA,EAAO;AAAA,EAC1BlB,OAAO;AAAA,IAAE8B,WAAY,GAAElB,cAAe;AAAA,IAA2B,GAAGZ;AAAAA,EAAM;AAAA,EAC1EI,SAAS;AAAA,IACP0B,WAAY,GAAEzB,gBAAiB;AAAA,IAC/B,GAAGD;AAAAA,EACL;AAAA,EACA2B,YAAY;AAAA,IACVD,WAAY,GAAEjB,mBAAoB;AAAA,IAClC,GAAGb;AAAAA,EACL;AAAA,EACAgC,cAAc;AAAA,IACZF,WAAY,GAAEnB,qBAAsB;AAAA,IACpC,GAAGP;AAAAA,EACL;AACF,CAAC;"}

package/dist/esm/components/Login/Login.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Login.js","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { staticClasses, useClasses } from \"./Login.styles\";\n\nexport { staticClasses as loginClasses };\n\nexport type HvLoginClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLoginProps extends HvBaseProps {\n /*\n The path for the background image.\n /\n background?: string;\n /\n Class names to be applied.\n /\n classes?: HvLoginClasses;\n}\n\n/\n Container layout for the login form.\n */\nexport const HvLogin = (props: HvLoginProps) => {\n const {\n id,\n className,\n classes: classesProp,\n children,\n background,\n ...others\n } = useDefaultProps(\"HvLogin\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n return (\n <div\n id={id}\n className={cx(classes.root, className)}\n style={{\n backgroundImage: background && `url(${background})`,\n }}\n {...others}\n >\n <div className={classes.formContainer}>{children}</div>\n </div>\n );\n};\n"],"names":["HvLogin","props","id","className","classes","classesProp","children","background","others","useDefaultProps","cx","useClasses","root","style","backgroundImage","formContainer"],"mappings":";;;;AAwBaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,WAAWR,KAAK;AAE9B,QAAA;AAAA,IAAEG;AAAAA,IAASM;AAAAA,EAAAA,IAAOC,WAAWN,WAAW;AAE9C,6BACE,OAAA;AAAA,IACEH;AAAAA,IACAC,WAAWO,GAAGN,QAAQQ,MAAMT,SAAS;AAAA,IACrCU,OAAO;AAAA,MACLC,iBAAiBP,cAAe,OAAMA;~~AAAAA~~,~~IACxC~~;AAAA,IAAE,GACEC;AAAAA,IAAMF,8BAEV,OAAA;AAAA,MAAKH,WAAWC,QAAQW;AAAAA,MAAcT;AAAAA,IAAAA,CAAgB;AAAA,EAAA,CACnD;AAET;"}
1	+ {"version":3,"file":"Login.js","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { staticClasses, useClasses } from \"./Login.styles\";\n\nexport { staticClasses as loginClasses };\n\nexport type HvLoginClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLoginProps extends HvBaseProps {\n /*\n The path for the background image.\n /\n background?: string;\n /\n Class names to be applied.\n /\n classes?: HvLoginClasses;\n}\n\n/\n Container layout for the login form.\n */\nexport const HvLogin = (props: HvLoginProps) => {\n const {\n id,\n className,\n classes: classesProp,\n children,\n background,\n ...others\n } = useDefaultProps(\"HvLogin\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n return (\n <div\n id={id}\n className={cx(classes.root, className)}\n style={{\n backgroundImage: background && `url(${background})`,\n }}\n {...others}\n >\n <div className={classes.formContainer}>{children}</div>\n </div>\n );\n};\n"],"names":["HvLogin","props","id","className","classes","classesProp","children","background","others","useDefaultProps","cx","useClasses","root","style","backgroundImage","formContainer"],"mappings":";;;;AAwBaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,WAAWR,KAAK;AAE9B,QAAA;AAAA,IAAEG;AAAAA,IAASM;AAAAA,EAAAA,IAAOC,WAAWN,WAAW;AAE9C,6BACE,OAAA;AAAA,IACEH;AAAAA,IACAC,WAAWO,GAAGN,QAAQQ,MAAMT,SAAS;AAAA,IACrCU,OAAO;AAAA,MACLC,iBAAiBP,cAAe,OAAMA,UAAW;AAAA,IACnD;AAAA,IAAE,GACEC;AAAAA,IAAMF,8BAEV,OAAA;AAAA,MAAKH,WAAWC,QAAQW;AAAAA,MAAcT;AAAAA,IAAAA,CAAgB;AAAA,EAAA,CACnD;AAET;"}