@hitachivantara/uikit-react-core 5.0.0-next.21 → 5.0.0-next.23

package/dist/esm/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport { isString } from \"lodash\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvGridClasses } from \"./gridClasses\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport type HvGridProps = Omit<MuiGridProps, \"classes\"> &\n  HvBaseProps & {\n    /**\n     * If `true`, the component will have the flex *container* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    container?: boolean;\n    /**\n     * If `true`, the component will have the flex *item* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    item?: boolean;\n    /**\n     * Defines the space between the type item component. It can only be used on a type container component.\n     * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n     * (number between 0 and 10), breakpoint or auto.\n     */\n    spacing?: HvGridSpacing | number;\n    /**\n     * Defines the `flex-direction` style property.\n     * It is applied for all screen sizes.\n     */\n    direction?: HvGridDirection;\n    /**\n     * Defines the `justify-content` style property.\n     * It is applied for all screen sizes.\n     */\n    justify?:\n      | \"flex-start\"\n      | \"center\"\n      | \"flex-end\"\n      | \"space-between\"\n      | \"space-around\"\n      | \"space-evenly\";\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for all the screen sizes with the lowest priority.\n     */\n    xs?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `sm` breakpoint and wider screens if not overridden.\n     */\n    sm?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `md` breakpoint and wider screens if not overridden.\n     */\n    md?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `lg` breakpoint and wider screens if not overridden.\n     */\n    lg?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `xl` breakpoint and wider screens.\n     */\n    xl?: number | boolean;\n    /**\n     * Defines the `flex-wrap` style property.\n     * It's applied for all screen sizes.\n     */\n    wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n    /**\n     * If `true`, it sets `min-width: 0` on the item.\n     * Refer to the limitations section of the documentation to better understand the use case.\n     */\n    zeroMinWidth?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvGridClasses;\n  };\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid]https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;AAOA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAoHaC,MAAAA,SAASC,WACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,EAAQ,GAAGC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC;AACd,MAAIC,cAAcL;AAEdM,MAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY,KAAK;AAAA,IAAA,OACjC;AACLE,oBAAcd,mBAAmBS,OAAO;AAAA,IAC1C;AAAA,EACF;AAEA,6BACGO,MAAO;AAAA,IACNL;AAAAA,IAAS,GACJH,aAAa;AAAA,MAAEA;AAAAA,MAAWC,SAASK;AAAAA,IAAY;AAAA,IAAC,GACjDJ;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport isString from \"lodash/isString\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvGridClasses } from \"./gridClasses\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport type HvGridProps = Omit<MuiGridProps, \"classes\"> &\n  HvBaseProps & {\n    /**\n     * If `true`, the component will have the flex *container* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    container?: boolean;\n    /**\n     * If `true`, the component will have the flex *item* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    item?: boolean;\n    /**\n     * Defines the space between the type item component. It can only be used on a type container component.\n     * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n     * (number between 0 and 10), breakpoint or auto.\n     */\n    spacing?: HvGridSpacing | number;\n    /**\n     * Defines the `flex-direction` style property.\n     * It is applied for all screen sizes.\n     */\n    direction?: HvGridDirection;\n    /**\n     * Defines the `justify-content` style property.\n     * It is applied for all screen sizes.\n     */\n    justify?:\n      | \"flex-start\"\n      | \"center\"\n      | \"flex-end\"\n      | \"space-between\"\n      | \"space-around\"\n      | \"space-evenly\";\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for all the screen sizes with the lowest priority.\n     */\n    xs?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `sm` breakpoint and wider screens if not overridden.\n     */\n    sm?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `md` breakpoint and wider screens if not overridden.\n     */\n    md?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `lg` breakpoint and wider screens if not overridden.\n     */\n    lg?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `xl` breakpoint and wider screens.\n     */\n    xl?: number | boolean;\n    /**\n     * Defines the `flex-wrap` style property.\n     * It's applied for all screen sizes.\n     */\n    wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n    /**\n     * If `true`, it sets `min-width: 0` on the item.\n     * Refer to the limitations section of the documentation to better understand the use case.\n     */\n    zeroMinWidth?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvGridClasses;\n  };\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid]https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;AAOA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAoHaC,MAAAA,SAASC,WACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,EAAQ,GAAGC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC;AACd,MAAIC,cAAcL;AAEdM,MAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY,KAAK;AAAA,IAAA,OACjC;AACLE,oBAAcd,mBAAmBS,OAAO;AAAA,IAC1C;AAAA,EACF;AAEA,6BACGO,MAAO;AAAA,IACNL;AAAAA,IAAS,GACJH,aAAa;AAAA,MAAEA;AAAAA,MAAWC,SAASK;AAAAA,IAAY;AAAA,IAAC,GACjDJ;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}

package/dist/esm/components/Header/Brand/Brand.styles.js

