@hitachivantara/uikit-react-core 5.88.0 → 5.90.0

package/dist/cjs/CheckBoxGroup/CheckBoxGroup.styles.cjs

@@ -28,7 +28,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCheckBoxG
   },
   invalid: {
     paddingBottom: uikitStyles.theme.space.xs,
-    borderBottom: `1px solid ${uikitStyles.theme.colors.negative_120}`
+    borderBottom: `1px solid ${uikitStyles.theme.form.errorColor}`
   },
   selectAll: {},
   error: {}

package/dist/cjs/ColorPicker/Picker/Picker.styles.cjs

@@ -29,7 +29,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
     height: "8px",
     boxShadow: `0 0 0 2px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),
             0 0 1px 2px rgba(0,0,0,.4)`,
-    borderRadius: "50%",
+    borderRadius: uikitStyles.theme.radii.full,
     transform: "translate(-3px, -3px)"
   },
   hue: {
@@ -49,7 +49,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
     boxShadow: "0 0 2px rgb(0 0 0 / 60%)",
     marginLeft: "0px",
     border: "2px solid #fff",
-    borderRadius: uikitStyles.theme.radii.circle,
+    borderRadius: uikitStyles.theme.radii.full,
     "&.vertical": {
       transform: "translate(0px, -2px)"
     },

package/dist/cjs/ColorPicker/SavedColors/SavedColors.styles.cjs

@@ -36,7 +36,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
     alignItems: "center",
     height: 16,
     width: 16,
-    background: uikitStyles.theme.colors.atmo1,
+    background: uikitStyles.theme.colors.bgContainer,
     borderRadius: uikitStyles.theme.radii.base
   },
   removeButton: {

package/dist/cjs/DatePicker/DatePicker.styles.cjs

@@ -23,9 +23,8 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDatePicke
   },
   panel: {},
   dropdownHeaderInvalid: {
-    border: `1px solid ${uikitStyles.theme.colors.negative_120}`,
-    "&:hover": {
-      border: `1px solid ${uikitStyles.theme.colors.negative_120}`
+    "&,:hover": {
+      border: `1px solid ${uikitStyles.theme.form.errorColor}`
     }
   },
   dropdownHeaderOpen: {},

package/dist/cjs/Dialog/Actions/Actions.styles.cjs

@@ -7,7 +7,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDialog-Ac
     margin: 0,
     padding: uikitStyles.theme.space.sm,
     backgroundColor: "inherit",
-    borderTop: `3px solid ${uikitStyles.theme.colors.atmo2}`,
+    borderTop: `1px solid ${uikitStyles.theme.colors.border}`,
     height: 65,
     maxHeight: 65
   },

package/dist/cjs/Dialog/Dialog.styles.cjs

@@ -4,12 +4,14 @@ const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDialog", {
   root: {},
-  background: { background: uikitStyles.theme.alpha("atmo4", 0.8) },
+  background: {
+    backgroundColor: uikitStyles.theme.colors.bgOverlay
+  },
   paper: {
-    color: uikitStyles.theme.colors.secondary,
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    color: uikitStyles.theme.colors.text,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     boxShadow: uikitStyles.theme.colors.shadow,
-    borderColor: uikitStyles.theme.colors.atmo4,
+    borderColor: uikitStyles.theme.colors.border,
     borderRadius: uikitStyles.theme.radii.round
   },
   fullscreen: {},

package/dist/cjs/DotPagination/DotPagination.styles.cjs

@@ -15,16 +15,19 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvDotPagina
     height: 16,
     width: 16,
     minWidth: 16,
