npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.19 → 5.0.0-next.20 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.19 → 5.0.0-next.20

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 (112) hide show

package/dist/cjs/components/Table/TableCell/TableCell.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCell.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableCellClasses, HvTableCellClasses } from \".\";\nimport {\n CSSProperties,\n forwardRef,\n TdHTMLAttributes,\n useContext,\n useMemo,\n} from \"react\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport {\n HvTableCellAlign,\n HvTableCellType,\n HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { capitalize } from \"lodash\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { getBorderStyles } from \"../utils/utils\";\nimport { useTheme } from \"hooks\";\n\nexport type HvTableCellProps = Omit<TdHTMLAttributes<HTMLElement>, \"align\"> &\n Omit<HvBaseProps, \"children\"> & {\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. /\n component?: React.ElementType;\n /* Content to be rendered /\n children?: React.ReactNode;\n /* Inline styles to be applied to the root element. /\n style?: CSSProperties;\n /* Set the text-align on the table cell content. /\n align?: HvTableCellAlign;\n /* Sets the cell's variant. /\n variant?: HvTableCellVariant \| \"listcheckbox\" \| \"listactions\";\n /* Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. /\n type?: HvTableCellType;\n /* Whether or not the cell is part of a sorted column. /\n sorted?: boolean;\n /* The cell is part of a sticky column. /\n stickyColumn?: boolean;\n /* The cell is part of the last sticky to the left column. /\n stickyColumnMostLeft?: boolean;\n /* The cell is part of the first sticky to the right column. /\n stickyColumnLeastRight?: boolean;\n /* The cell is part of the first column in the group. /\n groupColumnMostLeft?: boolean;\n /* The cell is part of the last column in the group. /\n groupColumnMostRight?: boolean;\n /* Whether or not the cell is resizable /\n resizable?: boolean;\n /* Whether or not the cell is being resized /\n resizing?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTableCellClasses;\n };\n\nconst defaultComponent = \"td\";\n\ntype StyledTableCellProps = {\n $variantList: boolean;\n $variantListHead: boolean;\n $stickyColumn: boolean;\n $stickyColumnMostLeft: boolean;\n $stickyColumnLeastRight: boolean;\n $groupColumnMostLeft: boolean;\n $groupColumnMostRight: boolean;\n $resizable: boolean;\n $resizing: boolean;\n $align: string;\n $variant: string;\n $type: string;\n $atmo1Color: string;\n};\n\nconst StyledTableCell = (c: any) =>\n styled(\n c,\n transientOptions\n )(\n ({\n $variantList,\n $variantListHead,\n $stickyColumn,\n $stickyColumnMostLeft,\n $stickyColumnLeastRight,\n $groupColumnMostLeft,\n $groupColumnMostRight,\n $resizable,\n $resizing,\n $align,\n $variant,\n $type,\n $atmo1Color,\n }: StyledTableCellProps) => ({\n // root\n verticalAlign: \"inherit\",\n textAlign: \"left\",\n paddingTop: theme.space.xs,\n paddingRight: theme.space.xs,\n paddingBottom: theme.space.xs,\n paddingLeft: theme.spacing(4),\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n ...($resizable && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($resizing && {\n borderRight: `solid 2px ${theme.colors.acce1}`,\n }),\n\n ...($groupColumnMostLeft && {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n\n \"&:first-of-type\": {\n borderLeft: 0,\n },\n }),\n ...($groupColumnMostRight && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n\n // due to the \":has()\" selector not being supported in browsers,\n // this need to be managed with inline styles\n // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n \"&:last-child\": {\n borderRight: 0,\n },\n\n [`&+:not(.${tableCellClasses.stickyColumn})`]: {\n borderLeft: 0,\n },\n }),\n\n // align\n ...($align === \"center\" && {\n textAlign: \"center\",\n }),\n ...($align === \"justify\" && {\n textAlign: \"justify\",\n }),\n ...($align === \"left\" && {\n textAlign: \"left\",\n }),\n ...($align === \"right\" && {\n textAlign: \"right\",\n flexDirection: \"row-reverse\",\n }),\n\n // variant\n ...($variant === \"checkbox\" && {\n padding: 0,\n width: 32,\n maxWidth: 32,\n overflow: \"hidden\",\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($variant === \"actions\" && {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($variant === \"none\" && {\n padding: 0,\n }),\n ...($variant === \"expand\" && {\n paddingLeft: 0,\n paddingTop: 0,\n paddingBottom: 0,\n }),\n ...($variant === \"listcheckbox\" && {\n borderRight: `solid 2px ${theme.colors.atmo2}`,\n padding: 0,\n textAlign: \"center\",\n width: 34,\n maxWidth: 34,\n }),\n ...($variant === \"listactions\" && {\n borderLeft: `solid 2px red`, //${theme.colors.atmo2}`,\n textAlign: \"center\",\n width: 138,\n maxWidth: 138,\n }),\n\n // type\n ...($type === \"head\" && {\n height: 52,\n verticalAlign: \"top\",\n\n backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n borderTop: $variantList\n ? 0\n : `1px solid ${theme.table.headerBorderTopColor}`,\n borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n ...(theme.typography.label as CSSProperties),\n }),\n ...($type === \"body\" && {\n minHeight: 32,\n \"td&\": {\n height: 32,\n },\n backgroundColor: \"inherit\",\n ...(theme.typography.body as CSSProperties),\n\n [`&.${tableCellClasses.sorted}`]: {\n backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n },\n }),\n ...($variantList && {\n minHeight: 52,\n \"td&\": {\n height: 52,\n },\n paddingTop: 0,\n paddingBottom: 0,\n ...($variant !== \"listactions\" && { paddingRight: 0 }),\n ...($variant === \"listactions\" && { paddingRight: theme.space.xs }),\n ...($variant !== \"listactions\" && { paddingLeft: 32 }),\n ...($variant === \"listactions\" && { paddingLeft: 0 }),\n border: 0,\n ...($type === \"body\" && {\n ...getBorderStyles(\"cell\", theme.table.rowBorderColor),\n }),\n }),\n\n ...($stickyColumn && {\n position: \"sticky\",\n zIndex: 2,\n backgroundColor: theme.colors.atmo2,\n\n [`&.${tableCellClasses.groupColumnMostRight}+.${tableCellClasses.stickyColumn}`]:\n {\n borderLeft: 0,\n },\n\n [`&.${tableCellClasses.sorted}`]: {\n backgroundColor: theme.colors.atmo2,\n backgroundImage: `linear-gradient(to right, ${alpha(\n hexToRgb($atmo1Color),\n 0.4\n )}, ${alpha(hexToRgb($atmo1Color), 0.4)})`,\n },\n }),\n ...($stickyColumnMostLeft && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($stickyColumnLeastRight && {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n }),\n\n ...($variantListHead && {\n backgroundColor: \"inherit\",\n \"td&\": {\n height: 16,\n },\n }),\n })\n );\n\n/\n `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n (\n {\n children,\n component,\n className,\n style,\n classes,\n align = \"inherit\",\n variant = \"default\",\n type: typeProp,\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n sorted = false,\n resizable = false,\n resizing = false,\n ...others\n },\n externalRef\n ) => {\n const { activeTheme, selectedMode } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const type = typeProp \|\| tableSectionContext?.type \|\| \"body\";\n\n const Component =\n component \|\| tableContext?.components?.Td \|\| defaultComponent;\n\n const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n return (\n <TableCell\n ref={externalRef}\n role={Component === defaultComponent ? null : \"cell\"}\n style={style}\n className={clsx(\n className,\n tableCellClasses.root,\n classes?.root,\n tableCellClasses[type],\n classes?.[type],\n align !== \"inherit\" &&\n clsx(\n tableCellClasses[`align${capitalize(align)}`],\n classes?.[`align${capitalize(align)}`]\n ),\n variant !== \"default\" &&\n clsx(\n tableCellClasses[`variant${capitalize(variant)}`],\n classes?.[`variant${capitalize(variant)}`]\n ),\n tableContext.variant === \"listrow\" &&\n clsx(tableCellClasses.variantList, classes?.variantList),\n tableContext.variant === \"listrow\" &&\n type !== \"body\" &&\n clsx(tableCellClasses.variantListHead, classes?.variantListHead),\n sorted && clsx(tableCellClasses.sorted, classes?.sorted),\n stickyColumn &&\n clsx(tableCellClasses.stickyColumn, classes?.stickyColumn),\n stickyColumnMostLeft &&\n clsx(\n tableCellClasses.stickyColumnMostLeft,\n classes?.stickyColumnMostLeft\n ),\n stickyColumnLeastRight &&\n clsx(\n tableCellClasses.stickyColumnLeastRight,\n classes?.stickyColumnLeastRight\n ),\n groupColumnMostLeft &&\n clsx(\n tableCellClasses.groupColumnMostLeft,\n classes?.groupColumnMostLeft\n ),\n groupColumnMostRight &&\n clsx(\n tableCellClasses.groupColumnMostRight,\n classes?.groupColumnMostRight\n ),\n resizable && clsx(tableCellClasses.resizable, classes?.resizable),\n resizing && clsx(tableCellClasses.resizing, classes?.resizing)\n )}\n $variantList={tableContext.variant === \"listrow\"}\n $variantListHead={tableContext.variant === \"listrow\" && type !== \"body\"}\n $sorted={sorted}\n $stickyColumn={stickyColumn}\n $stickyColumnMostLeft={stickyColumnMostLeft}\n $stickyColumnLeastRight={stickyColumnLeastRight}\n $groupColumnMostLeft={groupColumnMostLeft}\n $groupColumnMostRight={groupColumnMostRight}\n $resizable={resizable}\n $resizing={resizing}\n $align={align}\n $variant={variant}\n $type={type}\n $atmo1Color={\n activeTheme?.colors?.modes[selectedMode].atmo1 \|\| theme.colors.atmo1\n }\n {...others}\n >\n {children}\n </TableCell>\n );\n }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$variantList","$variantListHead","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$groupColumnMostLeft","$groupColumnMostRight","$resizable","$resizing","$align","$variant","$type","$atmo1Color","verticalAlign","textAlign","paddingTop","theme","space","xs","paddingRight","paddingBottom","paddingLeft","spacing","borderBottom","colors","atmo4","borderRight","acce1","borderLeft","tableCellClasses","stickyColumn","flexDirection","padding","width","maxWidth","overflow","atmo2","height","backgroundColor","atmo1","borderTop","table","headerBorderTopColor","typography","minHeight","body","sorted","alpha","hexToRgb","border","getBorderStyles","rowBorderColor","position","zIndex","groupColumnMostRight","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","Component","components","Td","TableCell","useMemo","ref","role","clsx","root","capitalize","variantList","variantListHead","$sorted","modes"],"mappings":"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"}
1	+ {"version":3,"file":"TableCell.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableCellClasses, HvTableCellClasses } from \".\";\nimport {\n CSSProperties,\n forwardRef,\n TdHTMLAttributes,\n useContext,\n useMemo,\n} from \"react\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport {\n HvTableCellAlign,\n HvTableCellType,\n HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { capitalize } from \"lodash\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { getBorderStyles } from \"../utils/utils\";\nimport { useTheme } from \"hooks\";\n\nexport type HvTableCellProps = Omit<TdHTMLAttributes<HTMLElement>, \"align\"> &\n Omit<HvBaseProps, \"children\"> & {\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. /\n component?: React.ElementType;\n /* Content to be rendered /\n children?: React.ReactNode;\n /* Inline styles to be applied to the root element. /\n style?: CSSProperties;\n /* Set the text-align on the table cell content. /\n align?: HvTableCellAlign;\n /* Sets the cell's variant. /\n variant?: HvTableCellVariant \| \"listcheckbox\" \| \"listactions\";\n /* Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. /\n type?: HvTableCellType;\n /* Whether or not the cell is part of a sorted column. /\n sorted?: boolean;\n /* The cell is part of a sticky column. /\n stickyColumn?: boolean;\n /* The cell is part of the last sticky to the left column. /\n stickyColumnMostLeft?: boolean;\n /* The cell is part of the first sticky to the right column. /\n stickyColumnLeastRight?: boolean;\n /* The cell is part of the first column in the group. /\n groupColumnMostLeft?: boolean;\n /* The cell is part of the last column in the group. /\n groupColumnMostRight?: boolean;\n /* Whether or not the cell is resizable /\n resizable?: boolean;\n /* Whether or not the cell is being resized /\n resizing?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTableCellClasses;\n };\n\nconst defaultComponent = \"td\";\n\ntype StyledTableCellProps = {\n $variantList: boolean;\n $variantListHead: boolean;\n $stickyColumn: boolean;\n $stickyColumnMostLeft: boolean;\n $stickyColumnLeastRight: boolean;\n $groupColumnMostLeft: boolean;\n $groupColumnMostRight: boolean;\n $resizable: boolean;\n $resizing: boolean;\n $align: string;\n $variant: string;\n $type: string;\n $atmo1Color: string;\n};\n\nconst StyledTableCell = (c: any) =>\n styled(\n c,\n transientOptions\n )(\n ({\n $variantList,\n $variantListHead,\n $stickyColumn,\n $stickyColumnMostLeft,\n $stickyColumnLeastRight,\n $groupColumnMostLeft,\n $groupColumnMostRight,\n $resizable,\n $resizing,\n $align,\n $variant,\n $type,\n $atmo1Color,\n }: StyledTableCellProps) => ({\n // root\n verticalAlign: \"inherit\",\n textAlign: \"left\",\n paddingTop: theme.space.xs,\n paddingRight: theme.space.xs,\n paddingBottom: theme.space.xs,\n paddingLeft: theme.spacing(4),\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n ...($resizable && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($resizing && {\n borderRight: `solid 2px ${theme.colors.acce1}`,\n }),\n\n ...($groupColumnMostLeft && {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n\n \"&:first-of-type\": {\n borderLeft: 0,\n },\n }),\n ...($groupColumnMostRight && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n\n // due to the \":has()\" selector not being supported in browsers,\n // this need to be managed with inline styles\n // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n \"&:last-child\": {\n borderRight: 0,\n },\n\n [`&+:not(.${tableCellClasses.stickyColumn})`]: {\n borderLeft: 0,\n },\n }),\n\n // align\n ...($align === \"center\" && {\n textAlign: \"center\",\n }),\n ...($align === \"justify\" && {\n textAlign: \"justify\",\n }),\n ...($align === \"left\" && {\n textAlign: \"left\",\n }),\n ...($align === \"right\" && {\n textAlign: \"right\",\n flexDirection: \"row-reverse\",\n }),\n\n // variant\n ...($variant === \"checkbox\" && {\n padding: 0,\n width: 32,\n maxWidth: 32,\n overflow: \"hidden\",\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($variant === \"actions\" && {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($variant === \"none\" && {\n padding: 0,\n }),\n ...($variant === \"expand\" && {\n paddingLeft: 0,\n paddingTop: 0,\n paddingBottom: 0,\n }),\n ...($variant === \"listcheckbox\" && {\n borderRight: `solid 2px ${theme.colors.atmo2}`,\n padding: 0,\n textAlign: \"center\",\n width: 34,\n maxWidth: 34,\n }),\n ...($variant === \"listactions\" && {\n borderLeft: `solid 2px red`, //${theme.colors.atmo2}`,\n textAlign: \"center\",\n width: 138,\n maxWidth: 138,\n }),\n\n // type\n ...($type === \"head\" && {\n height: 52,\n verticalAlign: \"top\",\n\n backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n borderTop: $variantList\n ? 0\n : `1px solid ${theme.table.headerBorderTopColor}`,\n borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n ...(theme.typography.label as CSSProperties),\n }),\n ...($type === \"body\" && {\n minHeight: 32,\n \"td&\": {\n height: 32,\n },\n backgroundColor: \"inherit\",\n ...(theme.typography.body as CSSProperties),\n fontFamily: theme.fontFamily.body,\n\n [`&.${tableCellClasses.sorted}`]: {\n backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n },\n }),\n ...($variantList && {\n minHeight: 52,\n \"td&\": {\n height: 52,\n },\n paddingTop: 0,\n paddingBottom: 0,\n ...($variant !== \"listactions\" && { paddingRight: 0 }),\n ...($variant === \"listactions\" && { paddingRight: theme.space.xs }),\n ...($variant !== \"listactions\" && { paddingLeft: 32 }),\n ...($variant === \"listactions\" && { paddingLeft: 0 }),\n border: 0,\n ...($type === \"body\" && {\n ...getBorderStyles(\"cell\", theme.table.rowBorderColor),\n }),\n }),\n\n ...($stickyColumn && {\n position: \"sticky\",\n zIndex: 2,\n backgroundColor: theme.colors.atmo2,\n\n [`&.${tableCellClasses.groupColumnMostRight}+.${tableCellClasses.stickyColumn}`]:\n {\n borderLeft: 0,\n },\n\n [`&.${tableCellClasses.sorted}`]: {\n backgroundColor: theme.colors.atmo2,\n backgroundImage: `linear-gradient(to right, ${alpha(\n hexToRgb($atmo1Color),\n 0.4\n )}, ${alpha(hexToRgb($atmo1Color), 0.4)})`,\n },\n }),\n ...($stickyColumnMostLeft && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($stickyColumnLeastRight && {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n }),\n\n ...($variantListHead && {\n backgroundColor: \"inherit\",\n \"td&\": {\n height: 16,\n },\n }),\n })\n );\n\n/\n `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n (\n {\n children,\n component,\n className,\n style,\n classes,\n align = \"inherit\",\n variant = \"default\",\n type: typeProp,\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n sorted = false,\n resizable = false,\n resizing = false,\n ...others\n },\n externalRef\n ) => {\n const { activeTheme, selectedMode } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const type = typeProp \|\| tableSectionContext?.type \|\| \"body\";\n\n const Component =\n component \|\| tableContext?.components?.Td \|\| defaultComponent;\n\n const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n return (\n <TableCell\n ref={externalRef}\n role={Component === defaultComponent ? null : \"cell\"}\n style={style}\n className={clsx(\n className,\n tableCellClasses.root,\n classes?.root,\n tableCellClasses[type],\n classes?.[type],\n align !== \"inherit\" &&\n clsx(\n tableCellClasses[`align${capitalize(align)}`],\n classes?.[`align${capitalize(align)}`]\n ),\n variant !== \"default\" &&\n clsx(\n tableCellClasses[`variant${capitalize(variant)}`],\n classes?.[`variant${capitalize(variant)}`]\n ),\n tableContext.variant === \"listrow\" &&\n clsx(tableCellClasses.variantList, classes?.variantList),\n tableContext.variant === \"listrow\" &&\n type !== \"body\" &&\n clsx(tableCellClasses.variantListHead, classes?.variantListHead),\n sorted && clsx(tableCellClasses.sorted, classes?.sorted),\n stickyColumn &&\n clsx(tableCellClasses.stickyColumn, classes?.stickyColumn),\n stickyColumnMostLeft &&\n clsx(\n tableCellClasses.stickyColumnMostLeft,\n classes?.stickyColumnMostLeft\n ),\n stickyColumnLeastRight &&\n clsx(\n tableCellClasses.stickyColumnLeastRight,\n classes?.stickyColumnLeastRight\n ),\n groupColumnMostLeft &&\n clsx(\n tableCellClasses.groupColumnMostLeft,\n classes?.groupColumnMostLeft\n ),\n groupColumnMostRight &&\n clsx(\n tableCellClasses.groupColumnMostRight,\n classes?.groupColumnMostRight\n ),\n resizable && clsx(tableCellClasses.resizable, classes?.resizable),\n resizing && clsx(tableCellClasses.resizing, classes?.resizing)\n )}\n $variantList={tableContext.variant === \"listrow\"}\n $variantListHead={tableContext.variant === \"listrow\" && type !== \"body\"}\n $sorted={sorted}\n $stickyColumn={stickyColumn}\n $stickyColumnMostLeft={stickyColumnMostLeft}\n $stickyColumnLeastRight={stickyColumnLeastRight}\n $groupColumnMostLeft={groupColumnMostLeft}\n $groupColumnMostRight={groupColumnMostRight}\n $resizable={resizable}\n $resizing={resizing}\n $align={align}\n $variant={variant}\n $type={type}\n $atmo1Color={\n activeTheme?.colors?.modes[selectedMode].atmo1 \|\| theme.colors.atmo1\n }\n {...others}\n >\n {children}\n </TableCell>\n );\n }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$variantList","$variantListHead","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$groupColumnMostLeft","$groupColumnMostRight","$resizable","$resizing","$align","$variant","$type","$atmo1Color","verticalAlign","textAlign","paddingTop","theme","space","xs","paddingRight","paddingBottom","paddingLeft","spacing","borderBottom","colors","atmo4","borderRight","acce1","borderLeft","tableCellClasses","stickyColumn","flexDirection","padding","width","maxWidth","overflow","atmo2","height","backgroundColor","atmo1","borderTop","table","headerBorderTopColor","typography","minHeight","body","fontFamily","sorted","alpha","hexToRgb","border","getBorderStyles","rowBorderColor","position","zIndex","groupColumnMostRight","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","Component","components","Td","TableCell","useMemo","ref","role","clsx","root","capitalize","variantList","variantListHead","$sorted","modes"],"mappings":"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"}

