@hitachivantara/uikit-react-core 5.23.0 → 5.24.1

package/dist/cjs/components/Table/TableRow/TableRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useMemo, useState } from \"react\";\n\nimport styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { checkValidHexColorValue } from \"@core/utils/checkValidHexColorValue\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { getVarValue } from \"@core/utils/theme\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useTheme } from \"@core/hooks/useTheme\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableRow.styles\";\n\nexport { staticClasses as tableRowClasses };\n\nexport type HvTableRowClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableRowProps\n  extends HvBaseProps<HTMLTableRowElement, \"children\"> {\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */\n  component?: React.ElementType;\n  /** Whether the table row will shade on hover. */\n  hover?: boolean;\n  /** Whether the table row will have the selected shading. */\n  selected?: boolean;\n  /** Whether the table row is expanded. */\n  expanded?: boolean;\n  /** Whether the table row background is striped. */\n  striped?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableRowClasses;\n}\n\nconst defaultComponent = \"tr\";\n\nconst StyledTableRow = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $striped,\n      $stripedColorEven,\n      $stripedColorOdd,\n    }: {\n      $striped: boolean;\n      $stripedColorEven: string;\n      $stripedColorOdd: string;\n    }) => ({\n      ...($striped && {\n        \"&:nth-of-type(even)\": {\n          backgroundColor: $stripedColorEven,\n          \"&:hover\": {\n            backgroundColor: theme.table.rowHoverColor,\n          },\n        },\n        \"&:nth-of-type(odd)\": {\n          backgroundColor: $stripedColorOdd,\n          \"&:hover\": {\n            backgroundColor: theme.table.rowHoverColor,\n          },\n        },\n      }),\n    })\n  );\n\nconst getStripedColor = (color?: string, opacity: number = 0.6) => {\n  return checkValidHexColorValue(color) ? hexToRgbA(color, opacity) : color;\n};\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n  (props, externalRef) => {\n    const {\n      classes: classesProp,\n      className,\n      component,\n      hover = false,\n      selected = false,\n      expanded = false,\n      striped = false,\n      ...others\n    } = props;\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme, selectedMode, rootId } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [even, setEven] = useState<string | undefined>();\n    const [odd, setOdd] = useState<string | undefined>();\n\n    const type = tableSectionContext?.type || \"body\";\n\n    const isList = tableContext.variant === \"listrow\";\n\n    const Component =\n      component || tableContext?.components?.Tr || defaultComponent;\n\n    const TableRow = useMemo(() => StyledTableRow(Component), [Component]);\n\n    const [stripedColorEven, setStripedColorEven] = useState(\n      getStripedColor(even)\n    );\n    const [stripedColorOdd, setStripedColorOdd] = useState(\n      getStripedColor(odd)\n    );\n\n    useEffect(() => {\n      setEven(getVarValue(theme.table.rowStripedBackgroundColorEven, rootId));\n      setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd, rootId));\n\n      setStripedColorEven(getStripedColor(even));\n      setStripedColorOdd(getStripedColor(odd));\n    }, [activeTheme?.colors?.modes[selectedMode], even, odd, rootId]);\n\n    return (\n      <TableRow\n        ref={externalRef}\n        className={cx(\n          tableSectionContext.filterClassName,\n          className,\n          classes.root,\n          classes?.[type],\n          {\n            [classes.hover]: hover,\n            [classes.selected]: selected,\n            [classes.expanded]: expanded,\n            [classes.striped]: striped,\n            [classes.variantList]: isList && type === \"body\",\n            [classes.variantListHead]: isList && type === \"head\",\n          }\n        )}\n        role={Component === defaultComponent ? null : \"row\"}\n        $striped={striped}\n        $stripedColorEven={stripedColorEven}\n        $stripedColorOdd={stripedColorOdd}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableRow","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$striped","$stripedColorEven","$stripedColorOdd","backgroundColor","theme","table","rowHoverColor","getStripedColor","color","opacity","checkValidHexColorValue","hexToRgbA","HvTableRow","forwardRef","props","externalRef","classes","classesProp","className","component","hover","selected","expanded","striped","others","cx","useClasses","activeTheme","selectedMode","rootId","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","even","setEven","useState","odd","setOdd","type","isList","variant","Component","components","Tr","TableRow","useMemo","stripedColorEven","setStripedColorEven","stripedColorOdd","setStripedColorOdd","useEffect","getVarValue","rowStripedBackgroundColorEven","rowStripedBackgroundColorOdd","colors","modes","ref","filterClassName","root","variantList","variantListHead","role"],"mappings":"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"}
+{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useState } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { checkValidHexColorValue } from \"@core/utils/checkValidHexColorValue\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { getVarValue } from \"@core/utils/theme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useTheme } from \"@core/hooks/useTheme\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableRow.styles\";\n\nexport { staticClasses as tableRowClasses };\n\nexport type HvTableRowClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableRowProps\n  extends HvBaseProps<HTMLTableRowElement, \"children\"> {\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */\n  component?: React.ElementType;\n  /** Whether the table row will shade on hover. */\n  hover?: boolean;\n  /** Whether the table row will have the selected shading. */\n  selected?: boolean;\n  /** Whether the table row is expanded. */\n  expanded?: boolean;\n  /** Whether the table row background is striped. */\n  striped?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableRowClasses;\n}\n\nconst defaultComponent = \"tr\";\n\nconst getStripedColor = (color?: string, opacity: number = 0.6) => {\n  return checkValidHexColorValue(color) ? hexToRgbA(color, opacity) : color;\n};\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n  (props, externalRef) => {\n    const {\n      classes: classesProp,\n      className,\n      component,\n      hover = false,\n      selected = false,\n      expanded = false,\n      striped = false,\n      ...others\n    } = props;\n    const { classes, cx, css } = useClasses(classesProp);\n    const { activeTheme, selectedMode, rootId } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [even, setEven] = useState<string | undefined>();\n    const [odd, setOdd] = useState<string | undefined>();\n\n    const type = tableSectionContext?.type || \"body\";\n\n    const isList = tableContext.variant === \"listrow\";\n\n    const Component =\n      component || tableContext?.components?.Tr || defaultComponent;\n\n    const [stripedColorEven, setStripedColorEven] = useState(\n      getStripedColor(even)\n    );\n    const [stripedColorOdd, setStripedColorOdd] = useState(\n      getStripedColor(odd)\n    );\n\n    useEffect(() => {\n      setEven(getVarValue(theme.table.rowStripedBackgroundColorEven, rootId));\n      setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd, rootId));\n\n      setStripedColorEven(getStripedColor(even));\n      setStripedColorOdd(getStripedColor(odd));\n    }, [activeTheme?.colors?.modes[selectedMode], even, odd, rootId]);\n\n    return (\n      <Component\n        ref={externalRef}\n        className={cx(\n          tableSectionContext.filterClassName,\n          classes.root,\n          classes[type],\n          striped &&\n            css({\n              \"&:nth-of-type(even)\": {\n                backgroundColor: stripedColorEven,\n                \"&:hover\": {\n                  backgroundColor: theme.table.rowHoverColor,\n                },\n              },\n              \"&:nth-of-type(odd)\": {\n                backgroundColor: stripedColorOdd,\n                \"&:hover\": {\n                  backgroundColor: theme.table.rowHoverColor,\n                },\n              },\n            }),\n          {\n            [classes.hover]: hover,\n            [classes.selected]: selected,\n            [classes.expanded]: expanded,\n            [classes.striped]: striped,\n            [classes.variantList]: isList && type === \"body\",\n            [classes.variantListHead]: isList && type === \"head\",\n          },\n          className\n        )}\n        role={Component === defaultComponent ? null : \"row\"}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["defaultComponent","getStripedColor","color","opacity","checkValidHexColorValue","hexToRgbA","HvTableRow","forwardRef","props","externalRef","classes","classesProp","className","component","hover","selected","expanded","striped","others","cx","css","useClasses","activeTheme","selectedMode","rootId","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","even","setEven","useState","odd","setOdd","type","isList","variant","Component","components","Tr","stripedColorEven","setStripedColorEven","stripedColorOdd","setStripedColorOdd","useEffect","getVarValue","theme","table","rowStripedBackgroundColorEven","rowStripedBackgroundColorOdd","colors","modes","ref","filterClassName","root","backgroundColor","rowHoverColor","variantList","variantListHead","role"],"mappings":";;;;;;;;;;;;AAqCA,MAAMA,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,OAAgBC,UAAkB,QAAQ;AACjE,SAAOC,wBAAAA,wBAAwBF,KAAK,IAAIG,UAAAA,UAAUH,OAAOC,OAAO,IAAID;AACtE;AAKO,MAAMI,aAAaC,MAAAA,WACxB,CAACC,OAAOC,gBAAgB;;AAChB,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,UAAU;AAAA,IACV,GAAGC;AAAAA,EACDV,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,IAASS;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,gBAAAA,WAAWV,WAAW;AAC7C,QAAA;AAAA,IAAEW;AAAAA,IAAaC;AAAAA,IAAcC;AAAAA,MAAWC,SAAS,SAAA;AACjDC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AACtCC,QAAAA,sBAAsBF,iBAAWG,oBAAAA,OAAmB;AAE1D,QAAM,CAACC,MAAMC,OAAO,IAAIC,MAA6B,SAAA;AACrD,QAAM,CAACC,KAAKC,MAAM,IAAIF,MAA6B,SAAA;AAE7CG,QAAAA,QAAOP,2DAAqBO,SAAQ;AAEpCC,QAAAA,SAASX,aAAaY,YAAY;AAExC,QAAMC,YACJ1B,eAAaa,kDAAcc,eAAdd,mBAA0Be,OAAMzC;AAE/C,QAAM,CAAC0C,kBAAkBC,mBAAmB,IAAIV,MAC9ChC,SAAAA,gBAAgB8B,IAAI,CACtB;AACA,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIZ,MAC5ChC,SAAAA,gBAAgBiC,GAAG,CACrB;AAEAY,QAAAA,UAAU,MAAM;AACdd,YAAQe,MAAYC,YAAAA,YAAAA,MAAMC,MAAMC,+BAA+B1B,MAAM,CAAC;AACtEW,WAAOY,MAAYC,YAAAA,YAAAA,MAAMC,MAAME,8BAA8B3B,MAAM,CAAC;AAEhDvB,wBAAAA,gBAAgB8B,IAAI,CAAC;AACtB9B,uBAAAA,gBAAgBiC,GAAG,CAAC;AAAA,EAAA,GACtC,EAACZ,gDAAa8B,WAAb9B,mBAAqB+B,MAAM9B,eAAeQ,MAAMG,KAAKV,MAAM,CAAC;AAEhE,wCACGe,WAAS;AAAA,IACRe,KAAK7C;AAAAA,IACLG,WAAWO,GACTU,oBAAoB0B,iBACpB7C,QAAQ8C,MACR9C,QAAQ0B,IAAI,GACZnB,WACEG,IAAI;AAAA,MACF,uBAAuB;AAAA,QACrBqC,iBAAiBf;AAAAA,QACjB,WAAW;AAAA,UACTe,iBAAiBT,YAAAA,MAAMC,MAAMS;AAAAA,QAC/B;AAAA,MACF;AAAA,MACA,sBAAsB;AAAA,QACpBD,iBAAiBb;AAAAA,QACjB,WAAW;AAAA,UACTa,iBAAiBT,YAAAA,MAAMC,MAAMS;AAAAA,QAC/B;AAAA,MACF;AAAA,IAAA,CACD,GACH;AAAA,MACE,CAAChD,QAAQI,KAAK,GAAGA;AAAAA,MACjB,CAACJ,QAAQK,QAAQ,GAAGA;AAAAA,MACpB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,MACpB,CAACN,QAAQO,OAAO,GAAGA;AAAAA,MACnB,CAACP,QAAQiD,WAAW,GAAGtB,UAAUD,SAAS;AAAA,MAC1C,CAAC1B,QAAQkD,eAAe,GAAGvB,UAAUD,SAAS;AAAA,OAEhDxB,SACF;AAAA,IACAiD,MAAMtB,cAAcvC,mBAAmB,OAAO;AAAA,IAAM,GAChDkB;AAAAA,EAAAA,CACL;AAEL,CACF;;;"}