+    color: "inherit",
     "&:hover": {
-      backgroundColor: uikitStyles.theme.colors.neutral_20,
-      borderRadius: "100%"
+      backgroundColor: uikitStyles.theme.colors.infoDimmed,
+      borderRadius: uikitStyles.theme.radii.full
     }
   },
   icon: {
     minWidth: 0,
     width: 16,
     height: 16,
+    color: "inherit",
     "&& svg": {
+      color: "inherit",
       border: "none",
       width: "unset",
       height: "unset"

package/dist/cjs/Drawer/Drawer.styles.cjs

@@ -5,13 +5,13 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDrawer", {
   root: {},
   paper: {
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     padding: 0,
     overflow: "auto",
     boxShadow: uikitStyles.theme.colors.shadow
   },
   background: {
-    background: uikitStyles.theme.alpha("atmo4", 0.8)
+    backgroundColor: uikitStyles.theme.colors.bgOverlay
   },
   closeButton: {
     position: "absolute",

package/dist/cjs/Dropdown/Dropdown.styles.cjs

@@ -18,17 +18,17 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropdown"
     whiteSpace: "nowrap"
   },
   placeholderClosed: {
-    color: uikitStyles.theme.colors.secondary_80
+    color: uikitStyles.theme.colors.textSubtle
   },
   selectionDisabled: {
     lineHeight: uikitStyles.theme.space.md,
-    color: uikitStyles.theme.colors.secondary_60
+    color: uikitStyles.theme.colors.textDisabled
   },
   dropdown: {
     width: "100%",
     borderRadius: uikitStyles.theme.radii.base,
     "& $dropdownHeaderInvalid": {
-      border: `1px solid ${uikitStyles.theme.colors.negative_120}`
+      border: `1px solid ${uikitStyles.theme.form.errorColor}`
     }
   },
   arrow: {},
@@ -38,12 +38,12 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropdown"
   dropdownListContainer: {},
   rootList: {},
   disabled: {
-    color: uikitStyles.theme.colors.secondary_60
+    color: uikitStyles.theme.colors.textDisabled
   },
   readOnly: {
     "& $dropdownHeader": {
-      border: `1px solid ${uikitStyles.theme.colors.secondary_80}`,
-      backgroundColor: uikitStyles.theme.colors.atmo1
+      border: `1px solid ${uikitStyles.theme.colors.textSubtle}`,
+      backgroundColor: uikitStyles.theme.colors.bgContainer
     }
   }
 });

package/dist/cjs/DropdownButton/DropdownButton.styles.cjs

@@ -5,17 +5,12 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const Button_styles = require("../Button/Button.styles.cjs");
 require("../Button/Button.cjs");
 const disabledStyle = {
-  backgroundColor: uikitStyles.theme.colors.atmo3,
-  borderColor: uikitStyles.theme.colors.atmo3,
-  [`&.${Button_styles.staticClasses.subtle}`]: {
-    backgroundColor: uikitStyles.theme.colors.atmo3,
-    borderColor: uikitStyles.theme.colors.atmo3,
-    "&:hover": { backgroundColor: uikitStyles.theme.colors.atmo3 }
-  },
-  [`&.${Button_styles.staticClasses.ghost}`]: {
-    backgroundColor: uikitStyles.theme.colors.atmo3,
-    borderColor: uikitStyles.theme.colors.atmo3,
-    "&:hover": { backgroundColor: uikitStyles.theme.colors.atmo3 }
+  backgroundColor: uikitStyles.theme.colors.bgDisabled,
+  borderColor: uikitStyles.theme.colors.bgDisabled,
+  [`&.${Button_styles.staticClasses.subtle},&.${Button_styles.staticClasses.ghost}`]: {
+    backgroundColor: uikitStyles.theme.colors.bgDisabled,
+    borderColor: uikitStyles.theme.colors.bgDisabled,
+    "&:hover": { backgroundColor: uikitStyles.theme.colors.bgDisabled }
   }
 };
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropdownButton", {
@@ -37,7 +32,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropdownB
     ...disabledStyle
   },
   open: {
-    backgroundColor: uikitStyles.theme.colors.atmo1
+    backgroundColor: uikitStyles.theme.colors.bgContainer
   },
   openUp: {
     borderRadius: `0px 0px ${uikitStyles.theme.radii.base} ${uikitStyles.theme.radii.base}`

package/dist/cjs/FileUploader/DropZone/DropZone.styles.cjs

@@ -8,15 +8,15 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropZone"
     position: "relative",
     width: "100%",
     display: "flex",
-    border: `1px dashed ${uikitStyles.theme.colors.secondary_60}`,
+    border: `1px dashed ${uikitStyles.theme.colors.textDisabled}`,
     cursor: "pointer",
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     borderRadius: uikitStyles.theme.radii.round,
     "&:hover": {
-      borderColor: uikitStyles.theme.colors.secondary
+      borderColor: uikitStyles.theme.colors.text
     },
     "&:focus-within": {
-      borderColor: uikitStyles.theme.colors.secondary,
+      borderColor: uikitStyles.theme.colors.text,
       ...focusUtils.outlineStyles
     }
   },