package/dist/cjs/components/Typography/Typography.cjs CHANGED Viewed

@@ -119,6 +119,18 @@ const getStyledComponent = (c) => /* @__PURE__ */ _styled__default.default(c, pr
     textDecoration: "underline",
     cursor: "pointer"
   },
+  ...$variant === "disabledText" && {
+    ...uikitStyles.theme.typography.disabledText
+  },
+  ...$variant === "selectedNavText" && {
+    ...uikitStyles.theme.typography.selectedNavText
+  },
+  ...$variant === "vizTextDisabled" && {
+    ...uikitStyles.theme.typography.vizTextDisabled
+  },
+  ...$variant === "xsInlineLink" && {
+    ...uikitStyles.theme.typography.xsInlineLink
+  },
   fontFamily: uikitStyles.theme.fontFamily.body,
   // ADDED PROPS
   ...$link && {
@@ -134,7 +146,7 @@ const getStyledComponent = (c) => /* @__PURE__ */ _styled__default.default(c, pr
     textOverflow: "ellipsis",
     whiteSpace: "nowrap"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRUUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgdXNlTWVtbyxcbiAgQ1NTUHJvcGVydGllcyxcbiAgQWxsSFRNTEF0dHJpYnV0ZXMsXG4gIFJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG1hcFZhcmlhbnQgfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHR5cG9ncmFwaHlDbGFzc2VzLCB7IEh2VHlwb2dyYXBoeUNsYXNzZXMgfSBmcm9tIFwiLi90eXBvZ3JhcGh5Q2xhc3Nlc1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcblxuZXhwb3J0IHR5cGUgSHZUeXBvZ3JhcGh5VmFyaWFudHMgPVxuICB8IFwiZGlzcGxheVwiXG4gIHwgXCJ0aXRsZTFcIlxuICB8IFwidGl0bGUyXCJcbiAgfCBcInRpdGxlM1wiXG4gIHwgXCJ0aXRsZTRcIlxuICB8IFwiYm9keVwiXG4gIHwgXCJsYWJlbFwiXG4gIHwgXCJjYXB0aW9uMVwiXG4gIHwgXCJjYXB0aW9uMlwiO1xuXG5leHBvcnQgdHlwZSBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50cyA9XG4gIHwgXCI1eGxUaXRsZVwiXG4gIHwgXCI0eGxUaXRsZVwiXG4gIHwgXCIzeGxUaXRsZVwiXG4gIHwgXCJ4eGxUaXRsZVwiXG4gIHwgXCJ4bFRpdGxlXCJcbiAgfCBcImxUaXRsZVwiXG4gIHwgXCJtVGl0bGVcIlxuICB8IFwic1RpdGxlXCJcbiAgfCBcInhzVGl0bGVcIlxuICB8IFwieHhzVGl0bGVcIlxuICB8IFwic2VjdGlvblRpdGxlXCJcbiAgfCBcImhpZ2hsaWdodFRleHRcIlxuICB8IFwibm9ybWFsVGV4dFwiXG4gIHwgXCJwbGFjZWhvbGRlclRleHRcIlxuICB8IFwibGlua1wiXG4gIHwgXCJkaXNhYmxlZFRleHRcIlxuICB8IFwic2VsZWN0ZWROYXZUZXh0XCJcbiAgfCBcInZpelRleHRcIlxuICB8IFwidml6VGV4dERpc2FibGVkXCJcbiAgfCBcInhzSW5saW5lTGlua1wiO1xuXG5jb25zdCBIdlR5cG9ncmFwaHlNYXAgPSB7XG4gIGRpc3BsYXk6IFwiaDFcIixcbiAgdGl0bGUxOiBcImgxXCIsXG4gIHRpdGxlMjogXCJoMlwiLFxuICB0aXRsZTM6IFwiaDNcIixcbiAgdGl0bGU0OiBcImg0XCIsXG4gIGJvZHk6IFwicFwiLFxuICBsYWJlbDogXCJsYWJlbFwiLFxuICBjYXB0aW9uMTogXCJwXCIsXG4gIGNhcHRpb24yOiBcInBcIixcbiAgLy8gTEVHQUNZXG4gIFwiNXhsVGl0bGVcIjogXCJoMVwiLFxuICBcIjR4bFRpdGxlXCI6IFwiaDFcIixcbiAgeHhsVGl0bGU6IFwiaDFcIixcbiAgbFRpdGxlOiBcImgyXCIsXG4gIHNUaXRsZTogXCJoNFwiLFxuICB4eHNUaXRsZTogXCJoNlwiLFxuICBzZWN0aW9uVGl0bGU6IFwicFwiLFxuICBwbGFjZWhvbGRlclRleHQ6IFwicFwiLFxuICBsaW5rOiBcInBcIixcbiAgZGlzYWJsZWRUZXh0OiBcInBcIixcbiAgc2VsZWN0ZWROYXZUZXh0OiBcInBcIixcbiAgdml6VGV4dERpc2FibGVkOiBcInBcIixcbiAgeHNJbmxpbmVMaW5rOiBcInBcIixcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGdldFN0eWxlZENvbXBvbmVudCA9IDxUIGV4dGVuZHMga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzPihjOiBUKSA9PlxuICBzdHlsZWQoXG4gICAgYyxcbiAgICB0cmFuc2llbnRPcHRpb25zXG4gICkoXG4gICAgKHtcbiAgICAgICR2YXJpYW50LFxuICAgICAgJGxpbmsgPSBmYWxzZSxcbiAgICAgICRkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgJG5vV3JhcCA9IGZhbHNlLFxuICAgIH06IHtcbiAgICAgICR2YXJpYW50OiBIdlR5cG9ncmFwaHlWYXJpYW50cyB8IEh2VHlwb2dyYXBoeUxlZ2FjeVZhcmlhbnRzO1xuICAgICAgJGxpbms/OiBib29sZWFuO1xuICAgICAgJGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICAgICRub1dyYXA/OiBib29sZWFuO1xuICAgIH0pID0+ICh7XG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiZGlzcGxheVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuZGlzcGxheSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInRpdGxlMVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudGl0bGUxIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwidGl0bGUyXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS50aXRsZTIgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTNcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlMyBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInRpdGxlNFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudGl0bGU0IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiYm9keVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxhYmVsXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImNhcHRpb24xXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uMSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImNhcHRpb24yXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uMiBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLy8gTEVHQUNZXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiNXhsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5W1wiNXhsVGl0bGVcIl0gYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCI0eGxUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHlbXCI0eGxUaXRsZVwiXSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInh4bFRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS54eGxUaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubFRpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwic1RpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5zVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ4eHNUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkueHhzVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnNlY3Rpb25UaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInBsYWNlaG9sZGVyVGV4dFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkucGxhY2Vob2xkZXJUZXh0IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwibGlua1wiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGluayBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCIsXG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICB9KSxcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICAgIC8vIEFEREVEIFBST1BTXG4gICAgICAuLi4oJGxpbmsgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIixcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIH0pLFxuICAgICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICB9KSxcbiAgICAgIC4uLigkbm9XcmFwICYmIHtcbiAgICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgICAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgICAgfSksXG4gICAgfSlcbiAgKTtcblxuZXhwb3J0IHR5cGUgSHZUeXBvZ3JhcGh5UHJvcHMgPSBPbWl0PFxuICBBbGxIVE1MQXR0cmlidXRlczxIVE1MRWxlbWVudD4sXG4gIFwiZGlzYWJsZWRcIlxuPiAmXG4gIEh2QmFzZVByb3BzPEhUTUxFbGVtZW50LCB7IGRpc2FibGVkIH0+ICYge1xuICAgIGNvbXBvbmVudD86IFJlYWN0LlJlYWN0Tm9kZSB8IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAgIC8qKiBVc2UgdGhlIHZhcmlhbnQgcHJvcCB0byBjaGFuZ2UgdGhlIHZpc3VhbCBzdHlsZSBvZiB0aGUgVHlwb2dyYXBoeS4gKi9cbiAgICB2YXJpYW50PzogSHZUeXBvZ3JhcGh5VmFyaWFudHMgfCBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50cztcbiAgICAvKiogSWYgYHRydWVgIHRoZSB0eXBvZ3JhcGh5IHdpbGwgZGlzcGxheSB0aGUgbG9vayBvZiBhIGxpbmsuICovXG4gICAgbGluaz86IGJvb2xlYW47XG4gICAgLyoqIElmIGB0cnVlYCB0aGUgdHlwb2dyYXBoeSB3aWxsIGRpc3BsYXkgdGhlIGxvb2sgb2YgYSBkaXNhYmxlZCBzdGF0ZS4gKi9cbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgLyoqIElmIGB0cnVlYCwgdGhlIHRleHQgd2lsbCBoYXZlIGEgYm90dG9tIG1hcmdpbi4gKi9cbiAgICBwYXJhZ3JhcGg/OiBib29sZWFuO1xuICAgIC8qKlxuICAgICAqIElmIGB0cnVlYCwgdGhlIHRleHQgd2lsbCBub3Qgd3JhcCwgYnV0IGluc3RlYWQgd2lsbCB0cnVuY2F0ZSB3aXRoIGEgdGV4dCBvdmVyZmxvdyBlbGxpcHNpcy5cbiAgICAgKlxuICAgICAqIE5vdGUgdGhhdCB0ZXh0IG92ZXJmbG93IGNhbiBvbmx5IGhhcHBlbiB3aXRoIGJsb2NrIG9yIGlubGluZS1ibG9jayBsZXZlbCBlbGVtZW50c1xuICAgICAqICh0aGUgZWxlbWVudCBuZWVkcyB0byBoYXZlIGEgd2lkdGggaW4gb3JkZXIgdG8gb3ZlcmZsb3cpLlxuICAgICAqL1xuICAgIG5vV3JhcD86IGJvb2xlYW47XG4gICAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgICBjbGFzc2VzPzogSHZUeXBvZ3JhcGh5Q2xhc3NlcztcbiAgfTtcblxuLyoqXG4gKiBUeXBvZ3JhcGh5IGNvbXBvbmVudCBpcyB1c2VkIHRvIHJlbmRlciB0ZXh0IGFuZCBwYXJhZ3JhcGhzIHdpdGhpbiBhbiBpbnRlcmZhY2UuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlR5cG9ncmFwaHkgPSBmb3J3YXJkUmVmKFxuICAocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY6IFJlZjxIVE1MRWxlbWVudD4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNvbXBvbmVudCxcbiAgICAgIGNsYXNzZXMsXG4gICAgICB2YXJpYW50ID0gXCJib2R5XCIsXG4gICAgICBsaW5rID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgbm9XcmFwID0gZmFsc2UsXG4gICAgICBwYXJhZ3JhcGggPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0gPSBwcm9wcztcblxuICAgIGNvbnN0IG1hcHBlZFZhcmlhbnQgPSBtYXBWYXJpYW50KHZhcmlhbnQpO1xuXG4gICAgY29uc3QgY29tcCA9XG4gICAgICBjb21wb25lbnQgfHwgKHBhcmFncmFwaCA/IFwicFwiIDogSHZUeXBvZ3JhcGh5TWFwW21hcHBlZFZhcmlhbnRdIHx8IFwic3BhblwiKTtcblxuICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBnZXRTdHlsZWRDb21wb25lbnQoY29tcCB8fCBcInBcIiksXG4gICAgICBbY29tcF1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRDb21wb25lbnRcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICB0eXBvZ3JhcGh5Q2xhc3Nlcy5yb290LFxuICAgICAgICAgIGNsYXNzZXM/Llt2YXJpYW50XSxcbiAgICAgICAgICB0eXBvZ3JhcGh5Q2xhc3Nlc1t2YXJpYW50XSxcbiAgICAgICAgICBub1dyYXAgJiYgY2xzeCh0eXBvZ3JhcGh5Q2xhc3Nlcy5ub1dyYXAsIGNsYXNzZXM/Lm5vV3JhcClcbiAgICAgICAgKX1cbiAgICAgICAgJHZhcmlhbnQ9e1xuICAgICAgICAgIG1hcHBlZFZhcmlhbnQgYXMgSHZUeXBvZ3JhcGh5VmFyaWFudHMgfCBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50c1xuICAgICAgICB9XG4gICAgICAgICRsaW5rPXtsaW5rfVxuICAgICAgICAkZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAkbm9XcmFwPXtub1dyYXB9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkQ29tcG9uZW50PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRUUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgdXNlTWVtbyxcbiAgQ1NTUHJvcGVydGllcyxcbiAgQWxsSFRNTEF0dHJpYnV0ZXMsXG4gIFJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG1hcFZhcmlhbnQgfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHR5cG9ncmFwaHlDbGFzc2VzLCB7IEh2VHlwb2dyYXBoeUNsYXNzZXMgfSBmcm9tIFwiLi90eXBvZ3JhcGh5Q2xhc3Nlc1wiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcblxuZXhwb3J0IHR5cGUgSHZUeXBvZ3JhcGh5VmFyaWFudHMgPVxuICB8IFwiZGlzcGxheVwiXG4gIHwgXCJ0aXRsZTFcIlxuICB8IFwidGl0bGUyXCJcbiAgfCBcInRpdGxlM1wiXG4gIHwgXCJ0aXRsZTRcIlxuICB8IFwiYm9keVwiXG4gIHwgXCJsYWJlbFwiXG4gIHwgXCJjYXB0aW9uMVwiXG4gIHwgXCJjYXB0aW9uMlwiO1xuXG5leHBvcnQgdHlwZSBIdlR5cG9ncmFwaHlMZWdhY3lWYXJpYW50cyA9XG4gIHwgXCI1eGxUaXRsZVwiXG4gIHwgXCI0eGxUaXRsZVwiXG4gIHwgXCIzeGxUaXRsZVwiXG4gIHwgXCJ4eGxUaXRsZVwiXG4gIHwgXCJ4bFRpdGxlXCJcbiAgfCBcImxUaXRsZVwiXG4gIHwgXCJtVGl0bGVcIlxuICB8IFwic1RpdGxlXCJcbiAgfCBcInhzVGl0bGVcIlxuICB8IFwieHhzVGl0bGVcIlxuICB8IFwic2VjdGlvblRpdGxlXCJcbiAgfCBcImhpZ2hsaWdodFRleHRcIlxuICB8IFwibm9ybWFsVGV4dFwiXG4gIHwgXCJwbGFjZWhvbGRlclRleHRcIlxuICB8IFwibGlua1wiXG4gIHwgXCJkaXNhYmxlZFRleHRcIlxuICB8IFwic2VsZWN0ZWROYXZUZXh0XCJcbiAgfCBcInZpelRleHRcIlxuICB8IFwidml6VGV4dERpc2FibGVkXCJcbiAgfCBcInhzSW5saW5lTGlua1wiO1xuXG5jb25zdCBIdlR5cG9ncmFwaHlNYXAgPSB7XG4gIGRpc3BsYXk6IFwiaDFcIixcbiAgdGl0bGUxOiBcImgxXCIsXG4gIHRpdGxlMjogXCJoMlwiLFxuICB0aXRsZTM6IFwiaDNcIixcbiAgdGl0bGU0OiBcImg0XCIsXG4gIGJvZHk6IFwicFwiLFxuICBsYWJlbDogXCJsYWJlbFwiLFxuICBjYXB0aW9uMTogXCJwXCIsXG4gIGNhcHRpb24yOiBcInBcIixcbiAgLy8gTEVHQUNZXG4gIFwiNXhsVGl0bGVcIjogXCJoMVwiLFxuICBcIjR4bFRpdGxlXCI6IFwiaDFcIixcbiAgeHhsVGl0bGU6IFwiaDFcIixcbiAgbFRpdGxlOiBcImgyXCIsXG4gIHNUaXRsZTogXCJoNFwiLFxuICB4eHNUaXRsZTogXCJoNlwiLFxuICBzZWN0aW9uVGl0bGU6IFwicFwiLFxuICBwbGFjZWhvbGRlclRleHQ6IFwicFwiLFxuICBsaW5rOiBcInBcIixcbiAgZGlzYWJsZWRUZXh0OiBcInBcIixcbiAgc2VsZWN0ZWROYXZUZXh0OiBcInBcIixcbiAgdml6VGV4dERpc2FibGVkOiBcInBcIixcbiAgeHNJbmxpbmVMaW5rOiBcInBcIixcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGdldFN0eWxlZENvbXBvbmVudCA9IDxUIGV4dGVuZHMga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzPihjOiBUKSA9PlxuICBzdHlsZWQoXG4gICAgYyxcbiAgICB0cmFuc2llbnRPcHRpb25zXG4gICkoXG4gICAgKHtcbiAgICAgICR2YXJpYW50LFxuICAgICAgJGxpbmsgPSBmYWxzZSxcbiAgICAgICRkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgJG5vV3JhcCA9IGZhbHNlLFxuICAgIH06IHtcbiAgICAgICR2YXJpYW50OiBIdlR5cG9ncmFwaHlWYXJpYW50cyB8IEh2VHlwb2dyYXBoeUxlZ2FjeVZhcmlhbnRzO1xuICAgICAgJGxpbms/OiBib29sZWFuO1xuICAgICAgJGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICAgICRub1dyYXA/OiBib29sZWFuO1xuICAgIH0pID0+ICh7XG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiZGlzcGxheVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuZGlzcGxheSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInRpdGxlMVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudGl0bGUxIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwidGl0bGUyXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS50aXRsZTIgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ0aXRsZTNcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlMyBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInRpdGxlNFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkudGl0bGU0IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiYm9keVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxhYmVsXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImNhcHRpb24xXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uMSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImNhcHRpb24yXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uMiBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLy8gTEVHQUNZXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiNXhsVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5W1wiNXhsVGl0bGVcIl0gYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCI0eGxUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHlbXCI0eGxUaXRsZVwiXSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInh4bFRpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS54eGxUaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubFRpdGxlIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwic1RpdGxlXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5zVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ4eHNUaXRsZVwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkueHhzVGl0bGUgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJzZWN0aW9uVGl0bGVcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnNlY3Rpb25UaXRsZSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInBsYWNlaG9sZGVyVGV4dFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkucGxhY2Vob2xkZXJUZXh0IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwibGlua1wiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGluayBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCIsXG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJkaXNhYmxlZFRleHRcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmRpc2FibGVkVGV4dCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcInNlbGVjdGVkTmF2VGV4dFwiICYmIHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuc2VsZWN0ZWROYXZUZXh0IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwidml6VGV4dERpc2FibGVkXCIgJiYge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS52aXpUZXh0RGlzYWJsZWQgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJ4c0lubGluZUxpbmtcIiAmJiB7XG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnhzSW5saW5lTGluayBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgICAgLy8gQURERUQgUFJPUFNcbiAgICAgIC4uLigkbGluayAmJiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRub1dyYXAgJiYge1xuICAgICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgICB9KSxcbiAgICB9KVxuICApO1xuXG5leHBvcnQgdHlwZSBIdlR5cG9ncmFwaHlQcm9wcyA9IE9taXQ8XG4gIEFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PixcbiAgXCJkaXNhYmxlZFwiXG4+ICZcbiAgSHZCYXNlUHJvcHM8SFRNTEVsZW1lbnQsIHsgZGlzYWJsZWQgfT4gJiB7XG4gICAgY29tcG9uZW50PzogUmVhY3QuUmVhY3ROb2RlIHwgUmVhY3QuRWxlbWVudFR5cGU7XG4gICAgLyoqIFVzZSB0aGUgdmFyaWFudCBwcm9wIHRvIGNoYW5nZSB0aGUgdmlzdWFsIHN0eWxlIG9mIHRoZSBUeXBvZ3JhcGh5LiAqL1xuICAgIHZhcmlhbnQ/OiBIdlR5cG9ncmFwaHlWYXJpYW50cyB8IEh2VHlwb2dyYXBoeUxlZ2FjeVZhcmlhbnRzO1xuICAgIC8qKiBJZiBgdHJ1ZWAgdGhlIHR5cG9ncmFwaHkgd2lsbCBkaXNwbGF5IHRoZSBsb29rIG9mIGEgbGluay4gKi9cbiAgICBsaW5rPzogYm9vbGVhbjtcbiAgICAvKiogSWYgYHRydWVgIHRoZSB0eXBvZ3JhcGh5IHdpbGwgZGlzcGxheSB0aGUgbG9vayBvZiBhIGRpc2FibGVkIHN0YXRlLiAqL1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICAvKiogSWYgYHRydWVgLCB0aGUgdGV4dCB3aWxsIGhhdmUgYSBib3R0b20gbWFyZ2luLiAqL1xuICAgIHBhcmFncmFwaD86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogSWYgYHRydWVgLCB0aGUgdGV4dCB3aWxsIG5vdCB3cmFwLCBidXQgaW5zdGVhZCB3aWxsIHRydW5jYXRlIHdpdGggYSB0ZXh0IG92ZXJmbG93IGVsbGlwc2lzLlxuICAgICAqXG4gICAgICogTm90ZSB0aGF0IHRleHQgb3ZlcmZsb3cgY2FuIG9ubHkgaGFwcGVuIHdpdGggYmxvY2sgb3IgaW5saW5lLWJsb2NrIGxldmVsIGVsZW1lbnRzXG4gICAgICogKHRoZSBlbGVtZW50IG5lZWRzIHRvIGhhdmUgYSB3aWR0aCBpbiBvcmRlciB0byBvdmVyZmxvdykuXG4gICAgICovXG4gICAgbm9XcmFwPzogYm9vbGVhbjtcbiAgICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICAgIGNsYXNzZXM/OiBIdlR5cG9ncmFwaHlDbGFzc2VzO1xuICB9O1xuXG4vKipcbiAqIFR5cG9ncmFwaHkgY29tcG9uZW50IGlzIHVzZWQgdG8gcmVuZGVyIHRleHQgYW5kIHBhcmFncmFwaHMgd2l0aGluIGFuIGludGVyZmFjZS5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2VHlwb2dyYXBoeSA9IGZvcndhcmRSZWYoXG4gIChwcm9wczogSHZUeXBvZ3JhcGh5UHJvcHMsIHJlZjogUmVmPEhUTUxFbGVtZW50PikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2xhc3NlcyxcbiAgICAgIHZhcmlhbnQgPSBcImJvZHlcIixcbiAgICAgIGxpbmsgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBub1dyYXAgPSBmYWxzZSxcbiAgICAgIHBhcmFncmFwaCA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSA9IHByb3BzO1xuXG4gICAgY29uc3QgbWFwcGVkVmFyaWFudCA9IG1hcFZhcmlhbnQodmFyaWFudCk7XG5cbiAgICBjb25zdCBjb21wID1cbiAgICAgIGNvbXBvbmVudCB8fCAocGFyYWdyYXBoID8gXCJwXCIgOiBIdlR5cG9ncmFwaHlNYXBbbWFwcGVkVmFyaWFudF0gfHwgXCJzcGFuXCIpO1xuXG4gICAgY29uc3QgU3R5bGVkQ29tcG9uZW50ID0gdXNlTWVtbyhcbiAgICAgICgpID0+IGdldFN0eWxlZENvbXBvbmVudChjb21wIHx8IFwicFwiKSxcbiAgICAgIFtjb21wXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbXBvbmVudFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgIHR5cG9ncmFwaHlDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgY2xhc3Nlcz8uW3ZhcmlhbnRdLFxuICAgICAgICAgIHR5cG9ncmFwaHlDbGFzc2VzW3ZhcmlhbnRdLFxuICAgICAgICAgIG5vV3JhcCAmJiBjbHN4KHR5cG9ncmFwaHlDbGFzc2VzLm5vV3JhcCwgY2xhc3Nlcz8ubm9XcmFwKVxuICAgICAgICApfVxuICAgICAgICAkdmFyaWFudD17XG4gICAgICAgICAgbWFwcGVkVmFyaWFudCBhcyBIdlR5cG9ncmFwaHlWYXJpYW50cyB8IEh2VHlwb2dyYXBoeUxlZ2FjeVZhcmlhbnRzXG4gICAgICAgIH1cbiAgICAgICAgJGxpbms9e2xpbmt9XG4gICAgICAgICRkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICRub1dyYXA9e25vV3JhcH1cbiAgICAgICAgey4uLm90aGVyc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRDb21wb25lbnQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
 const HvTypography = React.forwardRef((props, ref) => {
   const {
     children,

package/dist/cjs/components/Typography/Typography.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Typography.cjs","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n forwardRef,\n useMemo,\n CSSProperties,\n AllHTMLAttributes,\n Ref,\n} from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport styled from \"@emotion/styled\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { mapVariant } from \"./utils\";\nimport typographyClasses, { HvTypographyClasses } from \"./typographyClasses\";\nimport clsx from \"clsx\";\n\nexport type HvTypographyVariants =\n \| \"display\"\n \| \"title1\"\n \| \"title2\"\n \| \"title3\"\n \| \"title4\"\n \| \"body\"\n \| \"label\"\n \| \"caption1\"\n \| \"caption2\";\n\nexport type HvTypographyLegacyVariants =\n \| \"5xlTitle\"\n \| \"4xlTitle\"\n \| \"3xlTitle\"\n \| \"xxlTitle\"\n \| \"xlTitle\"\n \| \"lTitle\"\n \| \"mTitle\"\n \| \"sTitle\"\n \| \"xsTitle\"\n \| \"xxsTitle\"\n \| \"sectionTitle\"\n \| \"highlightText\"\n \| \"normalText\"\n \| \"placeholderText\"\n \| \"link\"\n \| \"disabledText\"\n \| \"selectedNavText\"\n \| \"vizText\"\n \| \"vizTextDisabled\"\n \| \"xsInlineLink\";\n\nconst HvTypographyMap = {\n display: \"h1\",\n title1: \"h1\",\n title2: \"h2\",\n title3: \"h3\",\n title4: \"h4\",\n body: \"p\",\n label: \"label\",\n caption1: \"p\",\n caption2: \"p\",\n // LEGACY\n \"5xlTitle\": \"h1\",\n \"4xlTitle\": \"h1\",\n xxlTitle: \"h1\",\n lTitle: \"h2\",\n sTitle: \"h4\",\n xxsTitle: \"h6\",\n sectionTitle: \"p\",\n placeholderText: \"p\",\n link: \"p\",\n disabledText: \"p\",\n selectedNavText: \"p\",\n vizTextDisabled: \"p\",\n xsInlineLink: \"p\",\n} as const;\n\nconst getStyledComponent = <T extends keyof JSX.IntrinsicElements>(c: T) =>\n styled(\n c,\n transientOptions\n )(\n ({\n $variant,\n $link = false,\n $disabled = false,\n $noWrap = false,\n }: {\n $variant: HvTypographyVariants \| HvTypographyLegacyVariants;\n $link?: boolean;\n $disabled?: boolean;\n $noWrap?: boolean;\n }) => ({\n ...($variant === \"display\" && {\n ...(theme.typography.display as CSSProperties),\n }),\n ...($variant === \"title1\" && {\n ...(theme.typography.title1 as CSSProperties),\n }),\n ...($variant === \"title2\" && {\n ...(theme.typography.title2 as CSSProperties),\n }),\n ...($variant === \"title3\" && {\n ...(theme.typography.title3 as CSSProperties),\n }),\n ...($variant === \"title4\" && {\n ...(theme.typography.title4 as CSSProperties),\n }),\n ...($variant === \"body\" && {\n ...(theme.typography.body as CSSProperties),\n }),\n ...($variant === \"label\" && {\n ...(theme.typography.label as CSSProperties),\n }),\n ...($variant === \"caption1\" && {\n ...(theme.typography.caption1 as CSSProperties),\n }),\n ...($variant === \"caption2\" && {\n ...(theme.typography.caption2 as CSSProperties),\n }),\n // LEGACY\n ...($variant === \"5xlTitle\" && {\n ...(theme.typography[\"5xlTitle\"] as CSSProperties),\n }),\n ...($variant === \"4xlTitle\" && {\n ...(theme.typography[\"4xlTitle\"] as CSSProperties),\n }),\n ...($variant === \"xxlTitle\" && {\n ...(theme.typography.xxlTitle as CSSProperties),\n }),\n ...($variant === \"lTitle\" && {\n ...(theme.typography.lTitle as CSSProperties),\n }),\n ...($variant === \"sTitle\" && {\n ...(theme.typography.sTitle as CSSProperties),\n }),\n ...($variant === \"xxsTitle\" && {\n ...(theme.typography.xxsTitle as CSSProperties),\n }),\n ...($variant === \"sectionTitle\" && {\n ...(theme.typography.sectionTitle as CSSProperties),\n textTransform: \"uppercase\",\n }),\n ...($variant === \"placeholderText\" && {\n ...(theme.typography.placeholderText as CSSProperties),\n }),\n ...($variant === \"link\" && {\n ...(theme.typography.link as CSSProperties),\n textDecoration: \"underline\",\n cursor: \"pointer\",\n }),\n fontFamily: theme.fontFamily.body,\n // ADDED PROPS\n ...($link && {\n color: theme.colors.acce2,\n textDecoration: \"underline\",\n cursor: \"pointer\",\n }),\n ...($disabled && {\n color: theme.colors.atmo5,\n }),\n ...($noWrap && {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }),\n })\n );\n\nexport type HvTypographyProps = Omit<\n AllHTMLAttributes<HTMLElement>,\n \"disabled\"\n> &\n HvBaseProps<HTMLElement, { disabled }> & {\n component?: React.ReactNode \| React.ElementType;\n /** Use the variant prop to change the visual style of the Typography. /\n variant?: HvTypographyVariants \| HvTypographyLegacyVariants;\n /* If `true` the typography will display the look of a link. /\n link?: boolean;\n /* If `true` the typography will display the look of a disabled state. /\n disabled?: boolean;\n /* If `true`, the text will have a bottom margin. /\n paragraph?: boolean;\n /\n If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n \n Note that text overflow can only happen with block or inline-block level elements\n * (the element needs to have a width in order to overflow).\n /\n noWrap?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTypographyClasses;\n };\n\n/\n Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography = forwardRef(\n (props: HvTypographyProps, ref: Ref<HTMLElement>) => {\n const {\n children,\n className,\n component,\n classes,\n variant = \"body\",\n link = false,\n disabled = false,\n noWrap = false,\n paragraph = false,\n ...others\n } = props;\n\n const mappedVariant = mapVariant(variant);\n\n const comp =\n component \|\| (paragraph ? \"p\" : HvTypographyMap[mappedVariant] \|\| \"span\");\n\n const StyledComponent = useMemo(\n () => getStyledComponent(comp \|\| \"p\"),\n [comp]\n );\n\n return (\n <StyledComponent\n ref={ref}\n className={clsx(\n className,\n classes?.root,\n typographyClasses.root,\n classes?.[variant],\n typographyClasses[variant],\n noWrap && clsx(typographyClasses.noWrap, classes?.noWrap)\n )}\n $variant={\n mappedVariant as HvTypographyVariants \| HvTypographyLegacyVariants\n }\n $link={link}\n $disabled={disabled}\n $noWrap={noWrap}\n {...others}\n >\n {children}\n </StyledComponent>\n );\n }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","lTitle","sTitle","xxsTitle","sectionTitle","placeholderText","link","disabledText","selectedNavText","vizTextDisabled","xsInlineLink","getStyledComponent","c","process","env","NODE_ENV","_extends","target","transientOptions","$variant","$link","$disabled","$noWrap","theme","typography","textTransform","textDecoration","cursor","fontFamily","color","colors","acce2","atmo5","overflow","textOverflow","whiteSpace","HvTypography","forwardRef","props","ref","children","className","component","classes","variant","disabled","noWrap","paragraph","others","mappedVariant","mapVariant","comp","StyledComponent","useMemo","clsx","root","typographyClasses"],"mappings":"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"}
1	+ {"version":3,"file":"Typography.cjs","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n forwardRef,\n useMemo,\n CSSProperties,\n AllHTMLAttributes,\n Ref,\n} from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport styled from \"@emotion/styled\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { mapVariant } from \"./utils\";\nimport typographyClasses, { HvTypographyClasses } from \"./typographyClasses\";\nimport clsx from \"clsx\";\n\nexport type HvTypographyVariants =\n \| \"display\"\n \| \"title1\"\n \| \"title2\"\n \| \"title3\"\n \| \"title4\"\n \| \"body\"\n \| \"label\"\n \| \"caption1\"\n \| \"caption2\";\n\nexport type HvTypographyLegacyVariants =\n \| \"5xlTitle\"\n \| \"4xlTitle\"\n \| \"3xlTitle\"\n \| \"xxlTitle\"\n \| \"xlTitle\"\n \| \"lTitle\"\n \| \"mTitle\"\n \| \"sTitle\"\n \| \"xsTitle\"\n \| \"xxsTitle\"\n \| \"sectionTitle\"\n \| \"highlightText\"\n \| \"normalText\"\n \| \"placeholderText\"\n \| \"link\"\n \| \"disabledText\"\n \| \"selectedNavText\"\n \| \"vizText\"\n \| \"vizTextDisabled\"\n \| \"xsInlineLink\";\n\nconst HvTypographyMap = {\n display: \"h1\",\n title1: \"h1\",\n title2: \"h2\",\n title3: \"h3\",\n title4: \"h4\",\n body: \"p\",\n label: \"label\",\n caption1: \"p\",\n caption2: \"p\",\n // LEGACY\n \"5xlTitle\": \"h1\",\n \"4xlTitle\": \"h1\",\n xxlTitle: \"h1\",\n lTitle: \"h2\",\n sTitle: \"h4\",\n xxsTitle: \"h6\",\n sectionTitle: \"p\",\n placeholderText: \"p\",\n link: \"p\",\n disabledText: \"p\",\n selectedNavText: \"p\",\n vizTextDisabled: \"p\",\n xsInlineLink: \"p\",\n} as const;\n\nconst getStyledComponent = <T extends keyof JSX.IntrinsicElements>(c: T) =>\n styled(\n c,\n transientOptions\n )(\n ({\n $variant,\n $link = false,\n $disabled = false,\n $noWrap = false,\n }: {\n $variant: HvTypographyVariants \| HvTypographyLegacyVariants;\n $link?: boolean;\n $disabled?: boolean;\n $noWrap?: boolean;\n }) => ({\n ...($variant === \"display\" && {\n ...(theme.typography.display as CSSProperties),\n }),\n ...($variant === \"title1\" && {\n ...(theme.typography.title1 as CSSProperties),\n }),\n ...($variant === \"title2\" && {\n ...(theme.typography.title2 as CSSProperties),\n }),\n ...($variant === \"title3\" && {\n ...(theme.typography.title3 as CSSProperties),\n }),\n ...($variant === \"title4\" && {\n ...(theme.typography.title4 as CSSProperties),\n }),\n ...($variant === \"body\" && {\n ...(theme.typography.body as CSSProperties),\n }),\n ...($variant === \"label\" && {\n ...(theme.typography.label as CSSProperties),\n }),\n ...($variant === \"caption1\" && {\n ...(theme.typography.caption1 as CSSProperties),\n }),\n ...($variant === \"caption2\" && {\n ...(theme.typography.caption2 as CSSProperties),\n }),\n // LEGACY\n ...($variant === \"5xlTitle\" && {\n ...(theme.typography[\"5xlTitle\"] as CSSProperties),\n }),\n ...($variant === \"4xlTitle\" && {\n ...(theme.typography[\"4xlTitle\"] as CSSProperties),\n }),\n ...($variant === \"xxlTitle\" && {\n ...(theme.typography.xxlTitle as CSSProperties),\n }),\n ...($variant === \"lTitle\" && {\n ...(theme.typography.lTitle as CSSProperties),\n }),\n ...($variant === \"sTitle\" && {\n ...(theme.typography.sTitle as CSSProperties),\n }),\n ...($variant === \"xxsTitle\" && {\n ...(theme.typography.xxsTitle as CSSProperties),\n }),\n ...($variant === \"sectionTitle\" && {\n ...(theme.typography.sectionTitle as CSSProperties),\n textTransform: \"uppercase\",\n }),\n ...($variant === \"placeholderText\" && {\n ...(theme.typography.placeholderText as CSSProperties),\n }),\n ...($variant === \"link\" && {\n ...(theme.typography.link as CSSProperties),\n textDecoration: \"underline\",\n cursor: \"pointer\",\n }),\n ...($variant === \"disabledText\" && {\n ...(theme.typography.disabledText as CSSProperties),\n }),\n ...($variant === \"selectedNavText\" && {\n ...(theme.typography.selectedNavText as CSSProperties),\n }),\n ...($variant === \"vizTextDisabled\" && {\n ...(theme.typography.vizTextDisabled as CSSProperties),\n }),\n ...($variant === \"xsInlineLink\" && {\n ...(theme.typography.xsInlineLink as CSSProperties),\n }),\n fontFamily: theme.fontFamily.body,\n // ADDED PROPS\n ...($link && {\n color: theme.colors.acce2,\n textDecoration: \"underline\",\n cursor: \"pointer\",\n }),\n ...($disabled && {\n color: theme.colors.atmo5,\n }),\n ...($noWrap && {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }),\n })\n );\n\nexport type HvTypographyProps = Omit<\n AllHTMLAttributes<HTMLElement>,\n \"disabled\"\n> &\n HvBaseProps<HTMLElement, { disabled }> & {\n component?: React.ReactNode \| React.ElementType;\n /** Use the variant prop to change the visual style of the Typography. /\n variant?: HvTypographyVariants \| HvTypographyLegacyVariants;\n /* If `true` the typography will display the look of a link. /\n link?: boolean;\n /* If `true` the typography will display the look of a disabled state. /\n disabled?: boolean;\n /* If `true`, the text will have a bottom margin. /\n paragraph?: boolean;\n /\n If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n \n Note that text overflow can only happen with block or inline-block level elements\n * (the element needs to have a width in order to overflow).\n /\n noWrap?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTypographyClasses;\n };\n\n/\n Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography = forwardRef(\n (props: HvTypographyProps, ref: Ref<HTMLElement>) => {\n const {\n children,\n className,\n component,\n classes,\n variant = \"body\",\n link = false,\n disabled = false,\n noWrap = false,\n paragraph = false,\n ...others\n } = props;\n\n const mappedVariant = mapVariant(variant);\n\n const comp =\n component \|\| (paragraph ? \"p\" : HvTypographyMap[mappedVariant] \|\| \"span\");\n\n const StyledComponent = useMemo(\n () => getStyledComponent(comp \|\| \"p\"),\n [comp]\n );\n\n return (\n <StyledComponent\n ref={ref}\n className={clsx(\n className,\n classes?.root,\n typographyClasses.root,\n classes?.[variant],\n typographyClasses[variant],\n noWrap && clsx(typographyClasses.noWrap, classes?.noWrap)\n )}\n $variant={\n mappedVariant as HvTypographyVariants \| HvTypographyLegacyVariants\n }\n $link={link}\n $disabled={disabled}\n $noWrap={noWrap}\n {...others}\n >\n {children}\n </StyledComponent>\n );\n }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","lTitle","sTitle","xxsTitle","sectionTitle","placeholderText","link","disabledText","selectedNavText","vizTextDisabled","xsInlineLink","getStyledComponent","c","process","env","NODE_ENV","_extends","target","transientOptions","$variant","$link","$disabled","$noWrap","theme","typography","textTransform","textDecoration","cursor","fontFamily","color","colors","acce2","atmo5","overflow","textOverflow","whiteSpace","HvTypography","forwardRef","props","ref","children","className","component","classes","variant","disabled","noWrap","paragraph","others","mappedVariant","mapVariant","comp","StyledComponent","useMemo","clsx","root","typographyClasses"],"mappings":"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"}

package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { useCallback, useMemo, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { setId, wrapperTooltip } from \"utils\";\nimport { useControlled } from \"hooks\";\nimport {\n HvVerticalNavigationTreeView,\n HvVerticalNavigationTreeViewItem,\n} from \"../TreeView\";\nimport verticalNavigationTreeClasses, {\n HvVerticalNavigationTreeClasses,\n} from \"./navigationClasses\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { VerticalNavigationContext } from \"../VerticalNavigation\";\n\nexport interface NavigationData {\n /*\n the id to be applied to the root element.\n /\n id: string;\n /\n the label to be rendered on the menu item.\n /\n label: string;\n /\n The url for the link.\n /\n href?: string;\n /\n The behavior when opening a link.\n /\n target?: string;\n /\n Icon to be render.\n /\n icon?: React.ReactNode;\n /\n Data subset.\n /\n data?: NavigationData[];\n /\n if `true` the item is disabled and is not interactive.\n /\n disabled?: boolean;\n /\n if `true` the item doesn't have a selected state.\n /\n selectable?: boolean;\n /\n Any other properties.\n /\n [otherProperty: string]: any;\n}\n\nconst createListHierarchy = (\n items,\n id,\n classes?: HvVerticalNavigationTreeClasses\n) =>\n items.map((item) => {\n const {\n id: itemId,\n label: itemLabel,\n icon,\n data: children,\n selectable,\n disabled,\n href,\n target,\n } = item;\n\n const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n return (\n <HvVerticalNavigationTreeViewItem\n id={setId(id, itemId)}\n className={classes?.listItem}\n href={href}\n target={target}\n key={itemId}\n nodeId={itemId}\n label={<ItemText />}\n icon={icon}\n payload={item}\n selectable={selectable}\n disabled={disabled}\n >\n {children ? createListHierarchy(children, id, classes) : undefined}\n </HvVerticalNavigationTreeViewItem>\n );\n });\n\nconst getAllParents = (items) => {\n const parents = items.filter(\n (item) => item.data != null && item.data.length > 0\n );\n const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n const path: string[] = [];\n\n if (data != null && data.length > 0) {\n for (let i = 0; i !== data.length; ++i) {\n const item = data[i];\n if (item.id === targetId) {\n path.push(item.id);\n break;\n }\n\n const subPaths = pathToElement(item.data, targetId);\n if (subPaths.length > 0) {\n path.push(item.id);\n path.push(...subPaths);\n break;\n }\n }\n }\n\n return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n id,\n\n className,\n classes,\n\n data,\n\n mode = \"navigation\",\n\n collapsible = false,\n expanded: expandedProp,\n defaultExpanded,\n onToggle,\n\n selected: selectedProp,\n defaultSelected,\n onChange,\n\n ...others\n}: HvVerticalNavigationTreeProps) => {\n const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n const [expanded, setExpanded] = useControlled(expandedProp, () => {\n if (defaultExpanded === true) {\n // all parent nodes will be expanded by default\n return getAllParents(data).map((item) => item.id);\n }\n\n if (defaultExpanded === false) {\n // all parent nodes will be collapsed by default\n return [];\n }\n\n if (defaultExpanded == null) {\n if (selected != null) {\n // the path to the selected node will be expanded (default behaviour)\n const path = pathToElement(data, selected);\n return path.slice(0, -1);\n }\n\n // nothing is expanded\n return [];\n }\n\n return defaultExpanded;\n });\n\n const handleChange = useCallback(\n (event, selectedId, selectedItem) => {\n setSelected(selectedId);\n\n if (onChange) {\n onChange(event, selectedItem);\n }\n },\n [onChange, setSelected]\n );\n\n const handleToggle = useCallback(\n (event, newExpanded) => {\n setExpanded(newExpanded);\n\n if (onToggle) {\n onToggle(event, newExpanded);\n }\n },\n [onToggle, setExpanded]\n );\n\n const { isOpen, collapsedMode } = useContext(VerticalNavigationContext);\n\n const children = useMemo(\n () => data && createListHierarchy(data, id, classes),\n [classes, data, id]\n );\n\n return (\n <StyledNav\n id={id}\n className={clsx(\n className,\n verticalNavigationTreeClasses.root,\n classes?.root,\n !isOpen &&\n collapsedMode == \"simple\" &&\n clsx(verticalNavigationTreeClasses.collapsed, classes?.collapsed)\n )}\n {...others}\n >\n <HvVerticalNavigationTreeView\n id={setId(id, \"tree\")}\n className={clsx(verticalNavigationTreeClasses.list, classes?.list)}\n selectable\n mode={mode}\n collapsible={collapsible}\n selected={selected}\n onChange={handleChange}\n expanded={expanded}\n onToggle={handleToggle}\n >\n {children}\n </HvVerticalNavigationTreeView>\n </StyledNav>\n );\n};\n\nexport type HvVerticalNavigationTreeProps = {\n /\n Id to be applied to the root node.\n /\n id?: string;\n\n /\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvVerticalNavigationTreeClasses;\n /\n Modus operandi (role) of the widget instance.\n /\n mode?: NavigationMode;\n /\n Can non-leaf nodes be collapsed / expanded.\n /\n collapsible?: boolean;\n /\n The ID of the selected page.\n /\n selected?: string;\n /\n When uncontrolled, defines the initial selected page ID.\n /\n defaultSelected?: string;\n /\n Callback fired when a navigation item is selected.\n \n @param {object} event The event source of the callback.\n * @param {object} page The data of the selected page.\n /\n onChange?: (event, page) => void;\n /\n Expanded nodes' ids.\n /\n expanded?: string[];\n /\n When uncontrolled, defines the initial expanded nodes' ids.\n \n It also supports `true` for starting with all nodes expanded.\n * With `false` all nodes will be collapsed.\n \n By default it expands the needed nodes to display the current selection, if any.\n /\n defaultExpanded?: string[] \| boolean;\n /\n Callback fired when tree items are expanded/collapsed.\n \n @param {object} event The event source of the callback.\n * @param {array} nodeIds The ids of the expanded nodes (old and new).\n /\n onToggle?: (event, nodeIds) => void;\n /\n An array containing the data for each menu item.\n \n id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n * data - sub-menu items\n * href - the url used for navigation.\n * target - the behavior when opening an url.\n */\n data?: NavigationData[];\n};\n\nexport type NavigationMode = \"treeview\" \| \"navigation\";\n"],"names":["createListHierarchy","items","id","classes","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","HvVerticalNavigationTreeViewItem","setId","className","listItem","nodeId","_jsx","payload","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","others","setSelected","useControlled","setExpanded","slice","handleChange","useCallback","event","selectedId","selectedItem","handleToggle","newExpanded","isOpen","collapsedMode","useContext","VerticalNavigationContext","useMemo","StyledNav","clsx","verticalNavigationTreeClasses","root","collapsed","HvVerticalNavigationTreeView","list"],"mappings":"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"}
1	+ {"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { useCallback, useMemo, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { setId, wrapperTooltip } from \"utils\";\nimport { useControlled } from \"hooks\";\nimport {\n HvVerticalNavigationTreeView,\n HvVerticalNavigationTreeViewItem,\n} from \"../TreeView\";\nimport verticalNavigationTreeClasses, {\n HvVerticalNavigationTreeClasses,\n} from \"./navigationClasses\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { VerticalNavigationContext } from \"../VerticalNavigation\";\nimport { HvBaseProps } from \"types/generic\";\n\nexport interface NavigationData {\n /*\n the id to be applied to the root element.\n /\n id: string;\n /\n the label to be rendered on the menu item.\n /\n label: string;\n /\n The url for the link.\n /\n href?: string;\n /\n The behavior when opening a link.\n /\n target?: string;\n /\n Icon to be render.\n /\n icon?: React.ReactNode;\n /\n Data subset.\n /\n data?: NavigationData[];\n /\n if `true` the item is disabled and is not interactive.\n /\n disabled?: boolean;\n /\n if `true` the item doesn't have a selected state.\n /\n selectable?: boolean;\n /\n Any other properties.\n /\n [otherProperty: string]: any;\n}\n\nconst createListHierarchy = (\n items,\n id,\n classes?: HvVerticalNavigationTreeClasses\n) =>\n items.map((item) => {\n const {\n id: itemId,\n label: itemLabel,\n icon,\n data: children,\n selectable,\n disabled,\n href,\n target,\n } = item;\n\n const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n return (\n <HvVerticalNavigationTreeViewItem\n id={setId(id, itemId)}\n className={classes?.listItem}\n href={href}\n target={target}\n key={itemId}\n nodeId={itemId}\n label={<ItemText />}\n icon={icon}\n payload={item}\n selectable={selectable}\n disabled={disabled}\n >\n {children ? createListHierarchy(children, id, classes) : undefined}\n </HvVerticalNavigationTreeViewItem>\n );\n });\n\nconst getAllParents = (items) => {\n const parents = items.filter(\n (item) => item.data != null && item.data.length > 0\n );\n const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n const path: string[] = [];\n\n if (data != null && data.length > 0) {\n for (let i = 0; i !== data.length; ++i) {\n const item = data[i];\n if (item.id === targetId) {\n path.push(item.id);\n break;\n }\n\n const subPaths = pathToElement(item.data, targetId);\n if (subPaths.length > 0) {\n path.push(item.id);\n path.push(...subPaths);\n break;\n }\n }\n }\n\n return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n id,\n\n className,\n classes,\n\n data,\n\n mode = \"navigation\",\n\n collapsible = false,\n expanded: expandedProp,\n defaultExpanded,\n onToggle,\n\n selected: selectedProp,\n defaultSelected,\n onChange,\n\n ...others\n}: HvVerticalNavigationTreeProps) => {\n const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n const [expanded, setExpanded] = useControlled(expandedProp, () => {\n if (defaultExpanded === true) {\n // all parent nodes will be expanded by default\n return getAllParents(data).map((item) => item.id);\n }\n\n if (defaultExpanded === false) {\n // all parent nodes will be collapsed by default\n return [];\n }\n\n if (defaultExpanded == null) {\n if (selected != null) {\n // the path to the selected node will be expanded (default behaviour)\n const path = pathToElement(data, selected);\n return path.slice(0, -1);\n }\n\n // nothing is expanded\n return [];\n }\n\n return defaultExpanded;\n });\n\n const handleChange = useCallback(\n (event, selectedId, selectedItem) => {\n setSelected(selectedId);\n\n if (onChange) {\n onChange(event, selectedItem);\n }\n },\n [onChange, setSelected]\n );\n\n const handleToggle = useCallback(\n (event, newExpanded) => {\n setExpanded(newExpanded);\n\n if (onToggle) {\n onToggle(event, newExpanded);\n }\n },\n [onToggle, setExpanded]\n );\n\n const { isOpen, collapsedMode } = useContext(VerticalNavigationContext);\n\n const children = useMemo(\n () => data && createListHierarchy(data, id, classes),\n [classes, data, id]\n );\n\n return (\n <StyledNav\n id={id}\n className={clsx(\n className,\n verticalNavigationTreeClasses.root,\n classes?.root,\n !isOpen &&\n collapsedMode == \"simple\" &&\n clsx(verticalNavigationTreeClasses.collapsed, classes?.collapsed)\n )}\n {...others}\n >\n <HvVerticalNavigationTreeView\n id={setId(id, \"tree\")}\n className={clsx(verticalNavigationTreeClasses.list, classes?.list)}\n selectable\n mode={mode}\n collapsible={collapsible}\n selected={selected}\n onChange={handleChange}\n expanded={expanded}\n onToggle={handleToggle}\n >\n {children}\n </HvVerticalNavigationTreeView>\n </StyledNav>\n );\n};\n\nexport type HvVerticalNavigationTreeProps = HvBaseProps<\n HTMLDivElement,\n { onChange }\n> & {\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvVerticalNavigationTreeClasses;\n /\n Modus operandi (role) of the widget instance.\n /\n mode?: NavigationMode;\n /\n Can non-leaf nodes be collapsed / expanded.\n /\n collapsible?: boolean;\n /\n The ID of the selected page.\n /\n selected?: string;\n /\n When uncontrolled, defines the initial selected page ID.\n /\n defaultSelected?: string;\n /\n Callback fired when a navigation item is selected.\n \n @param {object} event The event source of the callback.\n * @param {object} page The data of the selected page.\n /\n onChange?: (event, page) => void;\n /\n Expanded nodes' ids.\n /\n expanded?: string[];\n /\n When uncontrolled, defines the initial expanded nodes' ids.\n \n It also supports `true` for starting with all nodes expanded.\n * With `false` all nodes will be collapsed.\n \n By default it expands the needed nodes to display the current selection, if any.\n /\n defaultExpanded?: string[] \| boolean;\n /\n Callback fired when tree items are expanded/collapsed.\n \n @param {object} event The event source of the callback.\n * @param {array} nodeIds The ids of the expanded nodes (old and new).\n /\n onToggle?: (event, nodeIds) => void;\n /\n An array containing the data for each menu item.\n \n id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n * data - sub-menu items\n * href - the url used for navigation.\n * target - the behavior when opening an url.\n */\n data?: NavigationData[];\n};\n\nexport type NavigationMode = \"treeview\" \| \"navigation\";\n"],"names":["createListHierarchy","items","id","classes","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","HvVerticalNavigationTreeViewItem","setId","className","listItem","nodeId","_jsx","payload","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","others","setSelected","useControlled","setExpanded","slice","handleChange","useCallback","event","selectedId","selectedItem","handleToggle","newExpanded","isOpen","collapsedMode","useContext","VerticalNavigationContext","useMemo","StyledNav","clsx","verticalNavigationTreeClasses","root","collapsed","HvVerticalNavigationTreeView","list"],"mappings":"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"}