package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs

@@ -43,18 +43,7 @@ const {
     }
   },
   /** Styles applied to the component root when striped. */
-  striped: {
-    // these styles were left on a styled component because of the access to the css var value to add an alpha.
-    // "&:nth-of-type(even)": {
-    // backgroundColor: hexToRgbA(
-    //   getVarValue(theme.table.rowStripedBackgroundColor),
-    //   0.6
-    // ),
-    //   "&:hover": {
-    //     backgroundColor: theme.table.rowHoverColor,
-    //   },
-    // },
-  },
+  striped: {},
   /** Styles applied to the component root on hover. */
   hover: {
     transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",

package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.styles.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableRow\", {\n  /** Styles applied to the component root class. */\n  root: {\n    color: \"inherit\",\n    backgroundColor: theme.table.rowBackgroundColor,\n    verticalAlign: \"middle\",\n    outline: 0,\n    minHeight: 32,\n    \"tr&\": {\n      height: 32,\n    },\n  },\n  /** Styles applied to the component root when inside a `HvTableHead`. */\n  head: {\n    \"&:first-of-type\": {\n      height: 52,\n    },\n\n    \"tr&:first-of-type\": {\n      height: 52,\n    },\n  },\n  /** Styles applied to the component root when inside a `HvTableBody`. */\n  body: {},\n  /** Styles applied to the component root when inside a `HvTableFooter`. */\n  footer: {},\n  /** Styles applied to the component root when selected. */\n  selected: {\n    backgroundColor: theme.table.selectedRowBackgroundColor,\n  },\n  /** Styles applied to the component root when expanded. */\n  expanded: {\n    backgroundColor: theme.colors.atmo1,\n    \"& > *[role=cell]\": {\n      borderBottom: \"none\",\n    },\n  },\n  /** Styles applied to the component root when striped. */\n  striped: {\n    // these styles were left on a styled component because of the access to the css var value to add an alpha.\n    // \"&:nth-of-type(even)\": {\n    // backgroundColor: hexToRgbA(\n    //   getVarValue(theme.table.rowStripedBackgroundColor),\n    //   0.6\n    // ),\n    //   \"&:hover\": {\n    //     backgroundColor: theme.table.rowHoverColor,\n    //   },\n    // },\n  },\n  /** Styles applied to the component root on hover. */\n  hover: {\n    transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n    \"&:hover\": {\n      backgroundColor: theme.table.rowHoverColor,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantList: {\n    ...getBorderStyles(\n      \"row\",\n      theme.table.rowListBorderColor,\n      theme.table.rowListBorderRadius\n    ),\n    backgroundColor: theme.colors.atmo1,\n    height: 52,\n    \"&$selected\": {\n      ...getBorderStyles(\n        \"row\",\n        theme.colors.secondary,\n        theme.table.rowListBorderRadius\n      ),\n\n      \"&:hover\": {\n        ...getBorderStyles(\n          \"row\",\n          theme.table.rowHoverBorderColor,\n          theme.table.rowListBorderRadius\n        ),\n      },\n    },\n\n    \"&:hover\": {\n      ...getBorderStyles(\n        \"row\",\n        theme.table.rowHoverBorderColor,\n        theme.table.rowListBorderRadius\n      ),\n    },\n    \"&.HvIsFocused\": {\n      borderRadius: theme.table.rowListBorderRadius,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantListHead: {\n    backgroundColor: theme.table.rowListBackgroundColor,\n    height: 16,\n    \"&:first-of-type\": {\n      height: 16,\n    },\n\n    \"tr&:first-of-type\": {\n      height: 16,\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","backgroundColor","theme","table","rowBackgroundColor","verticalAlign","outline","minHeight","height","head","body","footer","selected","selectedRowBackgroundColor","expanded","colors","atmo1","borderBottom","striped","hover","transition","rowHoverColor","variantList","getBorderStyles","rowListBorderColor","rowListBorderRadius","secondary","rowHoverBorderColor","borderRadius","variantListHead","rowListBackgroundColor"],"mappings":";;;;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,iBAAiBC,YAAAA,MAAMC,MAAMC;AAAAA,IAC7BC,eAAe;AAAA,IACfC,SAAS;AAAA,IACTC,WAAW;AAAA,IACX,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,EACF;AAAA;AAAA,EAEAC,MAAM;AAAA,IACJ,mBAAmB;AAAA,MACjBD,QAAQ;AAAA,IACV;AAAA,IAEA,qBAAqB;AAAA,MACnBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA;AAAA,EAEAE,MAAM,CAAC;AAAA;AAAA,EAEPC,QAAQ,CAAC;AAAA;AAAA,EAETC,UAAU;AAAA,IACRX,iBAAiBC,YAAAA,MAAMC,MAAMU;AAAAA,EAC/B;AAAA;AAAA,EAEAC,UAAU;AAAA,IACRb,iBAAiBC,YAAAA,MAAMa,OAAOC;AAAAA,IAC9B,oBAAoB;AAAA,MAClBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA;AAAA,EAEAC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUP;AAAA;AAAA,EAGFC,OAAO;AAAA,IACLC,YAAY;AAAA,IACZ,WAAW;AAAA,MACTnB,iBAAiBC,YAAAA,MAAMC,MAAMkB;AAAAA,IAC/B;AAAA,EACF;AAAA;AAAA,EAEAC,aAAa;AAAA,IACX,GAAGC,sBACD,OACArB,kBAAMC,MAAMqB,oBACZtB,YAAAA,MAAMC,MAAMsB,mBACd;AAAA,IACAxB,iBAAiBC,YAAAA,MAAMa,OAAOC;AAAAA,IAC9BR,QAAQ;AAAA,IACR,cAAc;AAAA,MACZ,GAAGe,sBACD,OACArB,kBAAMa,OAAOW,WACbxB,YAAAA,MAAMC,MAAMsB,mBACd;AAAA,MAEA,WAAW;AAAA,QACT,GAAGF,sBACD,OACArB,kBAAMC,MAAMwB,qBACZzB,YAAAA,MAAMC,MAAMsB,mBACd;AAAA,MACF;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAGF,sBACD,OACArB,kBAAMC,MAAMwB,qBACZzB,YAAAA,MAAMC,MAAMsB,mBACd;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACfG,cAAc1B,YAAAA,MAAMC,MAAMsB;AAAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEAI,iBAAiB;AAAA,IACf5B,iBAAiBC,YAAAA,MAAMC,MAAM2B;AAAAA,IAC7BtB,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjBA,QAAQ;AAAA,IACV;AAAA,IAEA,qBAAqB;AAAA,MACnBA,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;;;"}
+{"version":3,"file":"TableRow.styles.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableRow\", {\n  /** Styles applied to the component root class. */\n  root: {\n    color: \"inherit\",\n    backgroundColor: theme.table.rowBackgroundColor,\n    verticalAlign: \"middle\",\n    outline: 0,\n    minHeight: 32,\n    \"tr&\": {\n      height: 32,\n    },\n  },\n  /** Styles applied to the component root when inside a `HvTableHead`. */\n  head: {\n    \"&:first-of-type\": {\n      height: 52,\n    },\n\n    \"tr&:first-of-type\": {\n      height: 52,\n    },\n  },\n  /** Styles applied to the component root when inside a `HvTableBody`. */\n  body: {},\n  /** Styles applied to the component root when inside a `HvTableFooter`. */\n  footer: {},\n  /** Styles applied to the component root when selected. */\n  selected: {\n    backgroundColor: theme.table.selectedRowBackgroundColor,\n  },\n  /** Styles applied to the component root when expanded. */\n  expanded: {\n    backgroundColor: theme.colors.atmo1,\n    \"& > *[role=cell]\": {\n      borderBottom: \"none\",\n    },\n  },\n  /** Styles applied to the component root when striped. */\n  striped: {},\n  /** Styles applied to the component root on hover. */\n  hover: {\n    transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n    \"&:hover\": {\n      backgroundColor: theme.table.rowHoverColor,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantList: {\n    ...getBorderStyles(\n      \"row\",\n      theme.table.rowListBorderColor,\n      theme.table.rowListBorderRadius\n    ),\n    backgroundColor: theme.colors.atmo1,\n    height: 52,\n    \"&$selected\": {\n      ...getBorderStyles(\n        \"row\",\n        theme.colors.secondary,\n        theme.table.rowListBorderRadius\n      ),\n\n      \"&:hover\": {\n        ...getBorderStyles(\n          \"row\",\n          theme.table.rowHoverBorderColor,\n          theme.table.rowListBorderRadius\n        ),\n      },\n    },\n\n    \"&:hover\": {\n      ...getBorderStyles(\n        \"row\",\n        theme.table.rowHoverBorderColor,\n        theme.table.rowListBorderRadius\n      ),\n    },\n    \"&.HvIsFocused\": {\n      borderRadius: theme.table.rowListBorderRadius,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantListHead: {\n    backgroundColor: theme.table.rowListBackgroundColor,\n    height: 16,\n    \"&:first-of-type\": {\n      height: 16,\n    },\n\n    \"tr&:first-of-type\": {\n      height: 16,\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","backgroundColor","theme","table","rowBackgroundColor","verticalAlign","outline","minHeight","height","head","body","footer","selected","selectedRowBackgroundColor","expanded","colors","atmo1","borderBottom","striped","hover","transition","rowHoverColor","variantList","getBorderStyles","rowListBorderColor","rowListBorderRadius","secondary","rowHoverBorderColor","borderRadius","variantListHead","rowListBackgroundColor"],"mappings":";;;;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,iBAAiBC,YAAAA,MAAMC,MAAMC;AAAAA,IAC7BC,eAAe;AAAA,IACfC,SAAS;AAAA,IACTC,WAAW;AAAA,IACX,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,EACF;AAAA;AAAA,EAEAC,MAAM;AAAA,IACJ,mBAAmB;AAAA,MACjBD,QAAQ;AAAA,IACV;AAAA,IAEA,qBAAqB;AAAA,MACnBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA;AAAA,EAEAE,MAAM,CAAC;AAAA;AAAA,EAEPC,QAAQ,CAAC;AAAA;AAAA,EAETC,UAAU;AAAA,IACRX,iBAAiBC,YAAAA,MAAMC,MAAMU;AAAAA,EAC/B;AAAA;AAAA,EAEAC,UAAU;AAAA,IACRb,iBAAiBC,YAAAA,MAAMa,OAAOC;AAAAA,IAC9B,oBAAoB;AAAA,MAClBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA;AAAA,EAEAC,SAAS,CAAC;AAAA;AAAA,EAEVC,OAAO;AAAA,IACLC,YAAY;AAAA,IACZ,WAAW;AAAA,MACTnB,iBAAiBC,YAAAA,MAAMC,MAAMkB;AAAAA,IAC/B;AAAA,EACF;AAAA;AAAA,EAEAC,aAAa;AAAA,IACX,GAAGC,sBACD,OACArB,kBAAMC,MAAMqB,oBACZtB,YAAAA,MAAMC,MAAMsB,mBACd;AAAA,IACAxB,iBAAiBC,YAAAA,MAAMa,OAAOC;AAAAA,IAC9BR,QAAQ;AAAA,IACR,cAAc;AAAA,MACZ,GAAGe,sBACD,OACArB,kBAAMa,OAAOW,WACbxB,YAAAA,MAAMC,MAAMsB,mBACd;AAAA,MAEA,WAAW;AAAA,QACT,GAAGF,sBACD,OACArB,kBAAMC,MAAMwB,qBACZzB,YAAAA,MAAMC,MAAMsB,mBACd;AAAA,MACF;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAGF,sBACD,OACArB,kBAAMC,MAAMwB,qBACZzB,YAAAA,MAAMC,MAAMsB,mBACd;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACfG,cAAc1B,YAAAA,MAAMC,MAAMsB;AAAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEAI,iBAAiB;AAAA,IACf5B,iBAAiBC,YAAAA,MAAMC,MAAM2B;AAAAA,IAC7BtB,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjBA,QAAQ;AAAA,IACV;AAAA,IAEA,qBAAqB;AAAA,MACnBA,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;;;"}