@@ -29,12 +29,12 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvDropZone"
     }
   },
   dragAction: {
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     borderColor: uikitStyles.theme.colors.primary
   },
   dropZoneContainerDisabled: {
-    color: uikitStyles.theme.colors.secondary_60,
-    backgroundColor: uikitStyles.theme.colors.atmo3,
+    color: uikitStyles.theme.colors.textDisabled,
+    backgroundColor: uikitStyles.theme.colors.bgDisabled,
     borderColor: "currentcolor",
     cursor: "not-allowed",
     "&:hover": {

package/dist/cjs/FileUploader/FileList/FileList.styles.cjs

@@ -16,9 +16,9 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvFileList"
     position: "relative",
     display: "flex",
     alignItems: "center",
-    background: uikitStyles.theme.colors.atmo1,
+    background: uikitStyles.theme.colors.bgContainer,
     padding: `${uikitStyles.theme.space.xs} 0px`,
-    border: `1px solid ${uikitStyles.theme.colors.atmo4}`,
+    border: `1px solid ${uikitStyles.theme.colors.border}`,
     borderRadius: `0px 0px ${uikitStyles.theme.radii.round} ${uikitStyles.theme.radii.round}`
   }
 });

package/dist/cjs/FileUploader/Preview/Preview.styles.cjs

@@ -19,7 +19,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses(
       display: "none",
       justifyContent: "center",
       alignItems: "center",
-      backgroundColor: uikitStyles.theme.colors.primary_20,
+      backgroundColor: uikitStyles.theme.colors.primaryDimmed,
       opacity: "1",
       borderRadius: uikitStyles.theme.radii.base
     }

package/dist/cjs/FilterGroup/FilterContent/FilterContent.styles.cjs

@@ -31,7 +31,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
     verticalAlign: "top",
     overflow: "visible",
     boxShadow: "none",
-    borderLeft: `1px solid ${uikitStyles.theme.colors.atmo3}`
+    borderLeft: `1px solid ${uikitStyles.theme.colors.bgPageSecondary}`
   },
   leftSidePanel: {
     display: "inline-block",

package/dist/cjs/Footer/Footer.styles.cjs

@@ -11,8 +11,8 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvFooter",
     height: 40,
     bottom: 0,
     zIndex: uikitStyles.theme.zIndices.base,
-    backgroundColor: uikitStyles.theme.colors.atmo1,
-    boxShadow: `0 -1px 0 ${uikitStyles.theme.colors.atmo4}`
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
+    boxShadow: `0 -1px 0 ${uikitStyles.theme.colors.border}`
   },
   name: {},
   rightContainer: {
@@ -25,7 +25,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvFooter",
   separator: {
     width: 1,
     height: 16,
-    backgroundColor: uikitStyles.theme.colors.secondary,
+    backgroundColor: uikitStyles.theme.colors.text,
     margin: `${uikitStyles.theme.space.xs} ${uikitStyles.theme.space.sm}`
   },
   small: {

package/dist/cjs/FormElement/Adornment/Adornment.styles.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvAdornment", {
   root: {
     width: 32,
@@ -16,9 +15,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvAdornment
   hideIcon: { display: "none" },
   /** @deprecated use `classes.root` */
   adornmentButton: {},
-  disabled: {
-    "& svg *.color0": { fill: uikitStyles.theme.colors.secondary_60 }
-  }
+  disabled: {}
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;

package/dist/cjs/FormElement/CharCounter/CharCounter.styles.cjs

@@ -4,7 +4,7 @@ const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCharCounter", {
   root: { display: "inline-block", float: "right" },
-  counterDisabled: { color: uikitStyles.theme.colors.secondary_60 },
+  counterDisabled: { color: uikitStyles.theme.colors.textDisabled },
   gutter: { paddingLeft: "6px" },
   overloaded: { color: uikitStyles.theme.colors.negative }
 });

package/dist/cjs/FormElement/InfoMessage/InfoMessage.styles.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInfoMessage", {
-  root: { color: uikitStyles.theme.colors.secondary_80, display: "inline-block" },
-  infoDisabled: { color: uikitStyles.theme.colors.secondary_60 },
+  root: { color: uikitStyles.theme.colors.textSubtle, display: "inline-block" },
+  infoDisabled: { color: uikitStyles.theme.colors.textDisabled },
   gutter: { padding: `0 0 6px ${uikitStyles.theme.space.xs}` }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/FormElement/Label/Label.styles.cjs

@@ -4,7 +4,7 @@ const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvLabel", {
   root: { fontWeight: uikitStyles.theme.fontWeights.normal, display: "inline-block" },
-  labelDisabled: { color: uikitStyles.theme.colors.secondary_60 },
+  labelDisabled: { color: uikitStyles.theme.colors.textDisabled },
   childGutter: { paddingBottom: 4 }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/FormElement/Suggestions/Suggestions.styles.cjs

@@ -5,8 +5,8 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSuggestions", {
   root: { position: "relative" },
   list: {
-    backgroundColor: uikitStyles.theme.colors.atmo1,
-    border: `1px solid ${uikitStyles.theme.colors.secondary}`,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
+    border: `1px solid ${uikitStyles.theme.colors.text}`,
     boxShadow: uikitStyles.theme.colors.shadow,
     padding: uikitStyles.theme.space.xs,
     width: "100%"

package/dist/cjs/FormElement/WarningText/WarningText.styles.cjs

@@ -5,7 +5,7 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvWarningText", {
   root: {
     display: "none",
-    color: uikitStyles.theme.colors.negative_120
+    color: uikitStyles.theme.form.errorColor
   },
   defaultIcon: { minWidth: "24px", width: "24px", height: "24px" },
   warningText: {

package/dist/cjs/GlobalActions/GlobalActions.styles.cjs

@@ -25,13 +25,13 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvGlobalAct
       display: "flex",
       position: "absolute",
       inset: 0,
-      background: uikitStyles.theme.colors.atmo2,
+      background: uikitStyles.theme.colors.bgPage,
       opacity: "75%"
     },
     "& $wrapper": {
       top: 0,
       left: 0,
-      backgroundColor: uikitStyles.theme.colors.atmo1,
+      backgroundColor: uikitStyles.theme.colors.bgContainer,
       width: "100%",
       borderWidth: 1,
       borderRadius: uikitStyles.theme.radii.round
@@ -50,7 +50,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvGlobalAct
     justifyContent: "flex-start",
     alignItems: "center",
     gap: uikitStyles.theme.space.xs,
-    borderColor: uikitStyles.theme.colors.atmo4,
+    borderColor: uikitStyles.theme.colors.border,
     paddingLeft: uikitStyles.theme.space.sm
   },
   /** @deprecated use classes.global $wrapper */

package/dist/cjs/Header/Actions/Actions.styles.cjs

@@ -12,7 +12,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader-Ac
     alignItems: "center",
     marginLeft: "auto",
     [`& .${Button_styles.staticClasses?.root}`]: {
-      "&:hover": { backgroundColor: uikitStyles.theme.colors.containerBackgroundHover }
+      "&:hover": { backgroundColor: uikitStyles.theme.colors.bgHover }
     }
   }
 });