@@ -16,7 +16,7 @@ const BrandRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "produ
 } : {
   name: "s5xdrg",
   styles: "display:flex;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXlCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBCcmFuZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgQnJhbmRTZXBhcmF0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogMSxcbiAgaGVpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgbWFyZ2luOiB0aGVtZS5zcGFjZS54cyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG59KTtcblxuZXhwb3J0IGNvbnN0IEJyYW5kTmFtZSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPikoe1xuICBjb2xvcjogdGhlbWUuaGVhZGVyLmJyYW5kQ29sb3IsXG59KTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXlCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBCcmFuZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgQnJhbmRTZXBhcmF0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogMSxcbiAgaGVpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgbWFyZ2luOiB0aGVtZS5zcGFjZS54cyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxufSk7XG5cbmV4cG9ydCBjb25zdCBCcmFuZE5hbWUgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgY29sb3I6IHRoZW1lLmhlYWRlci5icmFuZENvbG9yLFxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const BrandSeparator = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
@@ -28,8 +28,8 @@ const BrandSeparator = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "
   width: 1,
   height: theme.space.sm,
   margin: theme.space.xs,
-  backgroundColor: theme.colors.acce1
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBCcmFuZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgQnJhbmRTZXBhcmF0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogMSxcbiAgaGVpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgbWFyZ2luOiB0aGVtZS5zcGFjZS54cyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG59KTtcblxuZXhwb3J0IGNvbnN0IEJyYW5kTmFtZSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPikoe1xuICBjb2xvcjogdGhlbWUuaGVhZGVyLmJyYW5kQ29sb3IsXG59KTtcbiJdfQ== */");
+  backgroundColor: theme.colors.secondary
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBCcmFuZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgQnJhbmRTZXBhcmF0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogMSxcbiAgaGVpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgbWFyZ2luOiB0aGVtZS5zcGFjZS54cyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxufSk7XG5cbmV4cG9ydCBjb25zdCBCcmFuZE5hbWUgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgY29sb3I6IHRoZW1lLmhlYWRlci5icmFuZENvbG9yLFxufSk7XG4iXX0= */");
 const BrandName = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, {
   ...props
 }), process.env.NODE_ENV === "production" ? {
@@ -39,7 +39,7 @@ const BrandName = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypog
   label: "BrandName"
 })({
   color: theme.header.brandColor
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9CcmFuZC9CcmFuZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgQnJhbmRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IEJyYW5kU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IDEsXG4gIGhlaWdodDogdGhlbWUuc3BhY2Uuc20sXG4gIG1hcmdpbjogdGhlbWUuc3BhY2UueHMsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCcmFuZE5hbWUgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgY29sb3I6IHRoZW1lLmhlYWRlci5icmFuZENvbG9yLFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9CcmFuZC9CcmFuZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgQnJhbmRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IEJyYW5kU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IDEsXG4gIGhlaWdodDogdGhlbWUuc3BhY2Uuc20sXG4gIG1hcmdpbjogdGhlbWUuc3BhY2UueHMsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbn0pO1xuXG5leHBvcnQgY29uc3QgQnJhbmROYW1lID0gc3R5bGVkKChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+KSh7XG4gIGNvbG9yOiB0aGVtZS5oZWFkZXIuYnJhbmRDb2xvcixcbn0pO1xuIl19 */");
 export {
   BrandName,
   BrandRoot,

package/dist/esm/components/Header/Brand/Brand.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Brand.styles.js","sources":["../../../../../src/components/Header/Brand/Brand.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\n\nexport const BrandRoot = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const BrandSeparator = styled(\"div\")({\n  width: 1,\n  height: theme.space.sm,\n  margin: theme.space.xs,\n  backgroundColor: theme.colors.acce1,\n});\n\nexport const BrandName = styled((props) => <HvTypography {...props} />)({\n  color: theme.header.brandColor,\n});\n"],"names":["BrandRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","BrandSeparator","width","height","theme","space","sm","margin","xs","backgroundColor","colors","acce1","BrandName","_styled","props","_jsx","HvTypography","color","header","brandColor"],"mappings":";;;;;;;AAIO,MAAMA,YAAmB,wBAAA,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,CAGpC;AAEK,MAAMC,iBAAwB,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CO,OAAO;AAAA,EACPC,QAAQC,MAAMC,MAAMC;AAAAA,EACpBC,QAAQH,MAAMC,MAAMG;AAAAA,EACpBC,iBAAiBL,MAAMM,OAAOC;AAChC,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qpCAAA;AAEK,MAAMmB,YAAYC,wBAAQC,CAAUC,UAAAA,oBAACC,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIvB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtEsB,OAAOb,MAAMc,OAAOC;AACtB,GAAC5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,qpCAAA;"}
+{"version":3,"file":"Brand.styles.js","sources":["../../../../../src/components/Header/Brand/Brand.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\n\nexport const BrandRoot = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const BrandSeparator = styled(\"div\")({\n  width: 1,\n  height: theme.space.sm,\n  margin: theme.space.xs,\n  backgroundColor: theme.colors.secondary,\n});\n\nexport const BrandName = styled((props) => <HvTypography {...props} />)({\n  color: theme.header.brandColor,\n});\n"],"names":["BrandRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","BrandSeparator","width","height","theme","space","sm","margin","xs","backgroundColor","colors","secondary","BrandName","_styled","props","_jsx","HvTypography","color","header","brandColor"],"mappings":";;;;;;;AAIO,MAAMA,YAAmB,wBAAA,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,CAGpC;AAEK,MAAMC,iBAAwB,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CO,OAAO;AAAA,EACPC,QAAQC,MAAMC,MAAMC;AAAAA,EACpBC,QAAQH,MAAMC,MAAMG;AAAAA,EACpBC,iBAAiBL,MAAMM,OAAOC;AAChC,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypCAAA;AAEK,MAAMmB,YAAYC,wBAAQC,CAAUC,UAAAA,oBAACC,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIvB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtEsB,OAAOb,MAAMc,OAAOC;AACtB,GAAC5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypCAAA;"}

package/dist/esm/components/Input/Input.js

@@ -264,7 +264,7 @@ const HvInput = ({
       return null;
     }
     return /* @__PURE__ */ jsx(StyledSuccess, {
-      semantic: "sema1",
+      semantic: "positive",
       className: clsx(inputClasses.icon, classes == null ? void 0 : classes.icon)
     });
   }, [showValidationIcon, validationState$1, classes == null ? void 0 : classes.icon]);

package/dist/esm/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  HTMLInputTypeAttribute,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport clsx from \"clsx\";\nimport {\n  CloseXS,\n  PreviewOff,\n  Preview,\n  Search,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvBaseProps,\n  HvExtraProps,\n  HvInputLabels,\n  HvInputSuggestion,\n  HvValidationMessages,\n} from \"../../types\";\nimport {\n  StyledFormElement,\n  StyledLabelContainer,\n  StyledLabel,\n  StyledSuggestions,\n  StyledBaseInput,\n  StyledInputExtension,\n  StyledAdornmentsBox,\n  StyledAdornmentButton,\n  StyledSuccess,\n} from \"./Input.styles\";\nimport validationStates, {\n  isValid,\n  isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n  HvInputValidity,\n} from \"../BaseInput/validations\";\nimport { isBrowser, isKeypress, keyboardCodes, setId } from \"../../utils\";\nimport {\n  HvFormStatus,\n  HvInfoMessage,\n  HvSuggestion,\n  HvTooltip,\n  HvTypography,\n  HvWarningText,\n} from \"components\";\nimport {\n  useControlled,\n  useIsMounted,\n  useLabels,\n  useUniqueId,\n} from \"../../hooks\";\nimport inputClasses, { HvInputClasses } from \"./inputClasses\";\nimport { InputBaseComponentProps as MuiInputBaseComponentProps } from \"@mui/material\";\n\nexport type HvInputProps = HvBaseProps<\n  HTMLElement,\n  { onChange; onBlur; onFocus; onKeyDown; color }\n> & {\n  /** The form element name. */\n  name?: string;\n  /** The value of the form element. */\n  value?: string;\n  /** When uncontrolled, defines the initial input value. */\n  defaultValue?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * Callback called when the user submits the value by pressing Enter/Return.\n   *\n   * Also called when the search button is clicked (when type is \"search\").\n   */\n  onEnter?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLInputElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEventHandler<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the event and value.\n   */\n  onKeyDown?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: HTMLInputTypeAttribute;\n  /** The placeholder value of the input. */\n  placeholder?: string;\n  /** Internal labels?. */\n  labels?: HvInputLabels & HvExtraProps;\n  /** An Object containing the various texts associated with the input. */\n  validationMessages?: HvValidationMessages;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /** Allows passing a ref to the underlying input */\n  inputRef?: any;\n  /** The function that will be executed to received an array of objects that has a label and id to create list of suggestion */\n  suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /** If `true` it should autofocus. */\n  autoFocus?: boolean;\n  /** If `true` the clear button is disabled. */\n  disableClear?: boolean;\n  /** If `true` the reveal password button is disabled. Valid only when type is \"password\". */\n  disableRevealPassword?: boolean;\n  /** If `true` the search button is disabled. Valid only when type is \"search\". */\n  disableSearchButton?: boolean;\n  /**\n   * If `true` the validation icon adornment is visible. Defaults to `false`.\n   *\n   * Currently, DS specifications define only a positive feedback icon;\n   * errors are signaled through the border style and by displaying the error message.\n   */\n  showValidationIcon?: boolean;\n  /** A custom icon to be added into the input. */\n  endAdornment?: React.ReactNode;\n  /** The maximum allowed length of the characters, if this value is null no check will be performed. */\n  maxCharQuantity?: number;\n  /** The minimum allowed length of the characters, if this value is null no check will be perform. */\n  minCharQuantity?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInputClasses;\n};\n\nconst DEFAULT_LABELS = {\n  clearButtonLabel: \"Clear the text\",\n  revealPasswordButtonLabel: \"Reveal password\",\n  revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n  revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n  searchButtonLabel: \"Search\",\n};\n\n/**\n * Find the focused element onBlur.\n */\nconst getFocusedElement = (event) =>\n  isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n  return container != null && container.contains(getFocusedElement(event));\n}\n\n/**\n * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n */\nexport const HvInput = ({\n  classes,\n  className,\n  id,\n  name,\n  value: valueProp,\n  defaultValue = \"\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onEnter,\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n  type = \"text\",\n  placeholder,\n  autoFocus = false,\n  labels: labelsProp,\n  validationMessages,\n  disableClear = false,\n  disableRevealPassword = false,\n  disableSearchButton = false,\n  endAdornment,\n  maxCharQuantity,\n  minCharQuantity,\n  validation,\n  showValidationIcon = false,\n  suggestionListCallback,\n  inputRef: inputRefProp,\n  onBlur,\n  onFocus,\n  onKeyDown,\n  inputProps = {},\n  ...others\n}: HvInputProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const elementId = useUniqueId(id, \"hvinput\");\n\n  const inputRef = useRef(inputRefProp || null);\n\n  const [focused, setFocused] = useState(false);\n\n  // signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // validation related state\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n      validationMessages?.typeMismatchError,\n    ]\n  );\n\n  const validationType = useMemo(() => computeValidationType(type), [type]);\n\n  // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationType,\n      validation\n    );\n\n    // this will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // this will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    validationType,\n    value,\n  ]);\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationType,\n          minCharQuantity,\n          maxCharQuantity,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  // input type related state\n  const [revealPassword, setRevealPassword] = useState(false);\n\n  const realType = useMemo(() => {\n    if (type === \"password\") {\n      return revealPassword ? \"text\" : \"password\";\n    }\n\n    if (type === \"search\") {\n      return \"search\";\n    }\n\n    return \"text\";\n  }, [revealPassword, type]);\n\n  // suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState<\n    HvSuggestion[] | null\n  >(null);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  const materialInputRef = useRef<HTMLElement | null>(null);\n  const suggestionRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    // TODO Replace with ref\n    suggestionRef.current = document.getElementById(\n      setId(elementId, \"suggestions\") || \"\"\n    );\n  }, [elementId]);\n\n  // miscellaneous state\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  /**\n   * Looks for the node that represent the input inside the material tree and focus it.\n   */\n  const focusInput = () => {\n    materialInputRef.current?.focus();\n  };\n\n  const isMounted = useIsMounted();\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = () => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  };\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = (val: string) => {\n    const suggestionsArray = suggestionListCallback?.(val);\n    if (suggestionsArray?.[0]?.label) {\n      setSuggestionValues(suggestionsArray);\n    } else {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Executes the user callback adds the selection to the state and clears the suggestions.\n   */\n  const suggestionSelectedHandler = (event, item) => {\n    const newValue: string = item.value || item.label;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    focusInput();\n    suggestionClearHandler();\n\n    if (type === \"search\") {\n      // trigger the onEnter callback when the user selects an option in a search box\n      onEnter?.(event, newValue);\n    }\n  };\n\n  const onChangeHandler = (event, newValue) => {\n    isDirty.current = true;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    if (canShowSuggestions) {\n      // an edge case might be a controlled input whose onChange callback\n      // doesn't change the value (or sets another): the suggestionListCallback\n      // callback will still receive the original rejected value.\n      // a refactor is needed so the suggestionListCallback might be called only\n      // when the input is uncontrolled, providing a way to externally control\n      // the suggestion values.\n      suggestionHandler(newValue);\n    }\n  };\n\n  /**\n   * Validates the input updating the state and modifying the info text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onInputBlurHandler = (event) => {\n    // If the blur is executed when choosing an suggestion it should be ignored.\n    if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const getSuggestions = (li) => {\n    // TODO Replace with ref\n    const listEl = document.getElementById(\n      setId(elementId, \"suggestions-list\") || \"\"\n    );\n    return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n  };\n\n  const onSuggestionKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKeypress(event, keyboardCodes.Tab)) {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Focus the suggestion list when the arrow down is pressed.\n   *\n   * @param {Object} event - The event provided by the material ui input\n   */\n  const onKeyDownHandler = (event) => {\n    if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n      const li = getSuggestions(0);\n      li?.focus();\n    } else if (isKeypress(event, keyboardCodes.Enter)) {\n      onEnter?.(event, value);\n    }\n\n    onKeyDown?.(event, value);\n  };\n\n  /**\n   * Clears the suggestion list on blur.\n   *\n   * @param {Object} event - The event provided by the material ui input.\n   */\n  const onContainerBlurHandler = (event) => {\n    if (event.relatedTarget) {\n      setTimeout(() => {\n        const list = getSuggestions(null);\n        if (!list?.contains(document.activeElement)) suggestionClearHandler();\n      }, 10);\n    }\n  };\n\n  const hasOnEnter = onEnter != null;\n\n  // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n  // also, don't show it when the input type is \"search\" and the input is active (standBy)\n  const showClear =\n    !disabled &&\n    !readOnly &&\n    !disableClear &&\n    !isEmptyValue &&\n    (!hasOnEnter ||\n      type !== \"search\" ||\n      disableSearchButton ||\n      validationState !== validationStates.standBy);\n\n  const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n  const showRevealPasswordButton =\n    type === \"password\" && !disableRevealPassword;\n\n  /**\n   * Clears the input value from the state and refocus the input.\n   */\n  const handleClear = useCallback(\n    (event) => {\n      // reset validation status to standBy (only when status is uncontrolled)\n      setValidationState(validationStates.standBy);\n\n      // clear the input value (only when value is uncontrolled)\n      setValue(\"\");\n\n      onChange?.(event, \"\");\n\n      // we wan't to focus the input when clicked and not active\n      setTimeout(focusInput);\n    },\n    [onChange, setValidationState, setValue]\n  );\n\n  const clearButton = useMemo(() => {\n    if (!showClear) {\n      return null;\n    }\n\n    return (\n      <StyledAdornmentButton\n        // don't control visibility when the search icon is enabled\n        className={clsx(\n          inputClasses.adornmentButton,\n          classes?.adornmentButton,\n          !showSearchIcon &&\n            clsx(\"iconClear\", inputClasses.iconClear, classes?.iconClear)\n        )}\n        onClick={handleClear}\n        aria-label={labels?.clearButtonLabel}\n        aria-controls={setId(elementId, \"input\")}\n        icon={<CloseXS />}\n        $iconClear={!showSearchIcon}\n      />\n    );\n  }, [\n    showClear,\n    classes?.adornmentButton,\n    classes?.iconClear,\n    showSearchIcon,\n    handleClear,\n    labels?.clearButtonLabel,\n    elementId,\n  ]);\n\n  /**\n   * Calls the onEnter callback and refocus the input.\n   */\n  const handleSearch = useCallback(\n    (event) => {\n      onEnter?.(event, value);\n    },\n    [onEnter, value]\n  );\n\n  const searchButton = useMemo(() => {\n    // if the search icon is not actionable, only show it when the input is empty or active\n    const reallyShowIt =\n      showSearchIcon &&\n      (isEmptyValue ||\n        (hasOnEnter && validationState === validationStates.standBy));\n\n    if (!reallyShowIt) {\n      return null;\n    }\n\n    return (\n      <StyledAdornmentButton\n        className={clsx(inputClasses.adornmentButton, classes?.adornmentButton)}\n        onClick={hasOnEnter ? handleSearch : undefined}\n        aria-label={labels?.searchButtonLabel}\n        icon={<Search />}\n      />\n    );\n  }, [\n    showSearchIcon,\n    isEmptyValue,\n    hasOnEnter,\n    validationState,\n    classes?.adornmentButton,\n    handleSearch,\n    labels?.searchButtonLabel,\n  ]);\n\n  /**\n   * Changes input type and refocus the input.\n   */\n  const handleRevealPassword = useCallback(() => {\n    setRevealPassword(!revealPassword);\n  }, [revealPassword]);\n\n  const revealPasswordButton = useMemo(() => {\n    if (!showRevealPasswordButton) {\n      return null;\n    }\n\n    return (\n      <HvTooltip\n        disableFocusListener\n        disableTouchListener\n        title={\n          <HvTypography>\n            {revealPassword\n              ? labels?.revealPasswordButtonClickToHideTooltip\n              : labels?.revealPasswordButtonClickToShowTooltip}\n          </HvTypography>\n        }\n      >\n        <StyledAdornmentButton\n          className={clsx(\n            inputClasses.adornmentButton,\n            classes?.adornmentButton\n          )}\n          onClick={handleRevealPassword}\n          aria-label={labels?.revealPasswordButtonLabel}\n          aria-controls={setId(elementId, \"input\")}\n          icon={revealPassword ? <PreviewOff /> : <Preview />}\n        />\n      </HvTooltip>\n    );\n  }, [\n    showRevealPasswordButton,\n    revealPassword,\n    labels?.revealPasswordButtonClickToHideTooltip,\n    labels?.revealPasswordButtonClickToShowTooltip,\n    labels?.revealPasswordButtonLabel,\n    classes?.adornmentButton,\n    handleRevealPassword,\n    elementId,\n  ]);\n\n  const validationIcon = useMemo(() => {\n    if (!showValidationIcon) {\n      return null;\n    }\n\n    if (!isValid(validationState)) {\n      return null;\n    }\n\n    return (\n      <StyledSuccess\n        semantic=\"sema1\"\n        className={clsx(inputClasses.icon, classes?.icon)}\n      />\n    );\n  }, [showValidationIcon, validationState, classes?.icon]);\n\n  // useMemo to avoid repetitive cloning of the custom icon\n  const customIconEl = useMemo(\n    () =>\n      isValidElement(endAdornment) &&\n      React.cloneElement(endAdornment as React.ReactElement, {\n        className: clsx(\n          inputClasses.icon,\n          classes?.icon,\n          endAdornment.props.className\n        ),\n      }),\n    [classes?.icon, endAdornment]\n  );\n\n  const adornments = useMemo(() => {\n    if (\n      !clearButton &&\n      !revealPasswordButton &&\n      !searchButton &&\n      !validationIcon &&\n      !customIconEl\n    )\n      return null;\n\n    // note: specification implies that the custom icon should be hidden when\n    // a validation feedback icon is being shown.\n    return (\n      <StyledAdornmentsBox\n        className={clsx(inputClasses.adornmentsBox, classes?.adornmentsBox)}\n        aria-hidden=\"true\"\n      >\n        {clearButton}\n        {revealPasswordButton}\n        {searchButton}\n        {validationIcon || customIconEl}\n      </StyledAdornmentsBox>\n    );\n  }, [\n    classes?.adornmentsBox,\n    clearButton,\n    customIconEl,\n    revealPasswordButton,\n    searchButton,\n    validationIcon,\n  ]);\n\n  // run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        inputClasses.root,\n        classes?.root,\n        className,\n        hasSuggestions &&\n          clsx(inputClasses.hasSuggestions, classes?.hasSuggestions)\n      )}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(inputClasses.labelContainer, classes?.labelContainer)}\n        >\n          {hasLabel && (\n            <StyledLabel\n              id={setId(elementId, \"label\")}\n              className={clsx(inputClasses.label, classes?.label)}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={clsx(inputClasses.description, classes?.description)}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n      <StyledBaseInput\n        id={\n          hasLabel || showClear || showRevealPasswordButton\n            ? setId(elementId, \"input\")\n            : setId(id, \"input\")\n        }\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onKeyDown={onKeyDownHandler}\n        onBlur={onInputBlurHandler}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        type={realType}\n        classes={{\n          input: clsx(inputClasses.input, classes?.input),\n          inputRoot: clsx(inputClasses.inputRoot, classes?.inputRoot),\n          inputRootFocused: clsx(\n            inputClasses.inputRootFocused,\n            classes?.inputRootFocused\n          ),\n          inputRootDisabled: clsx(\n            inputClasses.inputRootDisabled,\n            classes?.inputRootDisabled\n          ),\n          inputRootMultiline: clsx(\n            inputClasses.inputRootMultiline,\n            classes?.inputRootMultiline\n          ),\n          inputBorderContainer: clsx(\n            inputClasses.inputBorderContainer,\n            classes?.inputBorderContainer\n          ),\n        }}\n        invalid={isStateInvalid}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : description\n              ? setId(elementId, \"description\")\n              : undefined,\n          \"aria-controls\": canShowSuggestions\n            ? setId(elementId, \"suggestions\")\n            : undefined,\n\n          ref: materialInputRef,\n\n          // prevent browsers auto-fill/suggestions when we have our own\n          autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={inputRefProp || inputRef}\n        endAdornment={adornments}\n        {...others}\n      />\n      {canShowSuggestions && (\n        <>\n          {hasSuggestions && (\n            <StyledInputExtension\n              role=\"presentation\"\n              className={clsx(\n                inputClasses.inputExtension,\n                classes?.inputExtension\n              )}\n            />\n          )}\n          <StyledSuggestions\n            id={setId(elementId, \"suggestions\")}\n            classes={{\n              root: clsx(\n                inputClasses.suggestionsContainer,\n                classes?.suggestionsContainer\n              ),\n              list: clsx(inputClasses.suggestionList, classes?.suggestionList),\n            }}\n            expanded={hasSuggestions}\n            anchorEl={inputRef?.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\n          />\n        </>\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(inputClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","classes","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","useLabels","elementId","useUniqueId","useRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","useEffect","getElementById","setId","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","StyledAdornmentButton","clsx","inputClasses","adornmentButton","iconClear","onClick","icon","CloseXS","$iconClear","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","StyledSuccess","semantic","customIconEl","isValidElement","React","cloneElement","props","adornments","StyledAdornmentsBox","adornmentsBox","errorMessageId","StyledFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","htmlFor","HvInfoMessage","StyledBaseInput","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","ref","autoComplete","_jsxs","_Fragment","StyledInputExtension","role","inputExtension","StyledSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  HTMLInputTypeAttribute,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport clsx from \"clsx\";\nimport {\n  CloseXS,\n  PreviewOff,\n  Preview,\n  Search,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvBaseProps,\n  HvExtraProps,\n  HvInputLabels,\n  HvInputSuggestion,\n  HvValidationMessages,\n} from \"../../types\";\nimport {\n  StyledFormElement,\n  StyledLabelContainer,\n  StyledLabel,\n  StyledSuggestions,\n  StyledBaseInput,\n  StyledInputExtension,\n  StyledAdornmentsBox,\n  StyledAdornmentButton,\n  StyledSuccess,\n} from \"./Input.styles\";\nimport validationStates, {\n  isValid,\n  isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n  HvInputValidity,\n} from \"../BaseInput/validations\";\nimport { isBrowser, isKeypress, keyboardCodes, setId } from \"../../utils\";\nimport {\n  HvFormStatus,\n  HvInfoMessage,\n  HvSuggestion,\n  HvTooltip,\n  HvTypography,\n  HvWarningText,\n} from \"components\";\nimport {\n  useControlled,\n  useIsMounted,\n  useLabels,\n  useUniqueId,\n} from \"../../hooks\";\nimport inputClasses, { HvInputClasses } from \"./inputClasses\";\nimport { InputBaseComponentProps as MuiInputBaseComponentProps } from \"@mui/material\";\n\nexport type HvInputProps = HvBaseProps<\n  HTMLElement,\n  { onChange; onBlur; onFocus; onKeyDown; color }\n> & {\n  /** The form element name. */\n  name?: string;\n  /** The value of the form element. */\n  value?: string;\n  /** When uncontrolled, defines the initial input value. */\n  defaultValue?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * Callback called when the user submits the value by pressing Enter/Return.\n   *\n   * Also called when the search button is clicked (when type is \"search\").\n   */\n  onEnter?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLInputElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEventHandler<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the event and value.\n   */\n  onKeyDown?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: HTMLInputTypeAttribute;\n  /** The placeholder value of the input. */\n  placeholder?: string;\n  /** Internal labels?. */\n  labels?: HvInputLabels & HvExtraProps;\n  /** An Object containing the various texts associated with the input. */\n  validationMessages?: HvValidationMessages;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /** Allows passing a ref to the underlying input */\n  inputRef?: any;\n  /** The function that will be executed to received an array of objects that has a label and id to create list of suggestion */\n  suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /** If `true` it should autofocus. */\n  autoFocus?: boolean;\n  /** If `true` the clear button is disabled. */\n  disableClear?: boolean;\n  /** If `true` the reveal password button is disabled. Valid only when type is \"password\". */\n  disableRevealPassword?: boolean;\n  /** If `true` the search button is disabled. Valid only when type is \"search\". */\n  disableSearchButton?: boolean;\n  /**\n   * If `true` the validation icon adornment is visible. Defaults to `false`.\n   *\n   * Currently, DS specifications define only a positive feedback icon;\n   * errors are signaled through the border style and by displaying the error message.\n   */\n  showValidationIcon?: boolean;\n  /** A custom icon to be added into the input. */\n  endAdornment?: React.ReactNode;\n  /** The maximum allowed length of the characters, if this value is null no check will be performed. */\n  maxCharQuantity?: number;\n  /** The minimum allowed length of the characters, if this value is null no check will be perform. */\n  minCharQuantity?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInputClasses;\n};\n\nconst DEFAULT_LABELS = {\n  clearButtonLabel: \"Clear the text\",\n  revealPasswordButtonLabel: \"Reveal password\",\n  revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n  revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n  searchButtonLabel: \"Search\",\n};\n\n/**\n * Find the focused element onBlur.\n */\nconst getFocusedElement = (event) =>\n  isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n  return container != null && container.contains(getFocusedElement(event));\n}\n\n/**\n * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n */\nexport const HvInput = ({\n  classes,\n  className,\n  id,\n  name,\n  value: valueProp,\n  defaultValue = \"\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onEnter,\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n  type = \"text\",\n  placeholder,\n  autoFocus = false,\n  labels: labelsProp,\n  validationMessages,\n  disableClear = false,\n  disableRevealPassword = false,\n  disableSearchButton = false,\n  endAdornment,\n  maxCharQuantity,\n  minCharQuantity,\n  validation,\n  showValidationIcon = false,\n  suggestionListCallback,\n  inputRef: inputRefProp,\n  onBlur,\n  onFocus,\n  onKeyDown,\n  inputProps = {},\n  ...others\n}: HvInputProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const elementId = useUniqueId(id, \"hvinput\");\n\n  const inputRef = useRef(inputRefProp || null);\n\n  const [focused, setFocused] = useState(false);\n\n  // signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // validation related state\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n      validationMessages?.typeMismatchError,\n    ]\n  );\n\n  const validationType = useMemo(() => computeValidationType(type), [type]);\n\n  // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationType,\n      validation\n    );\n\n    // this will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // this will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    validationType,\n    value,\n  ]);\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationType,\n          minCharQuantity,\n          maxCharQuantity,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  // input type related state\n  const [revealPassword, setRevealPassword] = useState(false);\n\n  const realType = useMemo(() => {\n    if (type === \"password\") {\n      return revealPassword ? \"text\" : \"password\";\n    }\n\n    if (type === \"search\") {\n      return \"search\";\n    }\n\n    return \"text\";\n  }, [revealPassword, type]);\n\n  // suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState<\n    HvSuggestion[] | null\n  >(null);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  const materialInputRef = useRef<HTMLElement | null>(null);\n  const suggestionRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    // TODO Replace with ref\n    suggestionRef.current = document.getElementById(\n      setId(elementId, \"suggestions\") || \"\"\n    );\n  }, [elementId]);\n\n  // miscellaneous state\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  /**\n   * Looks for the node that represent the input inside the material tree and focus it.\n   */\n  const focusInput = () => {\n    materialInputRef.current?.focus();\n  };\n\n  const isMounted = useIsMounted();\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = () => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  };\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = (val: string) => {\n    const suggestionsArray = suggestionListCallback?.(val);\n    if (suggestionsArray?.[0]?.label) {\n      setSuggestionValues(suggestionsArray);\n    } else {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Executes the user callback adds the selection to the state and clears the suggestions.\n   */\n  const suggestionSelectedHandler = (event, item) => {\n    const newValue: string = item.value || item.label;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    focusInput();\n    suggestionClearHandler();\n\n    if (type === \"search\") {\n      // trigger the onEnter callback when the user selects an option in a search box\n      onEnter?.(event, newValue);\n    }\n  };\n\n  const onChangeHandler = (event, newValue) => {\n    isDirty.current = true;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(newValue);\n\n    onChange?.(event, newValue);\n\n    if (canShowSuggestions) {\n      // an edge case might be a controlled input whose onChange callback\n      // doesn't change the value (or sets another): the suggestionListCallback\n      // callback will still receive the original rejected value.\n      // a refactor is needed so the suggestionListCallback might be called only\n      // when the input is uncontrolled, providing a way to externally control\n      // the suggestion values.\n      suggestionHandler(newValue);\n    }\n  };\n\n  /**\n   * Validates the input updating the state and modifying the info text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onInputBlurHandler = (event) => {\n    // If the blur is executed when choosing an suggestion it should be ignored.\n    if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const getSuggestions = (li) => {\n    // TODO Replace with ref\n    const listEl = document.getElementById(\n      setId(elementId, \"suggestions-list\") || \"\"\n    );\n    return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n  };\n\n  const onSuggestionKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKeypress(event, keyboardCodes.Tab)) {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Focus the suggestion list when the arrow down is pressed.\n   *\n   * @param {Object} event - The event provided by the material ui input\n   */\n  const onKeyDownHandler = (event) => {\n    if (isKeypress(event, keyboardCodes.ArrowDown) && hasSuggestions) {\n      const li = getSuggestions(0);\n      li?.focus();\n    } else if (isKeypress(event, keyboardCodes.Enter)) {\n      onEnter?.(event, value);\n    }\n\n    onKeyDown?.(event, value);\n  };\n\n  /**\n   * Clears the suggestion list on blur.\n   *\n   * @param {Object} event - The event provided by the material ui input.\n   */\n  const onContainerBlurHandler = (event) => {\n    if (event.relatedTarget) {\n      setTimeout(() => {\n        const list = getSuggestions(null);\n        if (!list?.contains(document.activeElement)) suggestionClearHandler();\n      }, 10);\n    }\n  };\n\n  const hasOnEnter = onEnter != null;\n\n  // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n  // also, don't show it when the input type is \"search\" and the input is active (standBy)\n  const showClear =\n    !disabled &&\n    !readOnly &&\n    !disableClear &&\n    !isEmptyValue &&\n    (!hasOnEnter ||\n      type !== \"search\" ||\n      disableSearchButton ||\n      validationState !== validationStates.standBy);\n\n  const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n  const showRevealPasswordButton =\n    type === \"password\" && !disableRevealPassword;\n\n  /**\n   * Clears the input value from the state and refocus the input.\n   */\n  const handleClear = useCallback(\n    (event) => {\n      // reset validation status to standBy (only when status is uncontrolled)\n      setValidationState(validationStates.standBy);\n\n      // clear the input value (only when value is uncontrolled)\n      setValue(\"\");\n\n      onChange?.(event, \"\");\n\n      // we wan't to focus the input when clicked and not active\n      setTimeout(focusInput);\n    },\n    [onChange, setValidationState, setValue]\n  );\n\n  const clearButton = useMemo(() => {\n    if (!showClear) {\n      return null;\n    }\n\n    return (\n      <StyledAdornmentButton\n        // don't control visibility when the search icon is enabled\n        className={clsx(\n          inputClasses.adornmentButton,\n          classes?.adornmentButton,\n          !showSearchIcon &&\n            clsx(\"iconClear\", inputClasses.iconClear, classes?.iconClear)\n        )}\n        onClick={handleClear}\n        aria-label={labels?.clearButtonLabel}\n        aria-controls={setId(elementId, \"input\")}\n        icon={<CloseXS />}\n        $iconClear={!showSearchIcon}\n      />\n    );\n  }, [\n    showClear,\n    classes?.adornmentButton,\n    classes?.iconClear,\n    showSearchIcon,\n    handleClear,\n    labels?.clearButtonLabel,\n    elementId,\n  ]);\n\n  /**\n   * Calls the onEnter callback and refocus the input.\n   */\n  const handleSearch = useCallback(\n    (event) => {\n      onEnter?.(event, value);\n    },\n    [onEnter, value]\n  );\n\n  const searchButton = useMemo(() => {\n    // if the search icon is not actionable, only show it when the input is empty or active\n    const reallyShowIt =\n      showSearchIcon &&\n      (isEmptyValue ||\n        (hasOnEnter && validationState === validationStates.standBy));\n\n    if (!reallyShowIt) {\n      return null;\n    }\n\n    return (\n      <StyledAdornmentButton\n        className={clsx(inputClasses.adornmentButton, classes?.adornmentButton)}\n        onClick={hasOnEnter ? handleSearch : undefined}\n        aria-label={labels?.searchButtonLabel}\n        icon={<Search />}\n      />\n    );\n  }, [\n    showSearchIcon,\n    isEmptyValue,\n    hasOnEnter,\n    validationState,\n    classes?.adornmentButton,\n    handleSearch,\n    labels?.searchButtonLabel,\n  ]);\n\n  /**\n   * Changes input type and refocus the input.\n   */\n  const handleRevealPassword = useCallback(() => {\n    setRevealPassword(!revealPassword);\n  }, [revealPassword]);\n\n  const revealPasswordButton = useMemo(() => {\n    if (!showRevealPasswordButton) {\n      return null;\n    }\n\n    return (\n      <HvTooltip\n        disableFocusListener\n        disableTouchListener\n        title={\n          <HvTypography>\n            {revealPassword\n              ? labels?.revealPasswordButtonClickToHideTooltip\n              : labels?.revealPasswordButtonClickToShowTooltip}\n          </HvTypography>\n        }\n      >\n        <StyledAdornmentButton\n          className={clsx(\n            inputClasses.adornmentButton,\n            classes?.adornmentButton\n          )}\n          onClick={handleRevealPassword}\n          aria-label={labels?.revealPasswordButtonLabel}\n          aria-controls={setId(elementId, \"input\")}\n          icon={revealPassword ? <PreviewOff /> : <Preview />}\n        />\n      </HvTooltip>\n    );\n  }, [\n    showRevealPasswordButton,\n    revealPassword,\n    labels?.revealPasswordButtonClickToHideTooltip,\n    labels?.revealPasswordButtonClickToShowTooltip,\n    labels?.revealPasswordButtonLabel,\n    classes?.adornmentButton,\n    handleRevealPassword,\n    elementId,\n  ]);\n\n  const validationIcon = useMemo(() => {\n    if (!showValidationIcon) {\n      return null;\n    }\n\n    if (!isValid(validationState)) {\n      return null;\n    }\n\n    return (\n      <StyledSuccess\n        semantic=\"positive\"\n        className={clsx(inputClasses.icon, classes?.icon)}\n      />\n    );\n  }, [showValidationIcon, validationState, classes?.icon]);\n\n  // useMemo to avoid repetitive cloning of the custom icon\n  const customIconEl = useMemo(\n    () =>\n      isValidElement(endAdornment) &&\n      React.cloneElement(endAdornment as React.ReactElement, {\n        className: clsx(\n          inputClasses.icon,\n          classes?.icon,\n          endAdornment.props.className\n        ),\n      }),\n    [classes?.icon, endAdornment]\n  );\n\n  const adornments = useMemo(() => {\n    if (\n      !clearButton &&\n      !revealPasswordButton &&\n      !searchButton &&\n      !validationIcon &&\n      !customIconEl\n    )\n      return null;\n\n    // note: specification implies that the custom icon should be hidden when\n    // a validation feedback icon is being shown.\n    return (\n      <StyledAdornmentsBox\n        className={clsx(inputClasses.adornmentsBox, classes?.adornmentsBox)}\n        aria-hidden=\"true\"\n      >\n        {clearButton}\n        {revealPasswordButton}\n        {searchButton}\n        {validationIcon || customIconEl}\n      </StyledAdornmentsBox>\n    );\n  }, [\n    classes?.adornmentsBox,\n    clearButton,\n    customIconEl,\n    revealPasswordButton,\n    searchButton,\n    validationIcon,\n  ]);\n\n  // run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        inputClasses.root,\n        classes?.root,\n        className,\n        hasSuggestions &&\n          clsx(inputClasses.hasSuggestions, classes?.hasSuggestions)\n      )}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(inputClasses.labelContainer, classes?.labelContainer)}\n        >\n          {hasLabel && (\n            <StyledLabel\n              id={setId(elementId, \"label\")}\n              className={clsx(inputClasses.label, classes?.label)}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={clsx(inputClasses.description, classes?.description)}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n      <StyledBaseInput\n        id={\n          hasLabel || showClear || showRevealPasswordButton\n            ? setId(elementId, \"input\")\n            : setId(id, \"input\")\n        }\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onKeyDown={onKeyDownHandler}\n        onBlur={onInputBlurHandler}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        type={realType}\n        classes={{\n          input: clsx(inputClasses.input, classes?.input),\n          inputRoot: clsx(inputClasses.inputRoot, classes?.inputRoot),\n          inputRootFocused: clsx(\n            inputClasses.inputRootFocused,\n            classes?.inputRootFocused\n          ),\n          inputRootDisabled: clsx(\n            inputClasses.inputRootDisabled,\n            classes?.inputRootDisabled\n          ),\n          inputRootMultiline: clsx(\n            inputClasses.inputRootMultiline,\n            classes?.inputRootMultiline\n          ),\n          inputBorderContainer: clsx(\n            inputClasses.inputBorderContainer,\n            classes?.inputBorderContainer\n          ),\n        }}\n        invalid={isStateInvalid}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : description\n              ? setId(elementId, \"description\")\n              : undefined,\n          \"aria-controls\": canShowSuggestions\n            ? setId(elementId, \"suggestions\")\n            : undefined,\n\n          ref: materialInputRef,\n\n          // prevent browsers auto-fill/suggestions when we have our own\n          autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={inputRefProp || inputRef}\n        endAdornment={adornments}\n        {...others}\n      />\n      {canShowSuggestions && (\n        <>\n          {hasSuggestions && (\n            <StyledInputExtension\n              role=\"presentation\"\n              className={clsx(\n                inputClasses.inputExtension,\n                classes?.inputExtension\n              )}\n            />\n          )}\n          <StyledSuggestions\n            id={setId(elementId, \"suggestions\")}\n            classes={{\n              root: clsx(\n                inputClasses.suggestionsContainer,\n                classes?.suggestionsContainer\n              ),\n              list: clsx(inputClasses.suggestionList, classes?.suggestionList),\n            }}\n            expanded={hasSuggestions}\n            anchorEl={inputRef?.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\n          />\n        </>\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(inputClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","classes","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","useLabels","elementId","useUniqueId","useRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","useEffect","getElementById","setId","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","StyledAdornmentButton","clsx","inputClasses","adornmentButton","iconClear","onClick","icon","CloseXS","$iconClear","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","StyledSuccess","semantic","customIconEl","isValidElement","React","cloneElement","props","adornments","StyledAdornmentsBox","adornmentsBox","errorMessageId","StyledFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","htmlFor","HvInfoMessage","StyledBaseInput","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","ref","autoComplete","_jsxs","_Fragment","StyledInputExtension","role","inputExtension","StyledSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}

package/dist/esm/components/Link/Link.styles.js

@@ -9,11 +9,11 @@ const StyledA = /* @__PURE__ */ _styled("a", process.env.NODE_ENV === "productio
 })({
   ...theme.typography.label,
   textDecoration: "underline",
-  color: theme.colors.acce2,
+  color: theme.colors.primary,
   "&:focus-visible": {
     ...outlineStyles
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEEgPSBzdHlsZWQoXCJhXCIpKHtcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7IC4uLm91dGxpbmVTdHlsZXMgfSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEEgPSBzdHlsZWQoXCJhXCIpKHtcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICBjb2xvcjogdGhlbWUuY29sb3JzLnByaW1hcnksXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHsgLi4ub3V0bGluZVN0eWxlcyB9LFxufSk7XG4iXX0= */");
 export {
   StyledA
 };

package/dist/esm/components/Link/Link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.styles.js","sources":["../../../../src/components/Link/Link.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledA = styled(\"a\")({\n  ...(theme.typography.label as CSSProperties),\n  textDecoration: \"underline\",\n  color: theme.colors.acce2,\n  \"&:focus-visible\": { ...outlineStyles },\n});\n"],"names":["StyledA","process","env","NODE_ENV","target","label","theme","typography","textDecoration","color","colors","acce2","outlineStyles"],"mappings":";;;AAKO,MAAMA,UAAiB,wBAAA,KAAGC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjC,GAAIC,MAAMC,WAAWF;AAAAA,EACrBG,gBAAgB;AAAA,EAChBC,OAAOH,MAAMI,OAAOC;AAAAA,EACpB,mBAAmB;AAAA,IAAE,GAAGC;AAAAA,EAAc;AACxC,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,q8BAAA;"}
+{"version":3,"file":"Link.styles.js","sources":["../../../../src/components/Link/Link.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledA = styled(\"a\")({\n  ...(theme.typography.label as CSSProperties),\n  textDecoration: \"underline\",\n  color: theme.colors.primary,\n  \"&:focus-visible\": { ...outlineStyles },\n});\n"],"names":["StyledA","process","env","NODE_ENV","target","label","theme","typography","textDecoration","color","colors","primary","outlineStyles"],"mappings":";;;AAKO,MAAMA,UAAiB,wBAAA,KAAGC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjC,GAAIC,MAAMC,WAAWF;AAAAA,EACrBG,gBAAgB;AAAA,EAChBC,OAAOH,MAAMI,OAAOC;AAAAA,EACpB,mBAAmB;AAAA,IAAE,GAAGC;AAAAA,EAAc;AACxC,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,y8BAAA;"}

package/dist/esm/components/ListContainer/ListItem/ListItem.styles.js

@@ -69,7 +69,7 @@ const StyledListItem = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "p
     backgroundColor: theme.list.hoverColor
   },
   ...$disabled && {
-    color: theme.colors.atmo5,
+    color: theme.colors.secondary_60,
     backgroundColor: theme.list.disabledBackgroundColor
   },
   ...$startAdornment && {
@@ -81,7 +81,7 @@ const StyledListItem = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "p
       outline: "none !important"
     },
     [`.${listItemClasses.disabled} > svg *.color0`]: {
-      fill: theme.colors.atmo5
+      fill: theme.colors.secondary_60
     }
   },
   ...$endAdornment && {
@@ -93,7 +93,7 @@ const StyledListItem = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "p
       outline: "none !important"
     },
     [`.${listItemClasses.disabled} > svg *.color0`]: {
-      fill: theme.colors.atmo5
+      fill: theme.colors.secondary_60
     }
   },
   "&.HvIsFocused": {
@@ -101,7 +101,7 @@ const StyledListItem = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "p
     backgroundColor: theme.colors.atmo3,
     zIndex: 2
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdENvbnRhaW5lci9MaXN0SXRlbS9MaXN0SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVE4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0xpc3RDb250YWluZXIvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkZvY3VzIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBsaXN0SXRlbUNsYXNzZXMgZnJvbSBcIi4vbGlzdEl0ZW1DbGFzc2VzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRndXR0ZXJzLFxuICAgICRpbnRlcmFjdGl2ZSxcbiAgICAkc2VsZWN0ZWQsXG4gICAgJGRpc2FibGVkLFxuICAgICRzdGFydEFkb3JubWVudCxcbiAgICAkZW5kQWRvcm5tZW50LFxuICB9OiB7XG4gICAgJGd1dHRlcnM6IGJvb2xlYW47XG4gICAgJGludGVyYWN0aXZlOiBib29sZWFuO1xuICAgICRzZWxlY3RlZDogYm9vbGVhbjtcbiAgICAkZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJHN0YXJ0QWRvcm5tZW50OiBib29sZWFuO1xuICAgICRlbmRBZG9ybm1lbnQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICAgIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIFwiJjpub3QoOmxhc3QtY2hpbGQpXCI6IHtcbiAgICAgIG1hcmdpbkJvdHRvbTogXCI4cHhcIixcbiAgICB9LFxuICAgIFtgJi4ke2xpc3RJdGVtQ2xhc3Nlcy5jb25kZW5zZWR9YF06IHtcbiAgICAgIG1hcmdpbkJvdHRvbTogMCxcbiAgICB9LFxuXG4gICAgLi4uKCRndXR0ZXJzICYmIHtcbiAgICAgIHBhZGRpbmc6IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICAgICAgW2AmLiR7bGlzdEl0ZW1DbGFzc2VzLndpdGhTdGFydEFkb3JubWVudH1gXToge1xuICAgICAgICBwYWRkaW5nTGVmdDogMCxcbiAgICAgIH0sXG4gICAgICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMud2l0aEVuZEFkb3JubWVudH1gXToge1xuICAgICAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkaW50ZXJhY3RpdmUgJiYge1xuICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIFtgJjpub3QoLiR7bGlzdEl0ZW1DbGFzc2VzLmRpc2FibGVkfSk6bm90KC4ke2xpc3RJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0pOmhvdmVyYF06XG4gICAgICAgIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmxpc3QuaG92ZXJDb2xvcixcbiAgICAgICAgfSxcbiAgICAgIFtgJi4ke2xpc3RJdGVtQ2xhc3Nlcy5kaXNhYmxlZH1gXToge1xuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3RlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmxpc3QuaG92ZXJDb2xvcixcbiAgICB9KSxcbiAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmxpc3QuZGlzYWJsZWRCYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzdGFydEFkb3JubWVudCAmJiB7XG4gICAgICBcIiYgPiBkaXZcIjoge1xuICAgICAgICBmbG9hdDogXCJsZWZ0XCIsXG4gICAgICB9LFxuXG4gICAgICBcIiYgc3ZnXCI6IHtcbiAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICAgIFtgLiR7bGlzdEl0ZW1DbGFzc2VzLmRpc2FibGVkfSA+IHN2ZyAqLmNvbG9yMGBdOiB7XG4gICAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCRlbmRBZG9ybm1lbnQgJiYge1xuICAgICAgXCImID4gZGl2XCI6IHsgZmxvYXQ6IFwicmlnaHRcIiB9LFxuXG4gICAgICBcIiYgc3ZnXCI6IHtcbiAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICAgIFtgLiR7bGlzdEl0ZW1DbGFzc2VzLmRpc2FibGVkfSA+IHN2ZyAqLmNvbG9yMGBdOiB7XG4gICAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgXCImLkh2SXNGb2N1c2VkXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIHpJbmRleDogMixcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvY3VzID0gc3R5bGVkKEh2Rm9jdXMpKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIHpJbmRleDogMixcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdENvbnRhaW5lci9MaXN0SXRlbS9MaXN0SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVE4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0xpc3RDb250YWluZXIvTGlzdEl0ZW0vTGlzdEl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkZvY3VzIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBsaXN0SXRlbUNsYXNzZXMgZnJvbSBcIi4vbGlzdEl0ZW1DbGFzc2VzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRndXR0ZXJzLFxuICAgICRpbnRlcmFjdGl2ZSxcbiAgICAkc2VsZWN0ZWQsXG4gICAgJGRpc2FibGVkLFxuICAgICRzdGFydEFkb3JubWVudCxcbiAgICAkZW5kQWRvcm5tZW50LFxuICB9OiB7XG4gICAgJGd1dHRlcnM6IGJvb2xlYW47XG4gICAgJGludGVyYWN0aXZlOiBib29sZWFuO1xuICAgICRzZWxlY3RlZDogYm9vbGVhbjtcbiAgICAkZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJHN0YXJ0QWRvcm5tZW50OiBib29sZWFuO1xuICAgICRlbmRBZG9ybm1lbnQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICAgIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIFwiJjpub3QoOmxhc3QtY2hpbGQpXCI6IHtcbiAgICAgIG1hcmdpbkJvdHRvbTogXCI4cHhcIixcbiAgICB9LFxuICAgIFtgJi4ke2xpc3RJdGVtQ2xhc3Nlcy5jb25kZW5zZWR9YF06IHtcbiAgICAgIG1hcmdpbkJvdHRvbTogMCxcbiAgICB9LFxuXG4gICAgLi4uKCRndXR0ZXJzICYmIHtcbiAgICAgIHBhZGRpbmc6IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICAgICAgW2AmLiR7bGlzdEl0ZW1DbGFzc2VzLndpdGhTdGFydEFkb3JubWVudH1gXToge1xuICAgICAgICBwYWRkaW5nTGVmdDogMCxcbiAgICAgIH0sXG4gICAgICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMud2l0aEVuZEFkb3JubWVudH1gXToge1xuICAgICAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkaW50ZXJhY3RpdmUgJiYge1xuICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIFtgJjpub3QoLiR7bGlzdEl0ZW1DbGFzc2VzLmRpc2FibGVkfSk6bm90KC4ke2xpc3RJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0pOmhvdmVyYF06XG4gICAgICAgIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmxpc3QuaG92ZXJDb2xvcixcbiAgICAgICAgfSxcbiAgICAgIFtgJi4ke2xpc3RJdGVtQ2xhc3Nlcy5kaXNhYmxlZH1gXToge1xuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3RlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmxpc3QuaG92ZXJDb2xvcixcbiAgICB9KSxcbiAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5saXN0LmRpc2FibGVkQmFja2dyb3VuZENvbG9yLFxuICAgIH0pLFxuICAgIC4uLigkc3RhcnRBZG9ybm1lbnQgJiYge1xuICAgICAgXCImID4gZGl2XCI6IHtcbiAgICAgICAgZmxvYXQ6IFwibGVmdFwiLFxuICAgICAgfSxcblxuICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgICAgb3V0bGluZTogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgIH0sXG4gICAgICBbYC4ke2xpc3RJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0gPiBzdmcgKi5jb2xvcjBgXToge1xuICAgICAgICBmaWxsOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJGVuZEFkb3JubWVudCAmJiB7XG4gICAgICBcIiYgPiBkaXZcIjogeyBmbG9hdDogXCJyaWdodFwiIH0sXG5cbiAgICAgIFwiJiBzdmdcIjoge1xuICAgICAgICBib3hTaGFkb3c6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICAgIG91dGxpbmU6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICB9LFxuICAgICAgW2AuJHtsaXN0SXRlbUNsYXNzZXMuZGlzYWJsZWR9ID4gc3ZnICouY29sb3IwYF06IHtcbiAgICAgICAgZmlsbDogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgXCImLkh2SXNGb2N1c2VkXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIHpJbmRleDogMixcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvY3VzID0gc3R5bGVkKEh2Rm9jdXMpKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIHpJbmRleDogMixcbn0pO1xuIl19 */");
 const StyledFocus = /* @__PURE__ */ _styled(HvFocus, process.env.NODE_ENV === "production" ? {
   target: "e1palmq40"
 } : {
@@ -110,7 +110,7 @@ const StyledFocus = /* @__PURE__ */ _styled(HvFocus, process.env.NODE_ENV === "p
 })({
   backgroundColor: theme.colors.atmo3,
   zIndex: 2
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdENvbnRhaW5lci9MaXN0SXRlbS9MaXN0SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9MaXN0Q29udGFpbmVyL0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZGb2N1cyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgbGlzdEl0ZW1DbGFzc2VzIGZyb20gXCIuL2xpc3RJdGVtQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZ3V0dGVycyxcbiAgICAkaW50ZXJhY3RpdmUsXG4gICAgJHNlbGVjdGVkLFxuICAgICRkaXNhYmxlZCxcbiAgICAkc3RhcnRBZG9ybm1lbnQsXG4gICAgJGVuZEFkb3JubWVudCxcbiAgfToge1xuICAgICRndXR0ZXJzOiBib29sZWFuO1xuICAgICRpbnRlcmFjdGl2ZTogYm9vbGVhbjtcbiAgICAkc2VsZWN0ZWQ6IGJvb2xlYW47XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRzdGFydEFkb3JubWVudDogYm9vbGVhbjtcbiAgICAkZW5kQWRvcm5tZW50OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgcGFkZGluZzogMCxcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbiAgICBsaXN0U3R5bGVUeXBlOiBcIm5vbmVcIixcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG5cbiAgICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgICBtYXJnaW5Cb3R0b206IFwiOHB4XCIsXG4gICAgfSxcbiAgICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMuY29uZGVuc2VkfWBdOiB7XG4gICAgICBtYXJnaW5Cb3R0b206IDAsXG4gICAgfSxcblxuICAgIC4uLigkZ3V0dGVycyAmJiB7XG4gICAgICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnhzfWAsXG5cbiAgICAgIFtgJi4ke2xpc3RJdGVtQ2xhc3Nlcy53aXRoU3RhcnRBZG9ybm1lbnR9YF06IHtcbiAgICAgICAgcGFkZGluZ0xlZnQ6IDAsXG4gICAgICB9LFxuICAgICAgW2AmLiR7bGlzdEl0ZW1DbGFzc2VzLndpdGhFbmRBZG9ybm1lbnR9YF06IHtcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJGludGVyYWN0aXZlICYmIHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBbYCY6bm90KC4ke2xpc3RJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0pOm5vdCguJHtsaXN0SXRlbUNsYXNzZXMuc2VsZWN0ZWR9KTpob3ZlcmBdOlxuICAgICAgICB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5saXN0LmhvdmVyQ29sb3IsXG4gICAgICAgIH0sXG4gICAgICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMuZGlzYWJsZWR9YF06IHtcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5saXN0LmhvdmVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5saXN0LmRpc2FibGVkQmFja2dyb3VuZENvbG9yLFxuICAgIH0pLFxuICAgIC4uLigkc3RhcnRBZG9ybm1lbnQgJiYge1xuICAgICAgXCImID4gZGl2XCI6IHtcbiAgICAgICAgZmxvYXQ6IFwibGVmdFwiLFxuICAgICAgfSxcblxuICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgICAgb3V0bGluZTogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgIH0sXG4gICAgICBbYC4ke2xpc3RJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0gPiBzdmcgKi5jb2xvcjBgXToge1xuICAgICAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkZW5kQWRvcm5tZW50ICYmIHtcbiAgICAgIFwiJiA+IGRpdlwiOiB7IGZsb2F0OiBcInJpZ2h0XCIgfSxcblxuICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgICAgb3V0bGluZTogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgIH0sXG4gICAgICBbYC4ke2xpc3RJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0gPiBzdmcgKi5jb2xvcjBgXToge1xuICAgICAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIFwiJi5IdklzRm9jdXNlZFwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICB6SW5kZXg6IDIsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb2N1cyA9IHN0eWxlZChIdkZvY3VzKSh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB6SW5kZXg6IDIsXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdENvbnRhaW5lci9MaXN0SXRlbS9MaXN0SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9MaXN0Q29udGFpbmVyL0xpc3RJdGVtL0xpc3RJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZGb2N1cyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgbGlzdEl0ZW1DbGFzc2VzIGZyb20gXCIuL2xpc3RJdGVtQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZ3V0dGVycyxcbiAgICAkaW50ZXJhY3RpdmUsXG4gICAgJHNlbGVjdGVkLFxuICAgICRkaXNhYmxlZCxcbiAgICAkc3RhcnRBZG9ybm1lbnQsXG4gICAgJGVuZEFkb3JubWVudCxcbiAgfToge1xuICAgICRndXR0ZXJzOiBib29sZWFuO1xuICAgICRpbnRlcmFjdGl2ZTogYm9vbGVhbjtcbiAgICAkc2VsZWN0ZWQ6IGJvb2xlYW47XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRzdGFydEFkb3JubWVudDogYm9vbGVhbjtcbiAgICAkZW5kQWRvcm5tZW50OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgcGFkZGluZzogMCxcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbiAgICBsaXN0U3R5bGVUeXBlOiBcIm5vbmVcIixcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG5cbiAgICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgICBtYXJnaW5Cb3R0b206IFwiOHB4XCIsXG4gICAgfSxcbiAgICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMuY29uZGVuc2VkfWBdOiB7XG4gICAgICBtYXJnaW5Cb3R0b206IDAsXG4gICAgfSxcblxuICAgIC4uLigkZ3V0dGVycyAmJiB7XG4gICAgICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnhzfWAsXG5cbiAgICAgIFtgJi4ke2xpc3RJdGVtQ2xhc3Nlcy53aXRoU3RhcnRBZG9ybm1lbnR9YF06IHtcbiAgICAgICAgcGFkZGluZ0xlZnQ6IDAsXG4gICAgICB9LFxuICAgICAgW2AmLiR7bGlzdEl0ZW1DbGFzc2VzLndpdGhFbmRBZG9ybm1lbnR9YF06IHtcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJGludGVyYWN0aXZlICYmIHtcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICBbYCY6bm90KC4ke2xpc3RJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0pOm5vdCguJHtsaXN0SXRlbUNsYXNzZXMuc2VsZWN0ZWR9KTpob3ZlcmBdOlxuICAgICAgICB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5saXN0LmhvdmVyQ29sb3IsXG4gICAgICAgIH0sXG4gICAgICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMuZGlzYWJsZWR9YF06IHtcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5saXN0LmhvdmVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUubGlzdC5kaXNhYmxlZEJhY2tncm91bmRDb2xvcixcbiAgICB9KSxcbiAgICAuLi4oJHN0YXJ0QWRvcm5tZW50ICYmIHtcbiAgICAgIFwiJiA+IGRpdlwiOiB7XG4gICAgICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICAgIH0sXG5cbiAgICAgIFwiJiBzdmdcIjoge1xuICAgICAgICBib3hTaGFkb3c6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICAgIG91dGxpbmU6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICB9LFxuICAgICAgW2AuJHtsaXN0SXRlbUNsYXNzZXMuZGlzYWJsZWR9ID4gc3ZnICouY29sb3IwYF06IHtcbiAgICAgICAgZmlsbDogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCRlbmRBZG9ybm1lbnQgJiYge1xuICAgICAgXCImID4gZGl2XCI6IHsgZmxvYXQ6IFwicmlnaHRcIiB9LFxuXG4gICAgICBcIiYgc3ZnXCI6IHtcbiAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICAgIFtgLiR7bGlzdEl0ZW1DbGFzc2VzLmRpc2FibGVkfSA+IHN2ZyAqLmNvbG9yMGBdOiB7XG4gICAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIFwiJi5IdklzRm9jdXNlZFwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICB6SW5kZXg6IDIsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb2N1cyA9IHN0eWxlZChIdkZvY3VzKSh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB6SW5kZXg6IDIsXG59KTtcbiJdfQ== */");
 export {
   StyledFocus,
   StyledListItem

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.styles.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvFocus } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport listItemClasses from \"./listItemClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledListItem = styled(\n  \"li\",\n  transientOptions\n)(\n  ({\n    $gutters,\n    $interactive,\n    $selected,\n    $disabled,\n    $startAdornment,\n    $endAdornment,\n  }: {\n    $gutters: boolean;\n    $interactive: boolean;\n    $selected: boolean;\n    $disabled: boolean;\n    $startAdornment: boolean;\n    $endAdornment: boolean;\n  }) => ({\n    ...(theme.typography.body as CSSProperties),\n    padding: 0,\n    display: \"block\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n    listStyleType: \"none\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    position: \"relative\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n    [`&.${listItemClasses.condensed}`]: {\n      marginBottom: 0,\n    },\n\n    ...($gutters && {\n      padding: `0 ${theme.space.xs}`,\n\n      [`&.${listItemClasses.withStartAdornment}`]: {\n        paddingLeft: 0,\n      },\n      [`&.${listItemClasses.withEndAdornment}`]: {\n        paddingRight: 0,\n      },\n    }),\n    ...($interactive && {\n      cursor: \"pointer\",\n      [`&:not(.${listItemClasses.disabled}):not(.${listItemClasses.selected}):hover`]:\n        {\n          backgroundColor: theme.list.hoverColor,\n        },\n      [`&.${listItemClasses.disabled}`]: {\n        cursor: \"not-allowed\",\n      },\n    }),\n    ...($selected && {\n      backgroundColor: theme.list.hoverColor,\n    }),\n    ...($disabled && {\n      color: theme.colors.atmo5,\n      backgroundColor: theme.list.disabledBackgroundColor,\n    }),\n    ...($startAdornment && {\n      \"& > div\": {\n        float: \"left\",\n      },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.atmo5,\n      },\n    }),\n    ...($endAdornment && {\n      \"& > div\": { float: \"right\" },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.atmo5,\n      },\n    }),\n    \"&.HvIsFocused\": {\n      ...outlineStyles,\n      backgroundColor: theme.colors.atmo3,\n      zIndex: 2,\n    },\n  })\n);\n\nexport const StyledFocus = styled(HvFocus)({\n  backgroundColor: theme.colors.atmo3,\n  zIndex: 2,\n});\n"],"names":["StyledListItem","process","env","NODE_ENV","_extends","target","transientOptions","label","$gutters","$interactive","$selected","$disabled","$startAdornment","$endAdornment","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","listItemClasses","condensed","space","xs","withStartAdornment","paddingLeft","withEndAdornment","paddingRight","cursor","disabled","selected","backgroundColor","list","hoverColor","color","colors","atmo5","disabledBackgroundColor","float","boxShadow","outline","fill","outlineStyles","atmo3","zIndex","StyledFocus","HvFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,yCACX,MAAIC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACJC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,OAAO;AAAA,EACL,GAAIC,MAAMC,WAAWC;AAAAA,EACrBC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,YAAY;AAAA,EACZC,UAAU;AAAA,EAEV,sBAAsB;AAAA,IACpBC,cAAc;AAAA,EAChB;AAAA,EACA,CAAE,KAAIC,gBAAgBC,WAAW,GAAG;AAAA,IAClCF,cAAc;AAAA,EAChB;AAAA,EAEA,GAAIlB,YAAY;AAAA,IACdS,SAAU,KAAIH,MAAMe,MAAMC;AAAAA,IAE1B,CAAE,KAAIH,gBAAgBI,oBAAoB,GAAG;AAAA,MAC3CC,aAAa;AAAA,IACf;AAAA,IACA,CAAE,KAAIL,gBAAgBM,kBAAkB,GAAG;AAAA,MACzCC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,GAAIzB,gBAAgB;AAAA,IAClB0B,QAAQ;AAAA,IACR,CAAE,UAASR,gBAAgBS,kBAAkBT,gBAAgBU,iBAAiB,GAC5E;AAAA,MACEC,iBAAiBxB,MAAMyB,KAAKC;AAAAA,IAC9B;AAAA,IACF,CAAE,KAAIb,gBAAgBS,UAAU,GAAG;AAAA,MACjCD,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,GAAIzB,aAAa;AAAA,IACf4B,iBAAiBxB,MAAMyB,KAAKC;AAAAA,EAC9B;AAAA,EACA,GAAI7B,aAAa;AAAA,IACf8B,OAAO3B,MAAM4B,OAAOC;AAAAA,IACpBL,iBAAiBxB,MAAMyB,KAAKK;AAAAA,EAC9B;AAAA,EACA,GAAIhC,mBAAmB;AAAA,IACrB,WAAW;AAAA,MACTiC,OAAO;AAAA,IACT;AAAA,IAEA,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,GAAI9B,iBAAiB;AAAA,IACnB,WAAW;AAAA,MAAEgC,OAAO;AAAA,IAAQ;AAAA,IAE5B,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,GAAGM;AAAAA,IACHX,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AACF,IAAElD,QAAAC,IAAAC,aACH,eAAA,KAAA,6lIAAA;AAEM,MAAMiD,cAAqBC,wBAAAA,SAAOpD,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzC+B,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,EAC9BC,QAAQ;AACV,GAAClD,QAAAC,IAAAC,aAAC,eAAA,KAAA,imIAAA;"}
+{"version":3,"file":"ListItem.styles.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvFocus } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport listItemClasses from \"./listItemClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledListItem = styled(\n  \"li\",\n  transientOptions\n)(\n  ({\n    $gutters,\n    $interactive,\n    $selected,\n    $disabled,\n    $startAdornment,\n    $endAdornment,\n  }: {\n    $gutters: boolean;\n    $interactive: boolean;\n    $selected: boolean;\n    $disabled: boolean;\n    $startAdornment: boolean;\n    $endAdornment: boolean;\n  }) => ({\n    ...(theme.typography.body as CSSProperties),\n    padding: 0,\n    display: \"block\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n    listStyleType: \"none\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    position: \"relative\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n    [`&.${listItemClasses.condensed}`]: {\n      marginBottom: 0,\n    },\n\n    ...($gutters && {\n      padding: `0 ${theme.space.xs}`,\n\n      [`&.${listItemClasses.withStartAdornment}`]: {\n        paddingLeft: 0,\n      },\n      [`&.${listItemClasses.withEndAdornment}`]: {\n        paddingRight: 0,\n      },\n    }),\n    ...($interactive && {\n      cursor: \"pointer\",\n      [`&:not(.${listItemClasses.disabled}):not(.${listItemClasses.selected}):hover`]:\n        {\n          backgroundColor: theme.list.hoverColor,\n        },\n      [`&.${listItemClasses.disabled}`]: {\n        cursor: \"not-allowed\",\n      },\n    }),\n    ...($selected && {\n      backgroundColor: theme.list.hoverColor,\n    }),\n    ...($disabled && {\n      color: theme.colors.secondary_60,\n      backgroundColor: theme.list.disabledBackgroundColor,\n    }),\n    ...($startAdornment && {\n      \"& > div\": {\n        float: \"left\",\n      },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.secondary_60,\n      },\n    }),\n    ...($endAdornment && {\n      \"& > div\": { float: \"right\" },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.secondary_60,\n      },\n    }),\n    \"&.HvIsFocused\": {\n      ...outlineStyles,\n      backgroundColor: theme.colors.atmo3,\n      zIndex: 2,\n    },\n  })\n);\n\nexport const StyledFocus = styled(HvFocus)({\n  backgroundColor: theme.colors.atmo3,\n  zIndex: 2,\n});\n"],"names":["StyledListItem","process","env","NODE_ENV","_extends","target","transientOptions","label","$gutters","$interactive","$selected","$disabled","$startAdornment","$endAdornment","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","listItemClasses","condensed","space","xs","withStartAdornment","paddingLeft","withEndAdornment","paddingRight","cursor","disabled","selected","backgroundColor","list","hoverColor","color","colors","secondary_60","disabledBackgroundColor","float","boxShadow","outline","fill","outlineStyles","atmo3","zIndex","StyledFocus","HvFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,yCACX,MAAIC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACJC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,OAAO;AAAA,EACL,GAAIC,MAAMC,WAAWC;AAAAA,EACrBC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,YAAY;AAAA,EACZC,UAAU;AAAA,EAEV,sBAAsB;AAAA,IACpBC,cAAc;AAAA,EAChB;AAAA,EACA,CAAE,KAAIC,gBAAgBC,WAAW,GAAG;AAAA,IAClCF,cAAc;AAAA,EAChB;AAAA,EAEA,GAAIlB,YAAY;AAAA,IACdS,SAAU,KAAIH,MAAMe,MAAMC;AAAAA,IAE1B,CAAE,KAAIH,gBAAgBI,oBAAoB,GAAG;AAAA,MAC3CC,aAAa;AAAA,IACf;AAAA,IACA,CAAE,KAAIL,gBAAgBM,kBAAkB,GAAG;AAAA,MACzCC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,GAAIzB,gBAAgB;AAAA,IAClB0B,QAAQ;AAAA,IACR,CAAE,UAASR,gBAAgBS,kBAAkBT,gBAAgBU,iBAAiB,GAC5E;AAAA,MACEC,iBAAiBxB,MAAMyB,KAAKC;AAAAA,IAC9B;AAAA,IACF,CAAE,KAAIb,gBAAgBS,UAAU,GAAG;AAAA,MACjCD,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,GAAIzB,aAAa;AAAA,IACf4B,iBAAiBxB,MAAMyB,KAAKC;AAAAA,EAC9B;AAAA,EACA,GAAI7B,aAAa;AAAA,IACf8B,OAAO3B,MAAM4B,OAAOC;AAAAA,IACpBL,iBAAiBxB,MAAMyB,KAAKK;AAAAA,EAC9B;AAAA,EACA,GAAIhC,mBAAmB;AAAA,IACrB,WAAW;AAAA,MACTiC,OAAO;AAAA,IACT;AAAA,IAEA,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,GAAI9B,iBAAiB;AAAA,IACnB,WAAW;AAAA,MAAEgC,OAAO;AAAA,IAAQ;AAAA,IAE5B,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,GAAGM;AAAAA,IACHX,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AACF,IAAElD,QAAAC,IAAAC,aACH,eAAA,KAAA,ynIAAA;AAEM,MAAMiD,cAAqBC,wBAAAA,SAAOpD,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzC+B,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,EAC9BC,QAAQ;AACV,GAAClD,QAAAC,IAAAC,aAAC,eAAA,KAAA,6nIAAA;"}

package/dist/esm/components/Loading/Loading.js

@@ -21,7 +21,7 @@ const HvLoading = (props) => {
   const colorVariant = color ? "Color" : "";
   const variant = `${size}${colorVariant}`;
   const inline = {
-    backgroundColor: getColor(small ? "acce1" : "acce3")
+    backgroundColor: getColor(small ? "secondary" : "brand")
   };
   return /* @__PURE__ */ jsxs(StyledRoot, {
     hidden: !!hidden,

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledBar,\n  StyledBarContainer,\n  StyledLabel,\n  StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport type HvLoadingProps = HvBaseProps<HTMLDivElement> & {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n};\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const { color, hidden, small, label, classes, className, ...others } = props;\n\n  const getColor = (colorName) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n  return (\n    <StyledRoot\n      hidden={!!hidden}\n      className={clsx(\n        className,\n        loadingClasses.root,\n        classes?.root,\n        hidden && clsx(classes?.hidden, loadingClasses.hidden)\n      )}\n      {...others}\n    >\n      <StyledBarContainer\n        className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n      >\n        {range(0, 3).map((e) => (\n          <StyledBar\n            key={e}\n            style={inline}\n            className={clsx(\n              loadingClasses.loadingBar,\n              classes?.loadingBar,\n              loadingClasses[variant],\n              classes?.[variant]\n            )}\n            $variant={variant}\n          ></StyledBar>\n        ))}\n      </StyledBarContainer>\n      {label && (\n        <StyledLabel\n          variant=\"caption1\"\n          className={clsx(loadingClasses.label, classes?.label)}\n        >\n          {label}\n        </StyledLabel>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AACvBR,WAAAA,QAAQS,MAAMC,OAAOV,KAAK,KAAKA,QAAQS,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,UAAU,OAAO;AAAA,EAAA;AACpE,8BACGc,YAAU;AAAA,IACTf,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWY,KACTZ,WACAa,eAAeC,MACff,mCAASe,MACTlB,UAAUgB,KAAKb,mCAASH,QAAQiB,eAAejB,MAAM,CAAC;AAAA,IACtD,GACEK;AAAAA,IAAMc,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBjB,WAAWY,KAAKC,eAAeK,cAAcnB,mCAASmB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPT,WAAWY,KACTC,eAAeW,YACfzB,mCAASyB,YACTX,eAAeL,OAAO,GACtBT,mCAAUS,QAAQ;AAAA,QAEpBiB,UAAUjB;AAAAA,MAAQ,GARba,CAAC,CAUT;AAAA,IAAA,CAAC,GAEHvB,SACCkB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRR,WAAWY,KAAKC,eAAef,OAAOC,mCAASD,KAAK;AAAA,MAAEiB,UAErDjB;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;"}
+{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledBar,\n  StyledBarContainer,\n  StyledLabel,\n  StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport type HvLoadingProps = HvBaseProps<HTMLDivElement> & {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n};\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const { color, hidden, small, label, classes, className, ...others } = props;\n\n  const getColor = (colorName) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"secondary\" : \"brand\") };\n  return (\n    <StyledRoot\n      hidden={!!hidden}\n      className={clsx(\n        className,\n        loadingClasses.root,\n        classes?.root,\n        hidden && clsx(classes?.hidden, loadingClasses.hidden)\n      )}\n      {...others}\n    >\n      <StyledBarContainer\n        className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n      >\n        {range(0, 3).map((e) => (\n          <StyledBar\n            key={e}\n            style={inline}\n            className={clsx(\n              loadingClasses.loadingBar,\n              classes?.loadingBar,\n              loadingClasses[variant],\n              classes?.[variant]\n            )}\n            $variant={variant}\n          ></StyledBar>\n        ))}\n      </StyledBarContainer>\n      {label && (\n        <StyledLabel\n          variant=\"caption1\"\n          className={clsx(loadingClasses.label, classes?.label)}\n        >\n          {label}\n        </StyledLabel>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AACvBR,WAAAA,QAAQS,MAAMC,OAAOV,KAAK,KAAKA,QAAQS,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,cAAc,OAAO;AAAA,EAAA;AACxE,8BACGc,YAAU;AAAA,IACTf,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWY,KACTZ,WACAa,eAAeC,MACff,mCAASe,MACTlB,UAAUgB,KAAKb,mCAASH,QAAQiB,eAAejB,MAAM,CAAC;AAAA,IACtD,GACEK;AAAAA,IAAMc,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBjB,WAAWY,KAAKC,eAAeK,cAAcnB,mCAASmB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPT,WAAWY,KACTC,eAAeW,YACfzB,mCAASyB,YACTX,eAAeL,OAAO,GACtBT,mCAAUS,QAAQ;AAAA,QAEpBiB,UAAUjB;AAAAA,MAAQ,GARba,CAAC,CAUT;AAAA,IAAA,CAAC,GAEHvB,SACCkB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRR,WAAWY,KAAKC,eAAef,OAAOC,mCAASD,KAAK;AAAA,MAAEiB,UAErDjB;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;"}