package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalNavigation.cjs","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { createContext, useMemo } from \"react\";\nimport { StyledRoot } from \"./VerticalNavigation.styles\";\nimport verticalNavigationClasses, {\n HvVerticalNavigationClasses,\n} from \"./verticalNavigationClasses\";\n\ninterface VerticalNavigationContextValue {\n isOpen: boolean;\n collapsedMode: HvVerticalNavigationMode;\n}\n\nexport const VerticalNavigationContext =\n createContext<VerticalNavigationContextValue>({\n isOpen: true,\n collapsedMode: \"simple\",\n });\n\n/*\n Navigation enables users to move through an app to complete tasks.\n \n It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n \n Even thou both the hierarchically organized data and the visual style ressemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n \n The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n \n The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n \n Both modes are available via the `mode` property and each app should choose the most appropriate.\n /\nexport const HvVerticalNavigation = ({\n id,\n className,\n classes,\n\n children,\n\n open = true,\n\n collapsedMode = \"simple\",\n\n ...others\n}: HvVerticalNavigationProps) => {\n const value = useMemo(\n () => ({\n isOpen: open,\n collapsedMode,\n }),\n [open]\n );\n\n const content = (\n <VerticalNavigationContext.Provider value={value}>\n <StyledRoot\n id={id}\n className={clsx(\n className,\n verticalNavigationClasses.root,\n classes?.root,\n !open && verticalNavigationClasses.collapsed,\n classes?.collapsed\n )}\n {...others}\n >\n {children}\n </StyledRoot>\n </VerticalNavigationContext.Provider>\n );\n\n return content;\n};\n\nexport type HvVerticalNavigationProps = {\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvVerticalNavigationClasses;\n /\n Current State of the Vertical Navigation Collapse\n /\n open?: boolean;\n /\n ~~Collpased~~ Mode for the Vertical Navigation, the default value is \"simple\".\n /\n collapsedMode?: HvVerticalNavigationMode;\n /\n The content inside the actions container.\n */\n children?: React.ReactNode;\n};\n\nexport type HvVerticalNavigationMode = \"icon\" \| \"simple\";\n\nexport type HvVerticalNavigationPosition =\n \| \"static\"\n \| \"relative\"\n \| \"fixed\"\n \| \"absolute\";\n"],"names":["VerticalNavigationContext","createContext","isOpen","collapsedMode","HvVerticalNavigation","id","className","classes","children","open","others","value","useMemo","content","Provider","StyledRoot","clsx","verticalNavigationClasses","root","collapsed"],"mappings":";;;;;;;;;AAYO,MAAMA,4BACXC,MAAAA,cAA8C;AAAA,EAC5CC,QAAQ;AAAA,EACRC,eAAe;AACjB,CAAC;AAkBI,MAAMC,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EAEAC;AAAAA,EAEAC,OAAO;AAAA,EAEPN,gBAAgB;AAAA,EAEhB,GAAGO;AACsB,MAAM;AACzBC,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IACLV,QAAQO;AAAAA,IACRN;AAAAA,EAAAA,IAEF,CAACM,IAAI,CAAC;AAGFI,QAAAA,UACHb,2BAAAA,IAAAA,0BAA0Bc,UAAQ;AAAA,IAACH;AAAAA,IAAaH,yCAC9CO,sCAAU;AAAA,MACTV;AAAAA,MACAC,WAAWU,cAAAA,QACTV,WACAW,0BAAAA,QAA0BC,MAC1BX,mCAASW,MACT,CAACT,QAAQQ,0BAAAA,QAA0BE,WACnCZ,mCAASY,SAAS;AAAA,MAClB,GACET;AAAAA,MAAMF;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGd;AAEMK,SAAAA;AACT;;;"}
1	+ {"version":3,"file":"VerticalNavigation.cjs","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { createContext, useMemo } from \"react\";\nimport { StyledRoot } from \"./VerticalNavigation.styles\";\nimport verticalNavigationClasses, {\n HvVerticalNavigationClasses,\n} from \"./verticalNavigationClasses\";\n\ninterface VerticalNavigationContextValue {\n isOpen: boolean;\n collapsedMode: HvVerticalNavigationMode;\n}\n\nexport const VerticalNavigationContext =\n createContext<VerticalNavigationContextValue>({\n isOpen: true,\n collapsedMode: \"simple\",\n });\n\n/*\n Navigation enables users to move through an app to complete tasks.\n \n It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n \n Even thou both the hierarchically organized data and the visual style ressemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n \n The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n \n The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n \n Both modes are available via the `mode` property and each app should choose the most appropriate.\n /\nexport const HvVerticalNavigation = ({\n id,\n className,\n classes,\n\n children,\n\n open = true,\n\n collapsedMode = \"simple\",\n\n ...others\n}: HvVerticalNavigationProps) => {\n const value = useMemo(\n () => ({\n isOpen: open,\n collapsedMode,\n }),\n [open]\n );\n\n const content = (\n <VerticalNavigationContext.Provider value={value}>\n <StyledRoot\n id={id}\n className={clsx(\n className,\n verticalNavigationClasses.root,\n classes?.root,\n !open && verticalNavigationClasses.collapsed,\n classes?.collapsed\n )}\n {...others}\n >\n {children}\n </StyledRoot>\n </VerticalNavigationContext.Provider>\n );\n\n return content;\n};\n\nexport type HvVerticalNavigationProps = {\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvVerticalNavigationClasses;\n /\n Current State of the Vertical Navigation Collapse\n /\n open?: boolean;\n /\n Collapsed Mode for the Vertical Navigation, the default value is \"simple\".\n /\n collapsedMode?: HvVerticalNavigationMode;\n /\n The content inside the actions container.\n */\n children?: React.ReactNode;\n};\n\nexport type HvVerticalNavigationMode = \"icon\" \| \"simple\";\n\nexport type HvVerticalNavigationPosition =\n \| \"static\"\n \| \"relative\"\n \| \"fixed\"\n \| \"absolute\";\n"],"names":["VerticalNavigationContext","createContext","isOpen","collapsedMode","HvVerticalNavigation","id","className","classes","children","open","others","value","useMemo","content","Provider","StyledRoot","clsx","verticalNavigationClasses","root","collapsed"],"mappings":";;;;;;;;;AAYO,MAAMA,4BACXC,MAAAA,cAA8C;AAAA,EAC5CC,QAAQ;AAAA,EACRC,eAAe;AACjB,CAAC;AAkBI,MAAMC,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EAEAC;AAAAA,EAEAC,OAAO;AAAA,EAEPN,gBAAgB;AAAA,EAEhB,GAAGO;AACsB,MAAM;AACzBC,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IACLV,QAAQO;AAAAA,IACRN;AAAAA,EAAAA,IAEF,CAACM,IAAI,CAAC;AAGFI,QAAAA,UACHb,2BAAAA,IAAAA,0BAA0Bc,UAAQ;AAAA,IAACH;AAAAA,IAAaH,yCAC9CO,sCAAU;AAAA,MACTV;AAAAA,MACAC,WAAWU,cAAAA,QACTV,WACAW,0BAAAA,QAA0BC,MAC1BX,mCAASW,MACT,CAACT,QAAQQ,0BAAAA,QAA0BE,WACnCZ,mCAASY,SAAS;AAAA,MAClB,GACET;AAAAA,MAAMF;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGd;AAEMK,SAAAA;AACT;;;"}