package/dist/cjs/Header/Brand/Brand.styles.cjs

@@ -8,7 +8,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader-Br
     width: 1,
     height: uikitStyles.theme.space.sm,
     margin: uikitStyles.theme.space.xs,
-    backgroundColor: uikitStyles.theme.colors.secondary
+    backgroundColor: uikitStyles.theme.colors.text
   },
   brandName: {}
 });

package/dist/cjs/Header/Header.styles.cjs

@@ -5,7 +5,7 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader", {
   root: {
     height: uikitStyles.theme.header.height,
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     display: "flex",
     flexDirection: "column",
     width: "100%",

package/dist/cjs/Header/Navigation/MenuBar/Bar.styles.cjs

@@ -7,7 +7,7 @@ const show = {
   transition: ["top"],
   boxShadow: uikitStyles.theme.colors.shadow,
   transitionDuration: "500ms",
-  backgroundColor: uikitStyles.theme.colors.atmo2
+  backgroundColor: uikitStyles.theme.colors.bgPage
 };
 const hide = {
   top: 0,
@@ -28,14 +28,14 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader-Me
     position: "absolute",
     zIndex: -2,
     height: uikitStyles.theme.header.secondLevelHeight,
-    backgroundColor: uikitStyles.theme.colors.atmo2,
+    backgroundColor: uikitStyles.theme.colors.bgPage,
     "& li > div": {
       marginTop: 0
     }
   },
   menubar: {
     position: "relative",
-    backgroundColor: uikitStyles.theme.colors.atmo1
+    backgroundColor: uikitStyles.theme.colors.bgContainer
   },
   hidden: { ...hide },
   active: { ...show },

package/dist/cjs/Header/Navigation/MenuItem/MenuItem.styles.cjs

@@ -47,14 +47,14 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses(
       height: "100%",
       borderBottom: "4px solid transparent",
       ":hover, :focus-within": {
-        backgroundColor: uikitStyles.theme.colors.containerBackgroundHover
+        backgroundColor: uikitStyles.theme.colors.bgHover
       }
     },
     menu: {},
     menubar: {},
     selected: {
-      borderColor: uikitStyles.theme.colors.secondary,
-      color: uikitStyles.theme.colors.secondary
+      color: uikitStyles.theme.colors.text,
+      borderColor: "currentcolor"
     },
     item,
     link: {

package/dist/cjs/IconContainer/IconContainer.cjs

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvIconContainer", {
+  root: {
+    display: "inline-flex",
+    flex: "0 0 auto",
+    // ensure icon doesn't flex grow/shrink
+    fontSize: `var(--icsize, 16px)`,
+    // default size of 16px
+    transition: "rotate 0.2s ease",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 8
+    // default padding
+    // we're assuming svg children inherits from text color and size
+  },
+  xs: {
+    fontSize: 12,
+    padding: 10
+  },
+  sm: {
+    fontSize: 16
+  },
+  md: {
+    fontSize: 32
+  },
+  lg: {
+    fontSize: 96
+  },
+  xl: {
+    fontSize: 112
+  }
+});
+const HvIconContainer = React.forwardRef(function HvIconContainer2(props, ref) {
+  const {
+    className,
+    classes: classesProp,
+    style,
+    color,
+    size: sizeProp = "S",
+    rotate,
+    children,
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvIconContainer", props);
+  const { cx, classes } = useClasses(classesProp);
+  const size = mapSizes(sizeProp);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cx(classes.root, className, {
+        [classes[size]]: size
+      }),
+      style: uikitReactUtils.mergeStyles(style, {
+        color: uikitStyles.getColor(color),
+        rotate: rotate ? "180deg" : void 0,
+        ...style
+      }),
+      ...others,
+      children
+    }
+  );
+});
+function mapSizes(size) {
+  if (typeof size === "number") return void 0;
+  const iconSizeMap = {
+    XS: "xs",
+    S: "sm",
+    M: "md",
+    L: "lg"
+  };
+  return iconSizeMap[size] || size;
+}
+exports.HvIconContainer = HvIconContainer;
+exports.iconContainerClasses = staticClasses;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;