package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.cjs

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiLinearProgress = require("@mui/material/LinearProgress");
 const ProgressColumnCell_styles = require("./ProgressColumnCell.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const MuiLinearProgress__default = /* @__PURE__ */ _interopDefault(MuiLinearProgress);
 const normalizeProgressBar = (value, max) => {
   return max > 0 ? Math.floor(value * 100 / max) : 0;
 };
@@ -10,10 +13,22 @@ const HvProgressColumnCell = ({
   total,
   color = "primary"
 }) => {
+  const {
+    classes
+  } = ProgressColumnCell_styles.useClasses();
   const percentage = normalizeProgressBar(partial, total);
-  return /* @__PURE__ */ jsxRuntime.jsx(ProgressColumnCell_styles.StyledRoot, {
-    children: /* @__PURE__ */ jsxRuntime.jsx(ProgressColumnCell_styles.StyledContainer, {
-      children: /* @__PURE__ */ jsxRuntime.jsx(ProgressColumnCell_styles.StyledLinearProgress, {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: classes.root,
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: classes.linearProgressContainer,
+      children: /* @__PURE__ */ jsxRuntime.jsx(MuiLinearProgress__default.default, {
+        className: classes.linearProgress,
+        classes: {
+          root: classes.linearProgressRoot,
+          colorPrimary: classes.linearProgressColorPrimary,
+          barColorPrimary: classes.linearProgressBarColorPrimary,
+          barColorSecondary: classes.linearProgressBarColorSecondary
+        },
         color,
         variant: "determinate",
         value: percentage

package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressColumnCell.cjs","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.tsx"],"sourcesContent":["import {\n  StyledRoot,\n  StyledContainer,\n  StyledLinearProgress,\n} from \"./ProgressColumnCell.styles\";\n\nexport interface HvProgressColumnCellProp {\n  /** Current value of the bar. */\n  partial: number;\n  /** Maximum value of the bar. */\n  total: number;\n  /** The color of the bar. */\n  color?: \"primary\" | \"secondary\";\n}\n\nexport const normalizeProgressBar = (value: number, max: number) => {\n  return max > 0 ? Math.floor((value * 100) / max) : 0;\n};\n\nexport const HvProgressColumnCell = ({\n  partial,\n  total,\n  color = \"primary\",\n}: HvProgressColumnCellProp): JSX.Element => {\n  const percentage = normalizeProgressBar(partial, total);\n\n  return (\n    <StyledRoot>\n      <StyledContainer>\n        <StyledLinearProgress\n          color={color}\n          variant=\"determinate\"\n          value={percentage}\n        />\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["normalizeProgressBar","value","max","Math","floor","HvProgressColumnCell","partial","total","color","percentage","StyledRoot","children","StyledContainer","StyledLinearProgress","variant"],"mappings":";;;;AAeaA,MAAAA,uBAAuBA,CAACC,OAAeC,QAAgB;AAClE,SAAOA,MAAM,IAAIC,KAAKC,MAAOH,QAAQ,MAAOC,GAAG,IAAI;AACrD;AAEO,MAAMG,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AACgB,MAAmB;AACrCC,QAAAA,aAAaT,qBAAqBM,SAASC,KAAK;AAEtD,wCACGG,0BAAAA,YAAU;AAAA,IAAAC,yCACRC,2CAAe;AAAA,MAAAD,yCACbE,gDAAoB;AAAA,QACnBL;AAAAA,QACAM,SAAQ;AAAA,QACRb,OAAOQ;AAAAA,MAAAA,CACR;AAAA,IAAA,CACc;AAAA,EAAA,CACP;AAEhB;;;"}
+{"version":3,"file":"ProgressColumnCell.cjs","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.tsx"],"sourcesContent":["import MuiLinearProgress from \"@mui/material/LinearProgress\";\n\nimport { useClasses } from \"./ProgressColumnCell.styles\";\n\nexport interface HvProgressColumnCellProp {\n  /** Current value of the bar. */\n  partial: number;\n  /** Maximum value of the bar. */\n  total: number;\n  /** The color of the bar. */\n  color?: \"primary\" | \"secondary\";\n}\n\nexport const normalizeProgressBar = (value: number, max: number) => {\n  return max > 0 ? Math.floor((value * 100) / max) : 0;\n};\n\nexport const HvProgressColumnCell = ({\n  partial,\n  total,\n  color = \"primary\",\n}: HvProgressColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  const percentage = normalizeProgressBar(partial, total);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.linearProgressContainer}>\n        <MuiLinearProgress\n          className={classes.linearProgress}\n          classes={{\n            root: classes.linearProgressRoot,\n            colorPrimary: classes.linearProgressColorPrimary,\n            barColorPrimary: classes.linearProgressBarColorPrimary,\n            barColorSecondary: classes.linearProgressBarColorSecondary,\n          }}\n          color={color}\n          variant=\"determinate\"\n          value={percentage}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["normalizeProgressBar","value","max","Math","floor","HvProgressColumnCell","partial","total","color","classes","useClasses","percentage","className","root","children","linearProgressContainer","MuiLinearProgress","linearProgress","linearProgressRoot","colorPrimary","linearProgressColorPrimary","barColorPrimary","linearProgressBarColorPrimary","barColorSecondary","linearProgressBarColorSecondary","variant"],"mappings":";;;;;;;AAaaA,MAAAA,uBAAuBA,CAACC,OAAeC,QAAgB;AAClE,SAAOA,MAAM,IAAIC,KAAKC,MAAOH,QAAQ,MAAOC,GAAG,IAAI;AACrD;AAEO,MAAMG,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AACgB,MAAmB;AACrC,QAAA;AAAA,IAAEC;AAAAA,MAAYC,0BAAW,WAAA;AAEzBC,QAAAA,aAAaX,qBAAqBM,SAASC,KAAK;AAEtD,wCACE,OAAA;AAAA,IAAKK,WAAWH,QAAQI;AAAAA,IAAKC,yCAC3B,OAAA;AAAA,MAAKF,WAAWH,QAAQM;AAAAA,MAAwBD,yCAC7CE,oCAAiB;AAAA,QAChBJ,WAAWH,QAAQQ;AAAAA,QACnBR,SAAS;AAAA,UACPI,MAAMJ,QAAQS;AAAAA,UACdC,cAAcV,QAAQW;AAAAA,UACtBC,iBAAiBZ,QAAQa;AAAAA,UACzBC,mBAAmBd,QAAQe;AAAAA,QAC7B;AAAA,QACAhB;AAAAA,QACAiB,SAAQ;AAAA,QACRxB,OAAOU;AAAAA,MAAAA,CACR;AAAA,IAAA,CACE;AAAA,EAAA,CACF;AAET;;;"}

package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.cjs

@@ -1,62 +1,35 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const material = require("@mui/material");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "enjmb8a2"
-} : {
-  target: "enjmb8a2",
-  label: "StyledRoot"
-})(process.env.NODE_ENV === "production" ? {
-  name: "7whenc",
-  styles: "display:flex;width:100%"
-} : {
-  name: "7whenc",
-  styles: "display:flex;width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "enjmb8a1"
-} : {
-  target: "enjmb8a1",
-  label: "StyledContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "14ztfvn",
-  styles: "width:100%;margin:auto"
-} : {
-  name: "14ztfvn",
-  styles: "width:100%;margin:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledLinearProgress = /* @__PURE__ */ _styled__default.default(material.LinearProgress, process.env.NODE_ENV === "production" ? {
-  target: "enjmb8a0"
-} : {
-  target: "enjmb8a0",
-  label: "StyledLinearProgress"
-})({
-  height: 8,
-  [`&.${material.linearProgressClasses.root}`]: {
+const classes = require("../../../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvTable-ProgressColumnCell", {
+  root: {
+    display: "flex",
+    width: "100%"
+  },
+  linearProgressContainer: {
+    width: "100%",
+    margin: "auto"
+  },
+  linearProgress: {
+    height: 8
+  },
+  linearProgressRoot: {
     backgroundColor: uikitStyles.theme.colors.atmo4
   },
-  [`& .${material.linearProgressClasses.colorPrimary}`]: {
+  linearProgressColorPrimary: {
     backgroundColor: uikitStyles.theme.colors.atmo4
   },
-  [`& .${material.linearProgressClasses.barColorPrimary}`]: {
+  linearProgressBarColorPrimary: {
     backgroundColor: uikitStyles.theme.colors.positive
   },
-  [`& .${material.linearProgressClasses.barColorSecondary}`]: {
+  linearProgressBarColorSecondary: {
     backgroundColor: uikitStyles.theme.colors.secondary
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgTGluZWFyUHJvZ3Jlc3MgYXMgTXVpTGluZWFyUHJvZ3Jlc3MsXG4gIGxpbmVhclByb2dyZXNzQ2xhc3NlcyBhcyBNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5lYXJQcm9ncmVzcyA9IHN0eWxlZChNdWlMaW5lYXJQcm9ncmVzcykoe1xuICBoZWlnaHQ6IDgsXG5cbiAgW2AmLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmNvbG9yUHJpbWFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuYmFyQ29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucG9zaXRpdmUsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclNlY29uZGFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuIl19 */");
-exports.StyledContainer = StyledContainer;
-exports.StyledLinearProgress = StyledLinearProgress;
-exports.StyledRoot = StyledRoot;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=ProgressColumnCell.styles.cjs.map

package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressColumnCell.styles.cjs","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  LinearProgress as MuiLinearProgress,\n  linearProgressClasses as MuiLinearProgressClasses,\n} from \"@mui/material\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"flex\",\n  width: \"100%\",\n});\n\nexport const StyledContainer = styled(\"div\")({\n  width: \"100%\",\n  margin: \"auto\",\n});\n\nexport const StyledLinearProgress = styled(MuiLinearProgress)({\n  height: 8,\n\n  [`&.${MuiLinearProgressClasses.root}`]: {\n    backgroundColor: theme.colors.atmo4,\n  },\n\n  [`& .${MuiLinearProgressClasses.colorPrimary}`]: {\n    backgroundColor: theme.colors.atmo4,\n  },\n\n  [`& .${MuiLinearProgressClasses.barColorPrimary}`]: {\n    backgroundColor: theme.colors.positive,\n  },\n\n  [`& .${MuiLinearProgressClasses.barColorSecondary}`]: {\n    backgroundColor: theme.colors.secondary,\n  },\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","StyledLinearProgress","MuiLinearProgress","height","MuiLinearProgressClasses","root","backgroundColor","theme","colors","atmo4","colorPrimary","barColorPrimary","positive","barColorSecondary","secondary"],"mappings":";;;;;;;;;;AAOO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtC;AAEM,MAAMC,kBAAyBX,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG3C;AAEM,MAAME,uBAA8BC,iCAAAA,QAAAA,SAAAA,gBAAiBZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5DS,QAAQ;AAAA,EAER,CAAE,KAAIC,+BAAyBC,MAAM,GAAG;AAAA,IACtCC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,+BAAyBM,cAAc,GAAG;AAAA,IAC/CJ,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,+BAAyBO,iBAAiB,GAAG;AAAA,IAClDL,iBAAiBC,YAAAA,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKR,+BAAyBS,mBAAmB,GAAG;AAAA,IACpDP,iBAAiBC,YAAAA,MAAMC,OAAOM;AAAAA,EAChC;AACF,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6wDAAA;;;;"}
+{"version":3,"file":"ProgressColumnCell.styles.cjs","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-ProgressColumnCell\",\n  {\n    root: { display: \"flex\", width: \"100%\" },\n    linearProgressContainer: { width: \"100%\", margin: \"auto\" },\n    linearProgress: {\n      height: 8,\n    },\n    linearProgressRoot: { backgroundColor: theme.colors.atmo4 },\n    linearProgressColorPrimary: {\n      backgroundColor: theme.colors.atmo4,\n    },\n    linearProgressBarColorPrimary: {\n      backgroundColor: theme.colors.positive,\n    },\n    linearProgressBarColorSecondary: {\n      backgroundColor: theme.colors.secondary,\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","width","linearProgressContainer","margin","linearProgress","height","linearProgressRoot","backgroundColor","theme","colors","atmo4","linearProgressColorPrimary","linearProgressBarColorPrimary","positive","linearProgressBarColorSecondary","secondary"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,8BACA;AAAA,EACEC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAQC,OAAO;AAAA,EAAO;AAAA,EACvCC,yBAAyB;AAAA,IAAED,OAAO;AAAA,IAAQE,QAAQ;AAAA,EAAO;AAAA,EACzDC,gBAAgB;AAAA,IACdC,QAAQ;AAAA,EACV;AAAA,EACAC,oBAAoB;AAAA,IAAEC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAAM;AAAA,EAC1DC,4BAA4B;AAAA,IAC1BJ,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EACAE,+BAA+B;AAAA,IAC7BL,iBAAiBC,YAAAA,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EACAC,iCAAiC;AAAA,IAC/BP,iBAAiBC,YAAAA,MAAMC,OAAOM;AAAAA,EAChC;AACF,CACF;;;"}

package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const SwitchColumnCell_styles = require("./SwitchColumnCell.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Typography = require("../../../Typography/Typography.cjs");
 const BaseSwitch = require("../../../BaseSwitch/BaseSwitch.cjs");
 const HvSwitchColumnCell = ({
   checked,
@@ -11,19 +12,24 @@ const HvSwitchColumnCell = ({
   trueLabel,
   switchProps
 }) => {
+  const {
+    classes
+  } = SwitchColumnCell_styles.useClasses();
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [falseLabel != null && /* @__PURE__ */ jsxRuntime.jsx(SwitchColumnCell_styles.StyledNo, {
+    children: [falseLabel != null && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
       "aria-hidden": "true",
       variant: "body",
+      className: classes.switchNo,
       children: falseLabel
     }), /* @__PURE__ */ jsxRuntime.jsx(BaseSwitch.HvBaseSwitch, {
       "aria-label": switchLabel,
       checked,
       value,
       ...switchProps
-    }), trueLabel != null && /* @__PURE__ */ jsxRuntime.jsx(SwitchColumnCell_styles.StyledYes, {
+    }), trueLabel != null && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
       "aria-hidden": "true",
       variant: "body",
+      className: classes.switchYes,
       children: trueLabel
     })]
   });

package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchColumnCell.cjs","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.tsx"],"sourcesContent":["import { HvBaseSwitch, HvBaseSwitchProps } from \"@core/components/BaseSwitch\";\n\nimport { StyledYes, StyledNo } from \"./SwitchColumnCell.styles\";\n\nexport interface HvSwitchColumnCellProp {\n  /** Whether the switch is checked or not. */\n  checked: boolean;\n  /** The switch label. */\n  value: number | string | undefined;\n  /** The value of the switch. */\n  switchLabel: string;\n  /** The right switch label. */\n  falseLabel?: string;\n  /** The left switch label. */\n  trueLabel?: string;\n  /** Extra props to be passed to the switch. */\n  switchProps?: HvBaseSwitchProps;\n}\n\nexport const HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}: HvSwitchColumnCellProp): JSX.Element => {\n  return (\n    <>\n      {falseLabel != null && (\n        <StyledNo aria-hidden=\"true\" variant=\"body\">\n          {falseLabel}\n        </StyledNo>\n      )}\n      <HvBaseSwitch\n        aria-label={switchLabel}\n        checked={checked}\n        value={value}\n        {...switchProps}\n      />\n      {trueLabel != null && (\n        <StyledYes aria-hidden=\"true\" variant=\"body\">\n          {trueLabel}\n        </StyledYes>\n      )}\n    </>\n  );\n};\n"],"names":["HvSwitchColumnCell","checked","value","switchLabel","falseLabel","trueLabel","switchProps","_Fragment","children","StyledNo","variant","_jsx","HvBaseSwitch","StyledYes"],"mappings":";;;;;AAmBO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACsB,MAAmB;AACzC,yCACEC,WAAAA,UAAA;AAAA,IAAAC,WACGJ,cAAc,uCACZK,wBAAAA,UAAQ;AAAA,MAAC,eAAY;AAAA,MAAOC,SAAQ;AAAA,MAAMF,UACxCJ;AAAAA,IAAAA,CACO,GAEZO,2BAAAA,IAACC,yBAAY;AAAA,MACX,cAAYT;AAAAA,MACZF;AAAAA,MACAC;AAAAA,MAAa,GACTI;AAAAA,IACL,CAAA,GACAD,aAAa,uCACXQ,wBAAAA,WAAS;AAAA,MAAC,eAAY;AAAA,MAAOH,SAAQ;AAAA,MAAMF,UACzCH;AAAAA,IAAAA,CACQ,CACZ;AAAA,EAAA,CACD;AAEN;;"}
+{"version":3,"file":"SwitchColumnCell.cjs","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.tsx"],"sourcesContent":["import { HvBaseSwitch, HvBaseSwitchProps } from \"@core/components/BaseSwitch\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { useClasses } from \"./SwitchColumnCell.styles\";\n\nexport interface HvSwitchColumnCellProp {\n  /** Whether the switch is checked or not. */\n  checked: boolean;\n  /** The switch label. */\n  value: number | string | undefined;\n  /** The value of the switch. */\n  switchLabel: string;\n  /** The right switch label. */\n  falseLabel?: string;\n  /** The left switch label. */\n  trueLabel?: string;\n  /** Extra props to be passed to the switch. */\n  switchProps?: HvBaseSwitchProps;\n}\n\nexport const HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}: HvSwitchColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  return (\n    <>\n      {falseLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchNo}\n        >\n          {falseLabel}\n        </HvTypography>\n      )}\n      <HvBaseSwitch\n        aria-label={switchLabel}\n        checked={checked}\n        value={value}\n        {...switchProps}\n      />\n      {trueLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchYes}\n        >\n          {trueLabel}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n"],"names":["HvSwitchColumnCell","checked","value","switchLabel","falseLabel","trueLabel","switchProps","classes","useClasses","_Fragment","children","HvTypography","variant","className","switchNo","_jsx","HvBaseSwitch","switchYes"],"mappings":";;;;;;AAoBO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACsB,MAAmB;AACnC,QAAA;AAAA,IAAEC;AAAAA,MAAYC,wBAAW,WAAA;AAE/B,yCACEC,WAAAA,UAAA;AAAA,IAAAC,WACGN,cAAc,uCACZO,WAAAA,cAAY;AAAA,MACX,eAAY;AAAA,MACZC,SAAQ;AAAA,MACRC,WAAWN,QAAQO;AAAAA,MAASJ,UAE3BN;AAAAA,IAAAA,CACW,GAEhBW,2BAAAA,IAACC,yBAAY;AAAA,MACX,cAAYb;AAAAA,MACZF;AAAAA,MACAC;AAAAA,MAAa,GACTI;AAAAA,IACL,CAAA,GACAD,aAAa,uCACXM,WAAAA,cAAY;AAAA,MACX,eAAY;AAAA,MACZC,SAAQ;AAAA,MACRC,WAAWN,QAAQU;AAAAA,MAAUP,UAE5BL;AAAAA,IAAAA,CACW,CACf;AAAA,EAAA,CACD;AAEN;;"}

package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.cjs

@@ -1,40 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const Typography = require("../../../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledYes = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e127t7yz1"
-} : {
-  target: "e127t7yz1",
-  label: "StyledYes"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1i028ma",
-  styles: "cursor:pointer;display:inline-flex;margin-left:10px"
-} : {
-  name: "1i028ma",
-  styles: "cursor:pointer;display:inline-flex;margin-left:10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1N3aXRjaENvbHVtbkNlbGwvU3dpdGNoQ29sdW1uQ2VsbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9Td2l0Y2hDb2x1bW5DZWxsL1N3aXRjaENvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRZZXMgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5MZWZ0OiBcIjEwcHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTm8gPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5SaWdodDogXCIxMHB4XCIsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const classes = require("../../../../utils/classes.cjs");
+const switchStyle = {
+  cursor: "pointer",
+  display: "inline-flex",
+  marginLeft: "10px"
+};
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvTable-SwitchColumnCell", {
+  switchNo: {
+    ...switchStyle
+  },
+  switchYes: {
+    ...switchStyle
+  }
 });
-const StyledNo = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e127t7yz0"
-} : {
-  target: "e127t7yz0",
-  label: "StyledNo"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1721szf",
-  styles: "cursor:pointer;display:inline-flex;margin-right:10px"
-} : {
-  name: "1721szf",
-  styles: "cursor:pointer;display:inline-flex;margin-right:10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1N3aXRjaENvbHVtbkNlbGwvU3dpdGNoQ29sdW1uQ2VsbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9Td2l0Y2hDb2x1bW5DZWxsL1N3aXRjaENvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRZZXMgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5MZWZ0OiBcIjEwcHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTm8gPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5SaWdodDogXCIxMHB4XCIsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-exports.StyledNo = StyledNo;
-exports.StyledYes = StyledYes;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=SwitchColumnCell.styles.cjs.map

package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchColumnCell.styles.cjs","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { HvTypography } from \"@core/components/Typography\";\n\nexport const StyledYes = styled(HvTypography)({\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n\n  marginLeft: \"10px\",\n});\n\nexport const StyledNo = styled(HvTypography)({\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n\n  marginRight: \"10px\",\n});\n"],"names":["StyledYes","HvTypography","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledNo"],"mappings":";;;;;;;;;AAIO,MAAMA,YAAmBC,iCAAAA,QAAAA,WAAAA,cAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAK5C;AAEM,MAAMC,WAAkBX,iCAAAA,QAAAA,WAAAA,cAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAK3C;;;"}
+{"version":3,"file":"SwitchColumnCell.styles.cjs","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nconst switchStyle = {\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n  marginLeft: \"10px\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-SwitchColumnCell\",\n  {\n    switchNo: {\n      ...switchStyle,\n    },\n    switchYes: {\n      ...switchStyle,\n    },\n  }\n);\n"],"names":["switchStyle","cursor","display","marginLeft","staticClasses","useClasses","createClasses","switchNo","switchYes"],"mappings":";;;AAEA,MAAMA,cAAc;AAAA,EAClBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,YAAY;AACd;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,4BACA;AAAA,EACEC,UAAU;AAAA,IACR,GAAGP;AAAAA,EACL;AAAA,EACAQ,WAAW;AAAA,IACT,GAAGR;AAAAA,EACL;AACF,CACF;;;"}

package/dist/cjs/components/TagsInput/TagsInput.styles.cjs

@@ -18,7 +18,7 @@ const ListContainer = require("../ListContainer/ListContainer.cjs");
 const WarningText = require("../Forms/WarningText/WarningText.cjs");
 const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
 const Suggestions = require("../Forms/Suggestions/Suggestions.cjs");
-const suggestionsClasses = require("../Forms/Suggestions/suggestionsClasses.cjs");
+const Suggestions_styles = require("../Forms/Suggestions/Suggestions.styles.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
@@ -341,7 +341,7 @@ const StyledSuggestions = /* @__PURE__ */ _styled__default.default((props) => /*
   width: "100%",
   position: "relative",
   top: 59,
-  [`& .${suggestionsClasses.default.root} .${suggestionsClasses.default.list} &`]: {
+  [`& .${Suggestions_styles.staticClasses.root} .${Suggestions_styles.staticClasses.list} &`]: {
     width: "100%"
   }
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnc0lucHV0L1RhZ3NJbnB1dC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJSaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWdzSW5wdXQvVGFnc0lucHV0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQge1xuICBIdkNoYXJDb3VudGVyLFxuICBIdkZvcm1FbGVtZW50LFxuICBIdkluZm9NZXNzYWdlLFxuICBIdkxhYmVsLFxuICBIdlN1Z2dlc3Rpb25zLFxuICBIdldhcm5pbmdUZXh0LFxuICBIdkZvcm1FbGVtZW50UHJvcHMsXG4gIEh2TGFiZWxQcm9wcyxcbiAgSHZJbmZvTWVzc2FnZVByb3BzLFxuICBIdkNoYXJDb3VudGVyUHJvcHMsXG4gIEh2V2FybmluZ1RleHRQcm9wcyxcbiAgSHZTdWdnZXN0aW9uc1Byb3BzLFxuICBzdWdnZXN0aW9uc0NsYXNzZXMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0Zvcm1zXCI7XG5pbXBvcnQgeyBIdklucHV0LCBIdklucHV0UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9JbnB1dFwiO1xuaW1wb3J0IHsgSHZUYWcsIEh2VGFnUHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UYWdcIjtcbmltcG9ydCB7IGJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlSW5wdXRcIjtcbmltcG9ydCB7XG4gIEh2TGlzdENvbnRhaW5lcixcbiAgSHZMaXN0SXRlbVByb3BzLFxuICBIdkxpc3RJdGVtLFxuICBsaXN0SXRlbUNsYXNzZXMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0xpc3RDb250YWluZXJcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgdGFnc0lucHV0Q2xhc3NlcyBmcm9tIFwiLi90YWdzSW5wdXRDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZCgocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gKFxuICA8SHZGb3JtRWxlbWVudCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoKHByb3BzOiBIdkxhYmVsUHJvcHMpID0+IChcbiAgPEh2TGFiZWwgey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRGVzY3JpcHRpb24gPSBzdHlsZWQoKHByb3BzOiBIdkluZm9NZXNzYWdlUHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hhckNvdW50ZXIgPSBzdHlsZWQoKHByb3BzOiBIdkNoYXJDb3VudGVyUHJvcHMpID0+IChcbiAgPEh2Q2hhckNvdW50ZXIgey4uLnByb3BzfSAvPlxuKSkoKCkgPT4gKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJyaWdodFwiLFxuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgbWFyZ2luQm90dG9tOiBcIjZweFwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGFnc0xpc3QgPSBzdHlsZWQoXG4gIEh2TGlzdENvbnRhaW5lcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZGlzYWJsZWQsXG4gICAgJHNpbmdsZUxpbmUsXG4gICAgJGVycm9yLFxuICAgICRyZXNpemFibGUsXG4gICAgJGludmFsaWQsXG4gICAgJHJlYWRPbmx5LFxuICB9OiB7XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRzaW5nbGVMaW5lOiBib29sZWFuO1xuICAgICRlcnJvcjogYm9vbGVhbjtcbiAgICAkcmVzaXphYmxlOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICAgICRyZWFkT25seTogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICBjbGVhcjogXCJib3RoXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1heFdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIHBhZGRpbmc6IDUsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG5cbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcblxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnRhZ3NJbnB1dC5ib3JkZXJDb2xvcn1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjdXJzb3I6IFwidGV4dFwiLFxuICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUudGFnc0lucHV0LmhvdmVyQ29sb3J9YCxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290fWBdOiB7XG4gICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIH0sXG5cbiAgICBcIiY6Zm9jdXMsICY6Zm9jdXMtd2l0aGluLCAmOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIiM1MkE4RUNcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgb3V0bGluZVdpZHRoOiBcIjBweFwiLFxuICAgICAgb3V0bGluZU9mZnNldDogXCItMXB4XCIsXG4gICAgICBib3hTaGFkb3c6IFwiMCAwIDAgMXB4ICM1MkE4RUMsIDAgMCAwIDRweCByZ2JhKDI5LDE1NSwyMDksLjMpXCIsXG4gICAgfSxcblxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWdzSW5wdXQuZGlzYWJsZWRCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcblxuICAgICAgXCImOmZvY3VzLXdpdGhpbiwgJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWdzSW5wdXQucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS50YWdzSW5wdXQucmVhZE9ubHlCb3JkZXJDb2xvcn1gLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUudGFnc0lucHV0LnJlYWRPbmx5Qm9yZGVyQ29sb3J9YCxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oJHNpbmdsZUxpbmUgJiYge1xuICAgICAgb3ZlcmZsb3dYOiBcImhpZGRlblwiLFxuICAgICAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICAgICAgaGVpZ2h0OiAzMixcbiAgICAgIGRpc3BsYXk6IFwidGFibGUtcm93XCIsXG4gICAgICBwYWRkaW5nVG9wOiAwLFxuICAgIH0pLFxuXG4gICAgLi4uKCRlcnJvciAmJiB7XG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgICB9KSxcblxuICAgIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICAgIHdpZHRoOiBcImF1dG9cIixcbiAgICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gICAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfSFpbXBvcnRhbnRgLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVycm9yID0gc3R5bGVkKChwcm9wczogSHZXYXJuaW5nVGV4dFByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkxpc3RJdGVtUHJvcHMpID0+IDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNpbmdsZUxpbmUgfTogeyAkc2luZ2xlTGluZTogYm9vbGVhbiB9KSA9PiAoe1xuICBtYXJnaW5Cb3R0b206IDIsXG4gIGhlaWdodDogMjQsXG4gIGxpbmVIZWlnaHQ6IFwiMjRweFwiLFxuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiAyLFxuICB9LFxuICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMuZ3V0dGVyc31gXToge1xuICAgIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgfSxcbiAgLi4uKCRzaW5nbGVMaW5lICYmIHtcbiAgICBkaXNwbGF5OiBcInRhYmxlLWNlbGxcIixcbiAgICBwYWRkaW5nVG9wOiBcIjJweCFpbXBvcnRhbnRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWcgPSBzdHlsZWQoXG4gIChwcm9wczogSHZUYWdQcm9wcykgPT4gPEh2VGFnIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGVkIH06IHsgJHNlbGVjdGVkOiBib29sZWFuIH0pID0+ICh7XG4gIFtgJiAuJHt0YWdzSW5wdXRDbGFzc2VzLmNoaXBSb290fWBdOiB7XG4gICAgbWF4V2lkdGg6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oJHNlbGVjdGVkICYmIHtcbiAgICBvdXRsaW5lQ29sb3I6IFwiIzUyQThFQ1wiLFxuICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgIG91dGxpbmVXaWR0aDogXCIwcHhcIixcbiAgICBvdXRsaW5lT2Zmc2V0OiBcIi0xcHhcIixcbiAgICBib3hTaGFkb3c6IFwiMCAwIDAgMXB4ICM1MkE4RUMsIDAgMCAwIDRweCByZ2JhKDI5LDE1NSwyMDksLjMpXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRMaXN0SXRlbSA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkxpc3RJdGVtUHJvcHMpID0+IDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHNpbmdsZUxpbmUsXG4gICAgJGlzVGFnU2VsZWN0ZWQsXG4gIH06IHtcbiAgICAkc2luZ2xlTGluZTogYm9vbGVhbjtcbiAgICAkaXNUYWdTZWxlY3RlZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4R3JvdzogMSxcbiAgICBoZWlnaHQ6IDI0LFxuICAgIGxpbmVIZWlnaHQ6IFwiMjRweFwiLFxuICAgIFtgJi4ke2xpc3RJdGVtQ2xhc3Nlcy5ndXR0ZXJzfWBdOiB7XG4gICAgICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gICAgfSxcbiAgICAuLi4oJHNpbmdsZUxpbmUgJiYge1xuICAgICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgICBtaW5XaWR0aDogMTAwLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcGFkZGluZ1RvcDogXCIzcHghaW1wb3J0YW50XCIsXG4gICAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiLFxuICAgIH0pLFxuICAgIC4uLigkaXNUYWdTZWxlY3RlZCAmJiB7XG4gICAgICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3R9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2SW5wdXRQcm9wcykgPT4gPEh2SW5wdXQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2luZ2xlTGluZSB9OiB7ICRzaW5nbGVMaW5lOiBib29sZWFuIH0pID0+ICh7XG4gIFtgJiAuJHtiYXNlSW5wdXRDbGFzc2VzLnJvb3R9YF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBbYCY6aG92ZXIgLiR7dGFnc0lucHV0Q2xhc3Nlcy50YWdJbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgfSxcbiAgICBbYCY6aG92ZXIgLiR7dGFnc0lucHV0Q2xhc3Nlcy50YWdJbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbiAgW2AmJiAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgZmxleDogXCIxIDEgYXV0b1wiLFxuICAgIG1pbldpZHRoOiA0OCxcbiAgICBoZWlnaHQ6IDI0LFxuICAgIGxpbmVIZWlnaHQ6IFwiMjRweFwiLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgfSxcbiAgW2AmIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXJ9YF06IHtcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICB9LFxuICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RGb2N1c2VkfWBdOiB7XG4gICAgb3V0bGluZTogXCJub25lIWltcG9ydGFudFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lIWltcG9ydGFudFwiLFxuICB9LFxuICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5yb290fSAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdFJlYWRPbmx5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50IFwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbiAgW2AmJiAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0fWBdOiB7XG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfSxcbiAgLi4uKCRzaW5nbGVMaW5lICYmIHt9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN1Z2dlc3Rpb25zID0gc3R5bGVkKChwcm9wczogSHZTdWdnZXN0aW9uc1Byb3BzKSA9PiAoXG4gIDxIdlN1Z2dlc3Rpb25zIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB0b3A6IDU5LFxuICBbYCYgLiR7c3VnZ2VzdGlvbnNDbGFzc2VzLnJvb3R9IC4ke3N1Z2dlc3Rpb25zQ2xhc3Nlcy5saXN0fSAmYF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KTtcbiJdfQ== */");

package/dist/cjs/components/TagsInput/TagsInput.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport {\n  HvCharCounter,\n  HvFormElement,\n  HvInfoMessage,\n  HvLabel,\n  HvSuggestions,\n  HvWarningText,\n  HvFormElementProps,\n  HvLabelProps,\n  HvInfoMessageProps,\n  HvCharCounterProps,\n  HvWarningTextProps,\n  HvSuggestionsProps,\n  suggestionsClasses,\n} from \"@core/components/Forms\";\nimport { HvInput, HvInputProps } from \"@core/components/Input\";\nimport { HvTag, HvTagProps } from \"@core/components/Tag\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport {\n  HvListContainer,\n  HvListItemProps,\n  HvListItem,\n  listItemClasses,\n} from \"@core/components/ListContainer\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nimport tagsInputClasses from \"./tagsInputClasses\";\n\nexport const StyledFormElement = styled((props: HvFormElementProps) => (\n  <HvFormElement {...props} />\n))({\n  display: \"inline-block\",\n  width: \"100%\",\n});\n\nexport const StyledLabelContainer = styled(\"div\")({\n  float: \"left\",\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props: HvLabelProps) => (\n  <HvLabel {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledDescription = styled((props: HvInfoMessageProps) => (\n  <HvInfoMessage {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props: HvCharCounterProps) => (\n  <HvCharCounter {...props} />\n))(() => ({\n  display: \"block\",\n  float: \"right\",\n  textAlign: \"right\",\n  marginBottom: \"6px\",\n}));\n\nexport const StyledTagsList = styled(\n  HvListContainer,\n  transientOptions\n)(\n  ({\n    $disabled,\n    $singleLine,\n    $error,\n    $resizable,\n    $invalid,\n    $readOnly,\n  }: {\n    $disabled: boolean;\n    $singleLine: boolean;\n    $error: boolean;\n    $resizable: boolean;\n    $invalid: boolean;\n    $readOnly: boolean;\n  }) => ({\n    display: \"flex\",\n    alignContent: \"flex-start\",\n    float: \"left\",\n    clear: \"both\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    height: \"32px\",\n    padding: 5,\n    overflow: \"auto\",\n    position: \"relative\",\n\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n\n    backgroundColor: theme.colors.atmo1,\n    border: `1px solid ${theme.tagsInput.borderColor}`,\n    borderRadius: theme.radii.base,\n\n    \"&:hover\": {\n      cursor: \"text\",\n      border: `1px solid ${theme.tagsInput.hoverColor}`,\n    },\n\n    [`& .${baseInputClasses.inputRoot}`]: {\n      border: \"none\",\n    },\n\n    \"&:focus, &:focus-within, &:focus-visible\": {\n      outlineColor: \"#52A8EC\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"0px\",\n      outlineOffset: \"-1px\",\n      boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n    },\n\n    ...($disabled && {\n      backgroundColor: theme.tagsInput.disabledBackgroundColor,\n      border: `1px solid ${theme.colors.atmo4}`,\n\n      \"&:focus-within, &:hover\": {\n        border: `1px solid ${theme.colors.atmo4}`,\n      },\n    }),\n\n    ...($readOnly && {\n      backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n      border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      },\n    }),\n\n    ...($singleLine && {\n      overflowX: \"hidden\",\n      overflowY: \"hidden\",\n      height: 32,\n      display: \"table-row\",\n      paddingTop: 0,\n    }),\n\n    ...($error && {\n      border: `1px solid ${theme.colors.negative}`,\n    }),\n\n    ...($resizable && {\n      width: \"auto\",\n      resize: \"both\",\n      overflow: \"auto\",\n    }),\n\n    ...($invalid && {\n      border: `1px solid ${theme.colors.negative}!important`,\n    }),\n  })\n);\n\nexport const StyledError = styled((props: HvWarningTextProps) => (\n  <HvWarningText {...props} />\n))({\n  float: \"left\",\n});\n\nexport const StyledListItem = styled(\n  (props: HvListItemProps) => <HvListItem {...props} />,\n  transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n  marginBottom: 2,\n  height: 24,\n  lineHeight: \"24px\",\n  \"&:not(:last-child)\": {\n    marginBottom: 2,\n  },\n  [`&.${listItemClasses.gutters}`]: {\n    padding: \"0 5px\",\n  },\n  ...($singleLine && {\n    display: \"table-cell\",\n    paddingTop: \"2px!important\",\n  }),\n}));\n\nexport const StyledTag = styled(\n  (props: HvTagProps) => <HvTag {...props} />,\n  transientOptions\n)(({ $selected }: { $selected: boolean }) => ({\n  [`& .${tagsInputClasses.chipRoot}`]: {\n    maxWidth: \"none\",\n  },\n  ...($selected && {\n    outlineColor: \"#52A8EC\",\n    outlineStyle: \"solid\",\n    outlineWidth: \"0px\",\n    outlineOffset: \"-1px\",\n    boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n  }),\n}));\n\nexport const StyledInputListItem = styled(\n  (props: HvListItemProps) => <HvListItem {...props} />,\n  transientOptions\n)(\n  ({\n    $singleLine,\n    $isTagSelected,\n  }: {\n    $singleLine: boolean;\n    $isTagSelected: boolean;\n  }) => ({\n    display: \"flex\",\n    flexGrow: 1,\n    height: 24,\n    lineHeight: \"24px\",\n    [`&.${listItemClasses.gutters}`]: {\n      padding: \"0 5px\",\n    },\n    ...($singleLine && {\n      display: \"table-cell\",\n      minWidth: 100,\n      width: \"100%\",\n      paddingTop: \"3px!important\",\n      verticalAlign: \"middle\",\n    }),\n    ...($isTagSelected && {\n      [`& .${baseInputClasses.inputRoot}`]: {\n        backgroundColor: theme.colors.atmo1,\n      },\n    }),\n  })\n);\n\nexport const StyledInput = styled(\n  (props: HvInputProps) => <HvInput {...props} />,\n  transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n  [`& .${baseInputClasses.root}`]: {\n    width: \"100%\",\n    border: \"none\",\n    [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n      background: \"none\",\n    },\n    [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n      background: \"none\",\n    },\n  },\n  [`&& .${baseInputClasses.inputRoot}`]: {\n    marginLeft: 0,\n    marginRight: 0,\n    flex: \"1 1 auto\",\n    minWidth: 48,\n    height: 24,\n    lineHeight: \"24px\",\n    padding: 0,\n    border: \"none\",\n  },\n  [`& .${baseInputClasses.inputBorderContainer}`]: {\n    border: \"none\",\n    background: \"none\",\n  },\n  [`& .${baseInputClasses.inputRootFocused}`]: {\n    outline: \"none!important\",\n    boxShadow: \"none!important\",\n  },\n  [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n    backgroundColor: \"transparent \",\n    border: \"none\",\n    \"&:hover\": {\n      border: \"none\",\n    },\n  },\n  [`&& .${baseInputClasses.input}`]: {\n    marginLeft: 0,\n  },\n  ...($singleLine && {}),\n}));\n\nexport const StyledSuggestions = styled((props: HvSuggestionsProps) => (\n  <HvSuggestions {...props} />\n))({\n  width: \"100%\",\n  position: \"relative\",\n  top: 59,\n  [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n    width: \"100%\",\n  },\n});\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabelContainer","StyledLabel","HvLabel","StyledDescription","HvInfoMessage","StyledCharCounter","HvCharCounter","display","float","textAlign","marginBottom","StyledTagsList","HvListContainer","_extends","transientOptions","$disabled","$singleLine","$error","$resizable","$invalid","$readOnly","alignContent","clear","width","maxWidth","height","padding","overflow","position","flexDirection","flexWrap","backgroundColor","theme","colors","atmo1","border","tagsInput","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","disabledBackgroundColor","atmo4","readOnlyBackgroundColor","readOnlyBorderColor","overflowX","overflowY","paddingTop","negative","resize","StyledError","HvWarningText","StyledListItem","HvListItem","lineHeight","listItemClasses","gutters","StyledTag","HvTag","$selected","tagsInputClasses","chipRoot","StyledInputListItem","$isTagSelected","flexGrow","minWidth","verticalAlign","StyledInput","HvInput","root","tagInputBorderContainer","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","input","StyledSuggestions","HvSuggestions","top","suggestionsClasses","list"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAMA,oBAAoBC,iCAAAA,QAAO,CAACC,yCACtCC,YAAAA,eAAa;AAAA,EAAA,GAAKD;AAAK,CAAG,GAC5BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGD;AAEM,MAAMC,uBAA8Bb,iCAAA,QAAA,OAAKG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIhD;AAEM,MAAME,cAAcd,iCAAAA,QAAO,CAACC,yCAChCc,MAAAA,SAAO;AAAA,EAAA,GAAKd;AAAK,CAAG,GACtBE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAID;AAEM,MAAMI,oBAAoBhB,iCAAAA,QAAO,CAACC,yCACtCgB,YAAAA,eAAa;AAAA,EAAA,GAAKhB;AAAK,CAAG,GAC5BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGD;AAEM,MAAMM,oBAAoBlB,iCAAAA,QAAO,CAACC,yCACtCkB,YAAAA,eAAa;AAAA,EAAA,GAAKlB;AAAK,CAAG,GAC5BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE,OAAO;AAAA,EACRa,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,WAAW;AAAA,EACXC,cAAc;AAChB,IAAEpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4TAAA;AAEUmB,MAAAA,0DACXC,cAAAA,iBAAetB,QAAAC,IAAAC,4BAAAqB,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,GACfqB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBoB,iBAAAA,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,OAAO;AAAA,EACLb,SAAS;AAAA,EACTc,cAAc;AAAA,EACdb,OAAO;AAAA,EACPc,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,UAAU;AAAA,EAEVC,eAAe;AAAA,EACfC,UAAU;AAAA,EAEVC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,QAAS,aAAYH,YAAAA,MAAMI,UAAUC;AAAAA,EACrCC,cAAcN,YAAAA,MAAMO,MAAMC;AAAAA,EAE1B,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRN,QAAS,aAAYH,YAAAA,MAAMI,UAAUM;AAAAA,EACvC;AAAA,EAEA,CAAE,MAAKC,+BAAiBC,WAAW,GAAG;AAAA,IACpCT,QAAQ;AAAA,EACV;AAAA,EAEA,4CAA4C;AAAA,IAC1CU,cAAc;AAAA,IACdC,cAAc;AAAA,IACdC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC,WAAW;AAAA,EACb;AAAA,EAEA,GAAIlC,aAAa;AAAA,IACfgB,iBAAiBC,YAAAA,MAAMI,UAAUc;AAAAA,IACjCf,QAAS,aAAYH,YAAAA,MAAMC,OAAOkB;AAAAA,IAElC,2BAA2B;AAAA,MACzBhB,QAAS,aAAYH,YAAAA,MAAMC,OAAOkB;AAAAA,IACpC;AAAA,EACF;AAAA,EAEA,GAAI/B,aAAa;AAAA,IACfW,iBAAiBC,YAAAA,MAAMI,UAAUgB;AAAAA,IACjCjB,QAAS,aAAYH,YAAAA,MAAMI,UAAUiB;AAAAA,IACrC,WAAW;AAAA,MACTlB,QAAS,aAAYH,YAAAA,MAAMI,UAAUiB;AAAAA,IACvC;AAAA,EACF;AAAA,EAEA,GAAIrC,eAAe;AAAA,IACjBsC,WAAW;AAAA,IACXC,WAAW;AAAA,IACX9B,QAAQ;AAAA,IACRlB,SAAS;AAAA,IACTiD,YAAY;AAAA,EACd;AAAA,EAEA,GAAIvC,UAAU;AAAA,IACZkB,QAAS,aAAYH,YAAAA,MAAMC,OAAOwB;AAAAA,EACpC;AAAA,EAEA,GAAIvC,cAAc;AAAA,IAChBK,OAAO;AAAA,IACPmC,QAAQ;AAAA,IACR/B,UAAU;AAAA,EACZ;AAAA,EAEA,GAAIR,YAAY;AAAA,IACdgB,QAAS,aAAYH,YAAAA,MAAMC,OAAOwB;AAAAA,EACpC;AACF,IAAEnE,QAAAC,IAAAC,06TACJ;AAEO,MAAMmE,cAAcxE,iCAAAA,QAAO,CAACC,yCAChCwE,YAAAA,eAAa;AAAA,EAAA,GAAKxE;AAAK,CAAG,GAC5BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAED;AAEM,MAAM8D,iBAAiB1E,iCAAAA,QAC5B,CAACC,yCAA4B0E,SAAAA,YAAU;AAAA,EAAA,GAAK1E;AAAK,CAAG,GAACE,QAAAC,IAAAC,4BAAAqB,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,GACrDqB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBoB,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDN,cAAc;AAAA,EACde,QAAQ;AAAA,EACRsC,YAAY;AAAA,EACZ,sBAAsB;AAAA,IACpBrD,cAAc;AAAA,EAChB;AAAA,EACA,CAAE,KAAIsD,wBAAgBC,SAAS,GAAG;AAAA,IAChCvC,SAAS;AAAA,EACX;AAAA,EACA,GAAIV,eAAe;AAAA,IACjBT,SAAS;AAAA,IACTiD,YAAY;AAAA,EACd;AACF,IAAElE,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4TAAA;AAEI,MAAM0E,YAAY/E,iCAAAA,QACvB,CAACC,yCAAuB+E,IAAAA,OAAK;AAAA,EAAA,GAAK/E;AAAK,CAAG,GAACE,QAAAC,IAAAC,4BAAAqB,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,GAC3CqB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBoB,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEsD;AAAkC,OAAO;AAAA,EAC5C,CAAE,MAAKC,yBAAiBC,UAAU,GAAG;AAAA,IACnC9C,UAAU;AAAA,EACZ;AAAA,EACA,GAAI4C,aAAa;AAAA,IACfvB,cAAc;AAAA,IACdC,cAAc;AAAA,IACdC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC,WAAW;AAAA,EACb;AACF,IAAE3D,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4TAAA;AAEI,MAAM+E,sBAAsBpF,iCAAAA,QACjC,CAACC,yCAA4B0E,SAAAA,YAAU;AAAA,EAAA,GAAK1E;AAAK,CAAG,GAACE,QAAAC,IAAAC,4BAAAqB,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,GACrDqB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBoB,iBAAAA,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCE;AAAAA,EACAwD;AAIF,OAAO;AAAA,EACLjE,SAAS;AAAA,EACTkE,UAAU;AAAA,EACVhD,QAAQ;AAAA,EACRsC,YAAY;AAAA,EACZ,CAAE,KAAIC,wBAAgBC,SAAS,GAAG;AAAA,IAChCvC,SAAS;AAAA,EACX;AAAA,EACA,GAAIV,eAAe;AAAA,IACjBT,SAAS;AAAA,IACTmE,UAAU;AAAA,IACVnD,OAAO;AAAA,IACPiC,YAAY;AAAA,IACZmB,eAAe;AAAA,EACjB;AAAA,EACA,GAAIH,kBAAkB;AAAA,IACpB,CAAE,MAAK7B,+BAAiBC,WAAW,GAAG;AAAA,MACpCb,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAChC;AAAA,EACF;AACF,IAAE5C,QAAAC,IAAAC,06TACJ;AAEO,MAAMoF,cAAczF,iCAAAA,QACzB,CAACC,yCAAyByF,MAAAA,SAAO;AAAA,EAAA,GAAKzF;AAAK,CAAG,GAACE,QAAAC,IAAAC,4BAAAqB,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,GAC/CqB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBoB,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChD,CAAE,MAAK2B,+BAAiBmC,MAAM,GAAG;AAAA,IAC/BvD,OAAO;AAAA,IACPY,QAAQ;AAAA,IACR,CAAE,YAAWkC,yBAAiBU,yBAAyB,GAAG;AAAA,MACxDC,YAAY;AAAA,IACd;AAAA,IACA,CAAE,YAAWX,yBAAiBU,yBAAyB,GAAG;AAAA,MACxDC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,CAAE,OAAMrC,+BAAiBC,WAAW,GAAG;AAAA,IACrCqC,YAAY;AAAA,IACZC,aAAa;AAAA,IACbC,MAAM;AAAA,IACNT,UAAU;AAAA,IACVjD,QAAQ;AAAA,IACRsC,YAAY;AAAA,IACZrC,SAAS;AAAA,IACTS,QAAQ;AAAA,EACV;AAAA,EACA,CAAE,MAAKQ,+BAAiByC,sBAAsB,GAAG;AAAA,IAC/CjD,QAAQ;AAAA,IACR6C,YAAY;AAAA,EACd;AAAA,EACA,CAAE,MAAKrC,+BAAiB0C,kBAAkB,GAAG;AAAA,IAC3CC,SAAS;AAAA,IACTrC,WAAW;AAAA,EACb;AAAA,EACA,CAAE,MAAKN,+BAAiBmC,SAASnC,iBAAAA,cAAiB4C,mBAAmB,GAAG;AAAA,IACtExD,iBAAiB;AAAA,IACjBI,QAAQ;AAAA,IACR,WAAW;AAAA,MACTA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,CAAE,OAAMQ,+BAAiB6C,OAAO,GAAG;AAAA,IACjCP,YAAY;AAAA,EACd;AAAA,EACA,GAAIjE,eAAe,CAAC;AACtB,IAAE1B,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4TAAA;AAEI,MAAMiG,oBAAoBtG,iCAAAA,QAAO,CAACC,yCACtCsG,YAAAA,eAAa;AAAA,EAAA,GAAKtG;AAAK,CAAG,GAC5BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACD6B,OAAO;AAAA,EACPK,UAAU;AAAA,EACV+D,KAAK;AAAA,EACL,CAAE,MAAKC,mBAAAA,QAAmBd,SAASc,2BAAmBC,QAAQ,GAAG;AAAA,IAC/DtE,OAAO;AAAA,EACT;AACF,GAACjC,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4TAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport {\n  HvCharCounter,\n  HvFormElement,\n  HvInfoMessage,\n  HvLabel,\n  HvSuggestions,\n  HvWarningText,\n  HvFormElementProps,\n  HvLabelProps,\n  HvInfoMessageProps,\n  HvCharCounterProps,\n  HvWarningTextProps,\n  HvSuggestionsProps,\n  suggestionsClasses,\n} from \"@core/components/Forms\";\nimport { HvInput, HvInputProps } from \"@core/components/Input\";\nimport { HvTag, HvTagProps } from \"@core/components/Tag\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport {\n  HvListContainer,\n  HvListItemProps,\n  HvListItem,\n  listItemClasses,\n} from \"@core/components/ListContainer\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nimport tagsInputClasses from \"./tagsInputClasses\";\n\nexport const StyledFormElement = styled((props: HvFormElementProps) => (\n  <HvFormElement {...props} />\n))({\n  display: \"inline-block\",\n  width: \"100%\",\n});\n\nexport const StyledLabelContainer = styled(\"div\")({\n  float: \"left\",\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props: HvLabelProps) => (\n  <HvLabel {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledDescription = styled((props: HvInfoMessageProps) => (\n  <HvInfoMessage {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props: HvCharCounterProps) => (\n  <HvCharCounter {...props} />\n))(() => ({\n  display: \"block\",\n  float: \"right\",\n  textAlign: \"right\",\n  marginBottom: \"6px\",\n}));\n\nexport const StyledTagsList = styled(\n  HvListContainer,\n  transientOptions\n)(\n  ({\n    $disabled,\n    $singleLine,\n    $error,\n    $resizable,\n    $invalid,\n    $readOnly,\n  }: {\n    $disabled: boolean;\n    $singleLine: boolean;\n    $error: boolean;\n    $resizable: boolean;\n    $invalid: boolean;\n    $readOnly: boolean;\n  }) => ({\n    display: \"flex\",\n    alignContent: \"flex-start\",\n    float: \"left\",\n    clear: \"both\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    height: \"32px\",\n    padding: 5,\n    overflow: \"auto\",\n    position: \"relative\",\n\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n\n    backgroundColor: theme.colors.atmo1,\n    border: `1px solid ${theme.tagsInput.borderColor}`,\n    borderRadius: theme.radii.base,\n\n    \"&:hover\": {\n      cursor: \"text\",\n      border: `1px solid ${theme.tagsInput.hoverColor}`,\n    },\n\n    [`& .${baseInputClasses.inputRoot}`]: {\n      border: \"none\",\n    },\n\n    \"&:focus, &:focus-within, &:focus-visible\": {\n      outlineColor: \"#52A8EC\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"0px\",\n      outlineOffset: \"-1px\",\n      boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n    },\n\n    ...($disabled && {\n      backgroundColor: theme.tagsInput.disabledBackgroundColor,\n      border: `1px solid ${theme.colors.atmo4}`,\n\n      \"&:focus-within, &:hover\": {\n        border: `1px solid ${theme.colors.atmo4}`,\n      },\n    }),\n\n    ...($readOnly && {\n      backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n      border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      },\n    }),\n\n    ...($singleLine && {\n      overflowX: \"hidden\",\n      overflowY: \"hidden\",\n      height: 32,\n      display: \"table-row\",\n      paddingTop: 0,\n    }),\n\n    ...($error && {\n      border: `1px solid ${theme.colors.negative}`,\n    }),\n\n    ...($resizable && {\n      width: \"auto\",\n      resize: \"both\",\n      overflow: \"auto\",\n    }),\n\n    ...($invalid && {\n      border: `1px solid ${theme.colors.negative}!important`,\n    }),\n  })\n);\n\nexport const StyledError = styled((props: HvWarningTextProps) => (\n  <HvWarningText {...props} />\n))({\n  float: \"left\",\n});\n\nexport const StyledListItem = styled(\n  (props: HvListItemProps) => <HvListItem {...props} />,\n  transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n  marginBottom: 2,\n  height: 24,\n  lineHeight: \"24px\",\n  \"&:not(:last-child)\": {\n    marginBottom: 2,\n  },\n  [`&.${listItemClasses.gutters}`]: {\n    padding: \"0 5px\",\n  },\n  ...($singleLine && {\n    display: \"table-cell\",\n    paddingTop: \"2px!important\",\n  }),\n}));\n\nexport const StyledTag = styled(\n  (props: HvTagProps) => <HvTag {...props} />,\n  transientOptions\n)(({ $selected }: { $selected: boolean }) => ({\n  [`& .${tagsInputClasses.chipRoot}`]: {\n    maxWidth: \"none\",\n  },\n  ...($selected && {\n    outlineColor: \"#52A8EC\",\n    outlineStyle: \"solid\",\n    outlineWidth: \"0px\",\n    outlineOffset: \"-1px\",\n    boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n  }),\n}));\n\nexport const StyledInputListItem = styled(\n  (props: HvListItemProps) => <HvListItem {...props} />,\n  transientOptions\n)(\n  ({\n    $singleLine,\n    $isTagSelected,\n  }: {\n    $singleLine: boolean;\n    $isTagSelected: boolean;\n  }) => ({\n    display: \"flex\",\n    flexGrow: 1,\n    height: 24,\n    lineHeight: \"24px\",\n    [`&.${listItemClasses.gutters}`]: {\n      padding: \"0 5px\",\n    },\n    ...($singleLine && {\n      display: \"table-cell\",\n      minWidth: 100,\n      width: \"100%\",\n      paddingTop: \"3px!important\",\n      verticalAlign: \"middle\",\n    }),\n    ...($isTagSelected && {\n      [`& .${baseInputClasses.inputRoot}`]: {\n        backgroundColor: theme.colors.atmo1,\n      },\n    }),\n  })\n);\n\nexport const StyledInput = styled(\n  (props: HvInputProps) => <HvInput {...props} />,\n  transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n  [`& .${baseInputClasses.root}`]: {\n    width: \"100%\",\n    border: \"none\",\n    [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n      background: \"none\",\n    },\n    [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n      background: \"none\",\n    },\n  },\n  [`&& .${baseInputClasses.inputRoot}`]: {\n    marginLeft: 0,\n    marginRight: 0,\n    flex: \"1 1 auto\",\n    minWidth: 48,\n    height: 24,\n    lineHeight: \"24px\",\n    padding: 0,\n    border: \"none\",\n  },\n  [`& .${baseInputClasses.inputBorderContainer}`]: {\n    border: \"none\",\n    background: \"none\",\n  },\n  [`& .${baseInputClasses.inputRootFocused}`]: {\n    outline: \"none!important\",\n    boxShadow: \"none!important\",\n  },\n  [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n    backgroundColor: \"transparent \",\n    border: \"none\",\n    \"&:hover\": {\n      border: \"none\",\n    },\n  },\n  [`&& .${baseInputClasses.input}`]: {\n    marginLeft: 0,\n  },\n  ...($singleLine && {}),\n}));\n\nexport const StyledSuggestions = styled((props: HvSuggestionsProps) => (\n  <HvSuggestions {...props} />\n))({\n  width: \"100%\",\n  position: \"relative\",\n  top: 59,\n  [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n    width: \"100%\",\n  },\n});\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabelContainer","StyledLabel","HvLabel","StyledDescription","HvInfoMessage","StyledCharCounter","HvCharCounter","display","float","textAlign","marginBottom","StyledTagsList","HvListContainer","_extends","transientOptions","$disabled","$singleLine","$error","$resizable","$invalid","$readOnly","alignContent","clear","width","maxWidth","height","padding","overflow","position","flexDirection","flexWrap","backgroundColor","theme","colors","atmo1","border","tagsInput","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","disabledBackgroundColor","atmo4","readOnlyBackgroundColor","readOnlyBorderColor","overflowX","overflowY","paddingTop","negative","resize","StyledError","HvWarningText","StyledListItem","HvListItem","lineHeight","listItemClasses","gutters","StyledTag","HvTag","$selected","tagsInputClasses","chipRoot","StyledInputListItem","$isTagSelected","flexGrow","minWidth","verticalAlign","StyledInput","HvInput","root","tagInputBorderContainer","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","input","StyledSuggestions","HvSuggestions","top","suggestionsClasses","list"],"mappings":"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"}

package/dist/cjs/components/TimeAgo/TimeAgo.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
 const isEmpty = require("lodash/isEmpty");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const TimeAgo_styles = require("./TimeAgo.styles.cjs");
@@ -8,7 +9,7 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const isEmpty__default = /* @__PURE__ */ _interopDefault(isEmpty);
-const HvTimeAgo = (props) => {
+const HvTimeAgo = React.forwardRef((props, ref) => {
   const {
     classes: classesProp,
     className,
@@ -36,11 +37,12 @@ const HvTimeAgo = (props) => {
       children: timeAgo
     });
   return /* @__PURE__ */ jsxRuntime.jsx(Component, {
+    ref,
     className: cx(classes.root, className),
     ...others,
     children: !timestamp ? emptyElement : timeAgo
   });
-};
+});
 exports.timeAgoClasses = TimeAgo_styles.staticClasses;
 exports.HvTimeAgo = HvTimeAgo;
 //# sourceMappingURL=TimeAgo.cjs.map

package/dist/cjs/components/TimeAgo/TimeAgo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimeAgo.cjs","sources":["../../../../src/components/TimeAgo/TimeAgo.tsx"],"sourcesContent":["import isEmpty from \"lodash/isEmpty\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { staticClasses, useClasses } from \"./TimeAgo.styles\";\nimport useTimeAgo from \"./useTimeAgo\";\n\nexport { staticClasses as timeAgoClasses };\n\nexport type HvTimeAgoClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTimeAgoProps extends HvBaseProps<HTMLElement, \"children\"> {\n  /**\n   * The timestamp to format, in seconds or milliseconds.\n   * Defaults to `emptyElement` if value is null or 0\n   */\n  timestamp?: number;\n  /**\n   * The locale to be used. Should be on of the dayjs supported locales and explicitly imported\n   * @see https://day.js.org/docs/en/i18n/i18n\n   */\n  locale?: string;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `HvTypography`.\n   */\n  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;\n  /**\n   * The element to render when the timestamp is null or 0\n   * Defaults to `—` (Em Dash)\n   */\n  emptyElement?: React.ReactNode;\n  /**\n   * Disables periodic date refreshes\n   */\n  disableRefresh?: boolean;\n  /**\n   * Whether to show seconds in the rendered time\n   */\n  showSeconds?: boolean;\n  /**\n   * Whether the component should render just the string\n   * Consider using `useTimeAgo` instead\n   */\n  justText?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTimeAgoClasses;\n}\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nexport const HvTimeAgo = (props: HvTimeAgoProps) => {\n  const {\n    classes: classesProp,\n    className,\n    timestamp,\n    locale: localeProp = \"en\",\n    component: Component = HvTypography,\n    emptyElement = \"—\",\n    disableRefresh = false,\n    showSeconds = false,\n    justText = false,\n    ...others\n  } = useDefaultProps(\"HvTimeAgo\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n  const locale = isEmpty(localeProp) ? \"en\" : localeProp;\n  const timeAgo = useTimeAgo(timestamp, {\n    locale,\n    disableRefresh,\n    showSeconds,\n  });\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  if (justText && timestamp) return <>{timeAgo}</>;\n\n  return (\n    <Component className={cx(classes.root, className)} {...others}>\n      {!timestamp ? emptyElement : timeAgo}\n    </Component>\n  );\n};\n"],"names":["HvTimeAgo","props","classes","classesProp","className","timestamp","locale","localeProp","component","Component","HvTypography","emptyElement","disableRefresh","showSeconds","justText","others","useDefaultProps","cx","useClasses","isEmpty","timeAgo","useTimeAgo","_Fragment","children","root"],"mappings":";;;;;;;;;;AAuDaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,QAAQC,aAAa;AAAA,IACrBC,WAAWC,YAAYC,WAAAA;AAAAA,IACvBC,eAAe;AAAA,IACfC,iBAAiB;AAAA,IACjBC,cAAc;AAAA,IACdC,WAAW;AAAA,IACX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,aAAaf,KAAK;AAEhC,QAAA;AAAA,IAAEC;AAAAA,IAASe;AAAAA,EAAAA,IAAOC,eAAAA,WAAWf,WAAW;AAC9C,QAAMG,SAASa,iBAAAA,QAAQZ,UAAU,IAAI,OAAOA;AACtCa,QAAAA,UAAUC,mBAAWhB,WAAW;AAAA,IACpCC;AAAAA,IACAM;AAAAA,IACAC;AAAAA,EAAAA,CACD;AAGD,MAAIC,YAAYT;AAAW,0CAAOiB,WAAAA,UAAA;AAAA,MAAAC,UAAGH;AAAAA,IAAAA,CAAU;AAE/C,wCACGX,WAAS;AAAA,IAACL,WAAWa,GAAGf,QAAQsB,MAAMpB,SAAS;AAAA,IAAE,GAAKW;AAAAA,IAAMQ,UAC1D,CAAClB,YAAYM,eAAeS;AAAAA,EAAAA,CACpB;AAEf;;;"}
+{"version":3,"file":"TimeAgo.cjs","sources":["../../../../src/components/TimeAgo/TimeAgo.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types/generic\";\n\nimport { staticClasses, useClasses } from \"./TimeAgo.styles\";\nimport useTimeAgo from \"./useTimeAgo\";\n\nexport { staticClasses as timeAgoClasses };\n\nexport type HvTimeAgoClasses = ExtractNames<typeof useClasses>;\n\nexport type HvTimeAgoProps<C extends React.ElementType = \"p\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /**\n       * The timestamp to format, in seconds or milliseconds.\n       * Defaults to `emptyElement` if value is null or 0\n       */\n      timestamp?: number;\n      /**\n       * The locale to be used. Should be on of the dayjs supported locales and explicitly imported\n       * @see https://day.js.org/docs/en/i18n/i18n\n       */\n      locale?: string;\n      /**\n       * The element to render when the timestamp is null or 0\n       * Defaults to `—` (Em Dash)\n       */\n      emptyElement?: React.ReactNode;\n      /** Disables periodic date refreshes */\n      disableRefresh?: boolean;\n      /** Whether to show seconds in the rendered time */\n      showSeconds?: boolean;\n      /**\n       * Whether the component should render just the string\n       * Consider using `useTimeAgo` instead\n       */\n      justText?: boolean;\n      /** A Jss Object used to override or extend the styles applied to the component. */\n      classes?: HvTimeAgoClasses;\n    }\n  >;\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nexport const HvTimeAgo: <C extends React.ElementType = \"p\">(\n  props: HvTimeAgoProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"p\">(\n    props: HvTimeAgoProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      classes: classesProp,\n      className,\n      timestamp,\n      locale: localeProp = \"en\",\n      component: Component = HvTypography,\n      emptyElement = \"—\",\n      disableRefresh = false,\n      showSeconds = false,\n      justText = false,\n      ...others\n    } = useDefaultProps(\"HvTimeAgo\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n    const locale = isEmpty(localeProp) ? \"en\" : localeProp;\n    const timeAgo = useTimeAgo(timestamp, {\n      locale,\n      disableRefresh,\n      showSeconds,\n    });\n\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    if (justText && timestamp) return <>{timeAgo}</>;\n\n    return (\n      <Component ref={ref} className={cx(classes.root, className)} {...others}>\n        {!timestamp ? emptyElement : timeAgo}\n      </Component>\n    );\n  }\n);\n"],"names":["HvTimeAgo","forwardRef","props","ref","classes","classesProp","className","timestamp","locale","localeProp","component","Component","HvTypography","emptyElement","disableRefresh","showSeconds","justText","others","useDefaultProps","cx","useClasses","isEmpty","timeAgo","useTimeAgo","_Fragment","children","root"],"mappings":";;;;;;;;;;;AAoDO,MAAMA,YAEoBC,MAAAA,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,QAAQC,aAAa;AAAA,IACrBC,WAAWC,YAAYC,WAAAA;AAAAA,IACvBC,eAAe;AAAA,IACfC,iBAAiB;AAAA,IACjBC,cAAc;AAAA,IACdC,WAAW;AAAA,IACX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,aAAahB,KAAK;AAEhC,QAAA;AAAA,IAAEE;AAAAA,IAASe;AAAAA,EAAAA,IAAOC,eAAAA,WAAWf,WAAW;AAC9C,QAAMG,SAASa,iBAAAA,QAAQZ,UAAU,IAAI,OAAOA;AACtCa,QAAAA,UAAUC,mBAAWhB,WAAW;AAAA,IACpCC;AAAAA,IACAM;AAAAA,IACAC;AAAAA,EAAAA,CACD;AAGD,MAAIC,YAAYT;AAAW,0CAAOiB,WAAAA,UAAA;AAAA,MAAAC,UAAGH;AAAAA,IAAAA,CAAU;AAE/C,wCACGX,WAAS;AAAA,IAACR;AAAAA,IAAUG,WAAWa,GAAGf,QAAQsB,MAAMpB,SAAS;AAAA,IAAE,GAAKW;AAAAA,IAAMQ,UACpE,CAAClB,YAAYM,eAAeS;AAAAA,EAAAA,CACpB;AAEf,CACF;;;"}