package/dist/cjs/index.cjs CHANGED Viewed

@@ -82,9 +82,9 @@ const Actions$1 = require("./components/Header/Actions/Actions.cjs");
 const brandClasses = require("./components/Header/Brand/brandClasses.cjs");
 const Brand = require("./components/Header/Brand/Brand.cjs");
 const navigationClasses = require("./components/Header/Navigation/navigationClasses.cjs");
-const Navigation = require("./components/Header/Navigation/Navigation.cjs");
 const MenuBar = require("./components/Header/Navigation/MenuBar/MenuBar.cjs");
 const MenuItem = require("./components/Header/Navigation/MenuItem/MenuItem.cjs");
+const Navigation = require("./components/Header/Navigation/Navigation.cjs");
 const kpiClasses = require("./components/Kpi/kpiClasses.cjs");
 const Kpi = require("./components/Kpi/Kpi.cjs");
 const linkClasses = require("./components/Link/linkClasses.cjs");
@@ -152,18 +152,17 @@ const actionsGenericClasses = require("./components/ActionsGeneric/actionsGeneri
 const ActionsGeneric = require("./components/ActionsGeneric/ActionsGeneric.cjs");
 const breadCrumbClasses = require("./components/BreadCrumb/breadCrumbClasses.cjs");
 const BreadCrumb = require("./components/BreadCrumb/BreadCrumb.cjs");
-const pathElementClasses = require("./components/BreadCrumb/PathElement/pathElementClasses.cjs");
-const PathElement = require("./components/BreadCrumb/PathElement/PathElement.cjs");
-const pageClasses = require("./components/BreadCrumb/Page/pageClasses.cjs");
-const Page = require("./components/BreadCrumb/Page/Page.cjs");
 const dotPaginationClasses = require("./components/DotPagination/dotPaginationClasses.cjs");
 const DotPagination = require("./components/DotPagination/DotPagination.cjs");
 const bannerClasses = require("./components/Banner/bannerClasses.cjs");
 const Banner = require("./components/Banner/Banner.cjs");
-const SnackbarContentWrapper = require("./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs");
+const bannerContentClasses = require("./components/Banner/BannerContent/bannerContentClasses.cjs");
+const BannerContent = require("./components/Banner/BannerContent/BannerContent.cjs");
+const snackbarClasses = require("./components/Snackbar/snackbarClasses.cjs");
+const Snackbar = require("./components/Snackbar/Snackbar.cjs");
 const SnackbarProvider = require("./components/Snackbar/SnackbarProvider/SnackbarProvider.cjs");
 const snackbarContentWrapperClasses = require("./components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.cjs");
-const Snackbar = require("./components/Snackbar/Snackbar.cjs");
+const SnackbarContentWrapper = require("./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs");
 const bulkActionsClasses = require("./components/BulkActions/bulkActionsClasses.cjs");
 const BulkActions = require("./components/BulkActions/BulkActions.cjs");
 const globalActionsClasses = require("./components/GlobalActions/globalActionsClasses.cjs");
@@ -210,6 +209,8 @@ const rightControlClasses = require("./components/Controls/RightControl/rightCon
 const RightControl = require("./components/Controls/RightControl/RightControl.cjs");
 const calendarClasses = require("./components/Calendar/calendarClasses.cjs");
 const Calendar = require("./components/Calendar/Calendar.cjs");
+const calendarHeaderClasses = require("./components/Calendar/CalendarHeader/calendarHeaderClasses.cjs");
+const CalendarHeader = require("./components/Calendar/CalendarHeader/CalendarHeader.cjs");
 const verticalNavigationClasses = require("./components/VerticalNavigation/verticalNavigationClasses.cjs");
 const VerticalNavigation = require("./components/VerticalNavigation/VerticalNavigation.cjs");
 const headerClasses$2 = require("./components/VerticalNavigation/Header/headerClasses.cjs");
@@ -332,20 +333,20 @@ exports.HvButton = Button.HvButton;
 exports.cardClasses = cardClasses.default;
 exports.HvCard = Card.HvCard;
 exports.cardHeaderClasses = headerClasses.default;
-exports.HvCardHeader = Header.HvHeader;
+exports.HvCardHeader = Header.HvCardHeader;
 exports.cardContentClasses = contentClasses.default;
-exports.HvCardContent = Content.HvContent;
+exports.HvCardContent = Content.HvCardContent;
 exports.cardMediaClasses = mediaClasses.default;
-exports.HvCardMedia = Media.HvMedia;
+exports.HvCardMedia = Media.HvCardMedia;
 exports.containerClasses = containerClasses.default;
 exports.HvContainer = Container.HvContainer;
 exports.dialogClasses = dialogClasses.default;
 exports.dialogTitleClasses = titleClasses.default;
-exports.HvDialogTitle = Title.HvTitle;
+exports.HvDialogTitle = Title.HvDialogTitle;
 exports.dialogContentClasses = contentClasses$1.default;
-exports.HvDialogContent = Content$1.HvContent;
+exports.HvDialogContent = Content$1.HvDialogContent;
 exports.dialogActionClasses = actionsClasses.default;
-exports.HvDialogActions = Actions.HvActions;
+exports.HvDialogActions = Actions.HvDialogActions;
 exports.HvDialog = Dialog.HvDialog;
 exports.emptyStateClasses = emptyStateClasses.default;
 exports.HvEmptyState = EmptyState.HvEmptyState;
@@ -356,13 +357,13 @@ exports.HvGrid = Grid.HvGrid;
 exports.headerClasses = headerClasses$1.default;
 exports.HvHeader = Header$1.HvHeader;
 exports.headerActionsClasses = actionsClasses$1.default;
-exports.HvHeaderActions = Actions$1.HvActions;
+exports.HvHeaderActions = Actions$1.HvHeaderActions;
 exports.headerBrandClasses = brandClasses.default;
-exports.HvHeaderBrand = Brand.HvBrand;
+exports.HvHeaderBrand = Brand.HvHeaderBrand;
 exports.headerNavigationClasses = navigationClasses.default;
-exports.HvHeaderNavigation = Navigation.HvNavigation;
 exports.HvHeaderMenuBar = MenuBar.HvMenuBar;
 exports.HvHeaderMenuItem = MenuItem.HvMenuItem;
+exports.HvHeaderNavigation = Navigation.HvHeaderNavigation;
 exports.kpiClasses = kpiClasses.default;
 exports.HvKpi = Kpi.HvKpi;
 exports.linkClasses = linkClasses.default;
@@ -397,7 +398,7 @@ exports.getSelectorIcons = BaseRadio.getSelectorIcons;
 exports.appSwitcherClasses = appSwitcherClasses.default;
 exports.HvAppSwitcher = AppSwitcher.HvAppSwitcher;
 exports.appSwitcherActionClasses = actionClasses.default;
-exports.HvAppSwitcherAction = Action.HvAction;
+exports.HvAppSwitcherAction = Action.HvAppSwitcherAction;
 exports.baseSwitchClasses = baseSwitchClasses.default;
 exports.HvBaseSwitch = BaseSwitch.HvBaseSwitch;
 exports.checkBoxClasses = checkBoxClasses.default;
@@ -431,19 +432,18 @@ exports.actionsGenericClasses = actionsGenericClasses.default;
 exports.HvActionsGeneric = ActionsGeneric.HvActionsGeneric;
 exports.breadCrumbClasses = breadCrumbClasses.default;
 exports.HvBreadCrumb = BreadCrumb.HvBreadCrumb;
-exports.pathElementClasses = pathElementClasses.default;
-exports.HvPathElement = PathElement.HvPathElement;
-exports.pageClasses = pageClasses.default;
-exports.HvPage = Page.HvPage;
 exports.dotPaginationClasses = dotPaginationClasses.default;
 exports.HvDotPagination = DotPagination.HvDotPagination;
 exports.bannerClasses = bannerClasses.default;
 exports.HvBanner = Banner.HvBanner;
-exports.HvSnackbarContent = SnackbarContentWrapper.default;
+exports.bannerContentClasses = bannerContentClasses.default;
+exports.HvBannerContent = BannerContent.HvBannerContent;
+exports.snackbarClasses = snackbarClasses.default;
+exports.HvSnackbar = Snackbar.HvSnackbar;
 exports.HvSnackbarProvider = SnackbarProvider.default;
 exports.useHvSnackbar = SnackbarProvider.useHvSnackbar;
-exports.snackbarContentWrapperClasses = snackbarContentWrapperClasses.default;
-exports.HvSnackbar = Snackbar.HvSnackbar;
+exports.snackbarContentClasses = snackbarContentWrapperClasses.default;
+exports.HvSnackbarContent = SnackbarContentWrapper.default;
 exports.bulkActionsClasses = bulkActionsClasses.default;
 exports.HvBulkActions = BulkActions.HvBulkActions;
 exports.globalActionsClasses = globalActionsClasses.default;
@@ -524,6 +524,8 @@ exports.rightControlClasses = rightControlClasses.default;
 exports.HvRightControl = RightControl.HvRightControl;
 exports.calendarClasses = calendarClasses.default;
 exports.HvCalendar = Calendar.HvCalendar;
+exports.calendarHeaderClasses = calendarHeaderClasses.default;
+exports.HvCalendarHeader = CalendarHeader.HvCalendarHeader;
 exports.verticalNavigationClasses = verticalNavigationClasses.default;
 exports.HvVerticalNavigation = VerticalNavigation.HvVerticalNavigation;
 exports.VerticalNavigationContext = VerticalNavigation.VerticalNavigationContext;

package/dist/cjs/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/AppSwitcher/Action/Action.js CHANGED Viewed

@@ -5,11 +5,12 @@ import TitleWithTooltip from "../TitleWithTooltip.js";
 import { StyledListItem, StyledTypography, StyledIcon, StyledIconInfo, StyledImg } from "./Action.styles.js";
 import appSwitcherActionClasses from "./actionClasses.js";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import useUniqueId from "../../../hooks/useUniqueId.js";
 import { HvAvatar } from "../../Avatar/Avatar.js";
 import { HvTooltip } from "../../Tooltip/Tooltip.js";
 import { HvTypography } from "../../Typography/Typography.js";
 const getColor = (color, defaultColor) => theme.colors[color] || color || defaultColor;
-const HvAction = ({
+const HvAppSwitcherAction = ({
   id,
   className,
   classes,
@@ -49,6 +50,7 @@ const HvAction = ({
       size: "sm",
       backgroundColor: color,
       variant: "square",
+      "aria-hidden": true,
       children: initials
     });
   };
@@ -64,6 +66,7 @@ const HvAction = ({
     });
   };
   const isLink = url != null;
+  const descriptionElementId = useUniqueId(id, "hvAction-description");
   return /* @__PURE__ */ jsx(StyledListItem, {
     id,
     interactive: true,
@@ -80,6 +83,8 @@ const HvAction = ({
       style: {
         borderColor: color
       },
+      "aria-describedby": descriptionElementId,
+      "aria-label": name,
       children: [/* @__PURE__ */ jsx(StyledIcon, {
         className: clsx(appSwitcherActionClasses.icon, classes == null ? void 0 : classes.icon),
         children: renderApplicationIcon()
@@ -97,7 +102,8 @@ const HvAction = ({
           children: /* @__PURE__ */ jsx(StyledIconInfo, {
             className: clsx(appSwitcherActionClasses.iconInfo, classes == null ? void 0 : classes.iconInfo),
             role: "img",
-            "aria-label": description
+            "aria-label": description,
+            id: descriptionElementId
           })
         })
       })]
@@ -105,6 +111,6 @@ const HvAction = ({
   });
 };
 export {
-  HvAction
+  HvAppSwitcherAction
 };
 //# sourceMappingURL=Action.js.map

package/dist/esm/components/AppSwitcher/Action/Action.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Action.js","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvAppSwitcherActionApplication } from \"../AppSwitcher\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n StyledIcon,\n StyledIconInfo,\n StyledListItem,\n StyledTypography,\n StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type ~~HvActionProps~~ = HvBaseProps & {\n /** The application data to be used to render the Action object. /\n application: HvAppSwitcherActionApplication;\n /* Callback triggered when the action is clicked. /\n onClickCallback?: (\n event: React.MouseEvent,\n application: HvAppSwitcherActionApplication\n ) => void;\n /* Must return a boolean stating if the action element is selected or not. /\n isSelectedCallback?: (application: HvAppSwitcherActionApplication) => boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\nexport const ~~HvAction~~ = ({\n id,\n className,\n classes,\n application,\n onClickCallback = () => {},\n isSelectedCallback = () => false,\n}: ~~HvActionProps~~) => {\n const { name, description, disabled, iconElement, iconUrl, url, target } =\n application;\n\n const color = disabled\n ? theme.colors.atmo5\n : getColor(application?.color, theme.colors.acce1);\n\n const [validIconUrl, setValidIconUrl] = useState<boolean>(true);\n\n const renderApplicationIcon = () => {\n if (iconElement) {\n return iconElement;\n }\n\n if (iconUrl && validIconUrl) {\n return (\n <StyledImg\n className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n src={iconUrl}\n onError={() => {\n setValidIconUrl(false);\n }}\n alt={description}\n />\n );\n }\n\n const brokenTitle = name.split(\" \");\n const initials =\n brokenTitle[0].substring(0, 1) +\n (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n return (\n <HvAvatar size=\"sm\" backgroundColor={color} variant=\"square\">\n {initials}\n </HvAvatar>\n );\n };\n\n const isSelected = isSelectedCallback(application);\n\n /\n Handles the onClick event and triggers the appropriate callback if it exists.\n */\n const handleOnClick = (event: React.MouseEvent) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onClickCallback?.(event, { ...application, isSelected });\n };\n\n const isLink = url != null;\n\n return (\n <StyledListItem\n id={id}\n interactive\n tabIndex={0}\n selected={isSelected}\n disabled={disabled}\n className={clsx(\n className,\n appSwitcherActionClasses.root,\n classes?.root,\n disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n )}\n >\n <StyledTypography\n component={isLink ? \"a\" : \"button\"}\n href={isLink ? url : undefined}\n target={isLink ? target \|\| \"_top\" : undefined}\n className={clsx(\n appSwitcherActionClasses.typography,\n classes?.typography\n )}\n onClick={handleOnClick}\n style={{ borderColor: color }}\n >\n <StyledIcon\n className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n >\n {renderApplicationIcon()}\n </StyledIcon>\n\n <TitleWithTooltip\n title={name}\n className={clsx(appSwitcherActionClasses.title, classes?.title)}\n type=\"action\"\n />\n\n {description && (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={<HvTypography>{description}</HvTypography>}\n >\n <div>\n <StyledIconInfo\n className={clsx(\n appSwitcherActionClasses.iconInfo,\n classes?.iconInfo\n )}\n role=\"img\"\n aria-label={description}\n />\n </div>\n </HvTooltip>\n )}\n </StyledTypography>\n </StyledListItem>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","~~HvAction~~","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","StyledImg","clsx","appSwitcherActionClasses","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","interactive","tabIndex","selected","root","StyledTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","StyledIcon","icon","TitleWithTooltip","title","type","HvTooltip","disableFocusListener","disableTouchListener","HvTypography","StyledIconInfo","iconInfo","role"],"mappings":"~~;;;;;;;;;;AAgCA~~,MAAMA,WAAWA,CAACC,OAAOC,iBACvBC,MAAMC,OAAOH,KAAK,KAAKA,SAASC;AAE3B,MAAMG,~~WAAWA~~,CAAC;AAAA,~~EACvBC~~;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkBA,MAAM;AAAA,EAAC;AAAA,EACzBC,qBAAqBA,MAAM;~~AACd~~,MAAM;~~AACb~~,QAAA;AAAA,IAAEC;AAAAA,IAAMC;AAAAA,IAAaC;AAAAA,IAAUC;AAAAA,IAAaC;AAAAA,IAASC;AAAAA,IAAKC;AAAAA,EAC9DT,IAAAA;AAEIR,QAAAA,QAAQa,WACVX,MAAMC,OAAOe,QACbnB,SAASS,2CAAaR,OAAOE,MAAMC,OAAOgB,KAAK;AAEnD,QAAM,CAACC,cAAcC,eAAe,IAAIC,SAAkB,IAAI;AAE9D,QAAMC,wBAAwBA,MAAM;AAClC,QAAIT,aAAa;AACRA,aAAAA;AAAAA,IACT;AAEA,QAAIC,WAAWK,cAAc;AAC3B,iCACGI,WAAS;AAAA,QACRlB,WAAWmB,KAAKC,yBAAyBX,SAASR,mCAASQ,OAAO;AAAA,QAClEY,KAAKZ;AAAAA,QACLa,SAASA,MAAM;AACbP,0BAAgB,KAAK;AAAA,QACvB;AAAA,QACAQ,KAAKjB;AAAAA,MAAAA,CACL;AAAA,IAEN;AAEMkB,UAAAA,cAAcnB,KAAKoB,MAAM,GAAG;AAClC,UAAMC,WACJF,YAAY,CAAC,EAAEG,UAAU,GAAG,CAAC,KAC5BH,YAAY,CAAC,IAAIA,YAAY,CAAC,EAAEG,UAAU,GAAG,CAAC,IAAI;AAErD,+BACGC,UAAQ;AAAA,MAACC,MAAK;AAAA,MAAKC,iBAAiBpC;AAAAA,MAAOqC,SAAQ;AAAA,~~MAAQC~~,~~UACzDN~~;AAAAA,IAAAA,CACQ;AAAA,EAAA;AAITO,QAAAA,aAAa7B,mBAAmBF,WAAW;AAK3CgC,QAAAA,gBAAgBA,CAACC,UAA4B;AACjD,QAAI5B,UAAU;AACZ4B,YAAMC,eAAgB;AACtB;AAAA,IACF;AAEAjC,uDAAkBgC,OAAO;AAAA,MAAE,GAAGjC;AAAAA,MAAa+B;AAAAA,IAAAA;AAAAA,EAAY;AAGzD,QAAMI,SAAS3B,OAAO;~~AAEtB~~,~~6BACG4B~~,gBAAc;AAAA,~~IACbvC~~;AAAAA,~~IACAwC~~,aAAW;AAAA,IACXC,UAAU;AAAA,IACVC,~~UAAUR~~;AAAAA,IACV1B;AAAAA,IACAP,WAAWmB,KACTnB,WACAoB,~~yBAAyBsB~~,~~MACzBzC~~,~~mCAASyC~~,~~MACTnC~~,YAAYY,KAAKC,yBAAyBb,UAAUN,mCAASM,QAAQ,GACrE0B,cAAcd,KAAKC,~~yBAAyBqB~~,~~UAAUxC~~,~~mCAASwC~~,QAAQ,CAAC;AAAA,~~IACxET~~,+~~BAEDW~~,kBAAgB;AAAA,MACfC,~~WAAWP~~,SAAS,MAAM;AAAA,~~MAC1BQ~~,~~MAAMR~~,SAAS3B,~~MAAMoC~~;AAAAA,~~MACrBnC~~,QAAQ0B,SAAS1B,UAAU,~~SAASmC~~;AAAAA,~~MACpC9C~~,WAAWmB,KACTC,~~yBAAyB2B~~,~~YACzB9C~~,~~mCAAS8C~~,UAAU;AAAA,MAErBC,~~SAASd~~;AAAAA,~~MACTe~~,OAAO;AAAA,QAAEC,~~aAAaxD~~;AAAAA,MAAM;AAAA,~~MAAEsC~~,UAAA,~~CAE9BmB~~,oBAACC,YAAU;AAAA,~~QACTpD~~,WAAWmB,KAAKC,~~yBAAyBiC~~,~~MAAMpD~~,~~mCAASoD~~,IAAI;AAAA,~~QAAErB~~,UAE7Df,sBAAqB;AAAA,MAAA,CACX,~~GAEbkC~~,oBAACG,kBAAgB;AAAA,QACfC,~~OAAOlD~~;AAAAA,QACPL,WAAWmB,KAAKC,~~yBAAyBmC~~,~~OAAOtD~~,~~mCAASsD~~,KAAK;AAAA,QAC9DC,MAAK;AAAA,MAAA,CAAQ,~~GAGdlD~~,~~eACC6C~~,oBAACM,WAAS;AAAA,QACRC,sBAAoB;AAAA,QACpBC,sBAAoB;AAAA,QACpBJ,2BAAQK,cAAY;AAAA,~~UAAA5B~~,UAAE1B;AAAAA,QAAAA,CAA4B;AAAA,QAAA0B,8BAElD,OAAA;AAAA,UAAAA,~~8BACG6B~~,gBAAc;AAAA,~~YACb7D~~,WAAWmB,KACTC,~~yBAAyB0C~~,~~UACzB7D~~,~~mCAAS6D~~,QAAQ;AAAA,YAEnBC,MAAK;AAAA,YACL,~~cAAYzD~~;AAAAA,UAAAA,~~CAAY~~;AAAA,QAAA,~~CACxB~~;AAAA,MAAA,CAGP,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEY;AAErB;"}
1	+ {"version":3,"file":"Action.js","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvAppSwitcherActionApplication } from \"../AppSwitcher\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n StyledIcon,\n StyledIconInfo,\n StyledListItem,\n StyledTypography,\n StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\nimport { useUniqueId } from \"../../../hooks\";\n\nexport type HvAppSwitcherActionProps = HvBaseProps & {\n /** The application data to be used to render the Action object. /\n application: HvAppSwitcherActionApplication;\n /* Callback triggered when the action is clicked. /\n onClickCallback?: (\n event: React.MouseEvent,\n application: HvAppSwitcherActionApplication\n ) => void;\n /* Must return a boolean stating if the action element is selected or not. /\n isSelectedCallback?: (application: HvAppSwitcherActionApplication) => boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\nexport const HvAppSwitcherAction = ({\n id,\n className,\n classes,\n application,\n onClickCallback = () => {},\n isSelectedCallback = () => false,\n}: HvAppSwitcherActionProps) => {\n const { name, description, disabled, iconElement, iconUrl, url, target } =\n application;\n\n const color = disabled\n ? theme.colors.atmo5\n : getColor(application?.color, theme.colors.acce1);\n\n const [validIconUrl, setValidIconUrl] = useState<boolean>(true);\n\n const renderApplicationIcon = () => {\n if (iconElement) {\n return iconElement;\n }\n\n if (iconUrl && validIconUrl) {\n return (\n <StyledImg\n className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n src={iconUrl}\n onError={() => {\n setValidIconUrl(false);\n }}\n alt={description}\n />\n );\n }\n\n const brokenTitle = name.split(\" \");\n const initials =\n brokenTitle[0].substring(0, 1) +\n (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n return (\n <HvAvatar size=\"sm\" backgroundColor={color} variant=\"square\" aria-hidden>\n {initials}\n </HvAvatar>\n );\n };\n\n const isSelected = isSelectedCallback(application);\n\n /\n Handles the onClick event and triggers the appropriate callback if it exists.\n /\n const handleOnClick = (event: React.MouseEvent) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onClickCallback?.(event, { ...application, isSelected });\n };\n\n const isLink = url != null;\n const descriptionElementId = useUniqueId(id, \"hvAction-description\");\n\n return (\n <StyledListItem\n id={id}\n interactive\n tabIndex={0}\n selected={isSelected}\n disabled={disabled}\n className={clsx(\n className,\n appSwitcherActionClasses.root,\n classes?.root,\n disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n )}\n >\n {/As HvTooltip don't have the id prop, is not possible to use the aria-labelledby to reference it.\n In substitution is used the aria-label with the \"title\" value*/}\n <StyledTypography\n component={isLink ? \"a\" : \"button\"}\n href={isLink ? url : undefined}\n target={isLink ? target \|\| \"_top\" : undefined}\n className={clsx(\n appSwitcherActionClasses.typography,\n classes?.typography\n )}\n onClick={handleOnClick}\n style={{ borderColor: color }}\n aria-describedby={descriptionElementId}\n aria-label={name}\n >\n <StyledIcon\n className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n >\n {renderApplicationIcon()}\n </StyledIcon>\n\n <TitleWithTooltip\n title={name}\n className={clsx(appSwitcherActionClasses.title, classes?.title)}\n type=\"action\"\n />\n\n {description && (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={<HvTypography>{description}</HvTypography>}\n >\n <div>\n <StyledIconInfo\n className={clsx(\n appSwitcherActionClasses.iconInfo,\n classes?.iconInfo\n )}\n role=\"img\"\n aria-label={description}\n id={descriptionElementId}\n />\n </div>\n </HvTooltip>\n )}\n </StyledTypography>\n </StyledListItem>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAppSwitcherAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","StyledImg","clsx","appSwitcherActionClasses","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","descriptionElementId","useUniqueId","StyledListItem","interactive","tabIndex","selected","root","StyledTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","StyledIcon","icon","TitleWithTooltip","title","type","HvTooltip","disableFocusListener","disableTouchListener","HvTypography","StyledIconInfo","iconInfo","role"],"mappings":"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"}

package/dist/esm/components/AppSwitcher/AppSwitcher.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { StyledRoot, StyledTitle, StyledActionsContainer, StyledFooter } from ".
 import TitleWithTooltip from "./TitleWithTooltip.js";
 import appSwitcherClasses from "./appSwitcherClasses.js";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import { HvAction } from "./Action/Action.js";
+import { HvAppSwitcherAction } from "./Action/Action.js";
 const HvAppSwitcher = ({
   id,
   className,
@@ -24,7 +24,7 @@ const HvAppSwitcher = ({
   };
   const panelActions = useMemo(() => applications && (applications == null ? void 0 : applications.map((application) => {
     if (application.name) {
-      return /* @__PURE__ */ jsx(HvAction, {
+      return /* @__PURE__ */ jsx(HvAppSwitcherAction, {
         application,
         onClickCallback: actionClicked,
         isSelectedCallback: isActionSelectedCallback,