package/dist/cjs/InlineEditor/InlineEditor.cjs

@@ -103,7 +103,7 @@ const HvInlineEditor = generic.fixedForwardRef(function HvInlineEditor2(props, r
       endIcon: /* @__PURE__ */ jsxRuntime.jsx(
         uikitReactIcons.Edit,
         {
-          color: "secondary_60",
+          color: "textDisabled",
           className: cx(classes.icon, {
             [classes.iconVisible]: showIcon
           })

package/dist/cjs/InlineEditor/InlineEditor.styles.cjs

@@ -14,7 +14,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInlineEdi
   text: {},
   largeText: {},
   textEmpty: {
-    color: uikitStyles.theme.colors.secondary_60
+    color: uikitStyles.theme.colors.textDisabled
   },
   button: {
     padding: uikitStyles.theme.spacing("6px", "8px", "5px", "8px"),
@@ -27,17 +27,17 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInlineEdi
     justifyContent: "start",
     textAlign: "start",
     alignItems: "center",
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     borderColor: "transparent",
     "&:hover, &:focus": {
       borderColor: uikitStyles.theme.colors.primary,
-      backgroundColor: uikitStyles.theme.colors.atmo1,
+      backgroundColor: uikitStyles.theme.colors.bgContainer,
       "& $icon": {
         visibility: "visible"
       }
     },
     "&:active": {
-      borderColor: uikitStyles.theme.colors.secondary,
+      borderColor: uikitStyles.theme.colors.text,
       backgroundColor: "transparent",
       "& $icon": {
         visibility: "visible"

package/dist/cjs/Input/Input.styles.cjs

@@ -33,8 +33,8 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInput", {
   },
   inputExtension: {
     height: uikitStyles.theme.space.xs,
-    backgroundColor: uikitStyles.theme.colors.atmo1,
-    boxShadow: `0px 8px 0px ${uikitStyles.theme.colors.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
+    boxShadow: `0px 8px 0px ${uikitStyles.theme.colors.bgContainer}, 0px 0px 9px 0px rgba(65,65,65,.12)`
   },
   input: {},
   inputRoot: {

package/dist/cjs/List/List.styles.cjs

@@ -26,7 +26,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvList", {
   item: {},
   itemSelector: {
     "&:not(:hover):not(.HvIsFocused):not(:focus-within)": {
-      backgroundColor: uikitStyles.theme.colors.containerBackgroundHover
+      backgroundColor: uikitStyles.theme.colors.bgHover
     }
   },
   link: {