@redis-ui/components 43.0.2 → 44.0.1

package/dist/Stepper/components/Step/components/Separator/Separator.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const Separator_style = require("./Separator.style.cjs");
+const Separator = ({
+  state,
+  ...restProps
+}) => {
+  return jsxRuntime.jsxRuntimeExports.jsx(Separator_style.Separator, {
+    ...restProps,
+    "data-state": state,
+    "aria-hidden": true
+  });
+};
+exports.default = Separator;

package/dist/Stepper/components/Step/components/Separator/Separator.d.ts

@@ -0,0 +1,3 @@
+import { SeparatorProps } from './Separator.types';
+declare const Separator: ({ state, ...restProps }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export default Separator;

package/dist/Stepper/components/Step/components/Separator/Separator.js

@@ -0,0 +1,15 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { Separator as Separator$1 } from "./Separator.style.js";
+const Separator = ({
+  state,
+  ...restProps
+}) => {
+  return jsxRuntimeExports.jsx(Separator$1, {
+    ...restProps,
+    "data-state": state,
+    "aria-hidden": true
+  });
+};
+export {
+  Separator as default
+};

package/dist/Stepper/components/Step/components/Separator/Separator.style.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const Step_types = require("../../Step.types.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const Separator = _styled__default.default.div.withConfig({
+  displayName: "Separatorstyle__Separator",
+  componentId: "RedisUI__sc-89iwun-0"
+})(["width:1.6rem;height:", ";transition:background-color 0.3s ease;", ""], () => redisUiStyles.useTheme().components.stepper.step.separator.height, () => {
+  const {
+    states
+  } = redisUiStyles.useTheme().components.stepper.step;
+  return Object.values(Step_types.StepperStepState).map((state) => {
+    const theme = states[state].separator;
+    return _styled.css`
+        &[data-state='${state}'] {
+          background-color: ${theme.bgColor};
+        }
+      `;
+  });
+});
+exports.Separator = Separator;

package/dist/Stepper/components/Step/components/Separator/Separator.style.d.ts

@@ -0,0 +1 @@
+export declare const Separator: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Stepper/components/Step/components/Separator/Separator.style.js

@@ -0,0 +1,22 @@
+import _styled, { css } from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+import { StepperStepState } from "../../Step.types.js";
+const Separator = _styled.div.withConfig({
+  displayName: "Separatorstyle__Separator",
+  componentId: "RedisUI__sc-89iwun-0"
+})(["width:1.6rem;height:", ";transition:background-color 0.3s ease;", ""], () => useTheme().components.stepper.step.separator.height, () => {
+  const {
+    states
+  } = useTheme().components.stepper.step;
+  return Object.values(StepperStepState).map((state) => {
+    const theme = states[state].separator;
+    return css`
+        &[data-state='${state}'] {
+          background-color: ${theme.bgColor};
+        }
+      `;
+  });
+});
+export {
+  Separator
+};

package/dist/Stepper/components/Step/components/Separator/Separator.types.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+import { StepperStepStateType } from '../../Step.types';
+export interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    state?: StepperStepStateType;
+}

package/dist/Switch/components/Switcher/Switcher.style.cjs

@@ -110,6 +110,9 @@ const SwitcherCompose = _styled__default.default(index.Root).attrs(() => {
       border-radius: ${style.borderRadius};
       padding: 0;
       transition: all 0.3s ease, outline-offset 0ms, outline 0ms;
+      @media (prefers-reduced-motion: reduce) {
+        transition: none;
+      }
       cursor: pointer;
       overflow: hidden;
       ${redisUiStyles.getFocusStyle()};

package/dist/Switch/components/Switcher/Switcher.style.js

@@ -106,6 +106,9 @@ const SwitcherCompose = _styled(Root).attrs(() => {
       border-radius: ${style.borderRadius};
       padding: 0;
       transition: all 0.3s ease, outline-offset 0ms, outline 0ms;
+      @media (prefers-reduced-motion: reduce) {
+        transition: none;
+      }
       cursor: pointer;
       overflow: hidden;
       ${getFocusStyle()};

package/dist/ThemeModeSwitch/ThemeModeSwitch.style.cjs

@@ -7,7 +7,7 @@ const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const ThemeModeSwitch = _styled__default.default.button.withConfig({
   displayName: "ThemeModeSwitchstyle__ThemeModeSwitch",
   componentId: "RedisUI__sc-6b0pvc-0"
-})(["all:unset;cursor:pointer;box-sizing:border-box;transition:all ", "ms ease,outline 0ms,outline-offset 0ms;&[data-mounting]{transition:none;}", " ", ""], ({
+})(["all:unset;cursor:pointer;box-sizing:border-box;transition:all ", "ms ease,outline 0ms,outline-offset 0ms;&[data-mounting]{transition:none;}@media (prefers-reduced-motion:reduce){transition:none;}", " ", ""], ({
   $durationMs
 }) => $durationMs, () => {
   const theme = redisUiStyles.useTheme().components.themeModeSwitch;

package/dist/ThemeModeSwitch/ThemeModeSwitch.style.js

@@ -3,7 +3,7 @@ import { useTheme, getFocusStyle } from "@redislabsdev/redis-ui-styles";
 const ThemeModeSwitch = _styled.button.withConfig({
   displayName: "ThemeModeSwitchstyle__ThemeModeSwitch",
   componentId: "RedisUI__sc-6b0pvc-0"
-})(["all:unset;cursor:pointer;box-sizing:border-box;transition:all ", "ms ease,outline 0ms,outline-offset 0ms;&[data-mounting]{transition:none;}", " ", ""], ({
+})(["all:unset;cursor:pointer;box-sizing:border-box;transition:all ", "ms ease,outline 0ms,outline-offset 0ms;&[data-mounting]{transition:none;}@media (prefers-reduced-motion:reduce){transition:none;}", " ", ""], ({
   $durationMs
 }) => $durationMs, () => {
   const theme = useTheme().components.themeModeSwitch;

package/dist/Toast/Toaster.cjs

@@ -2,11 +2,37 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("../node_modules/react/jsx-runtime.cjs");
 const React = require("react");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const ReducedMotionTransition = require("./components/ReducedMotionTransition/ReducedMotionTransition.cjs");
 const Toaster_style = require("./Toaster.style.cjs");
-const Toaster = React.forwardRef((props, ref) => jsxRuntime.jsxRuntimeExports.jsx(Toaster_style.ToasterContainer, {
-  ref,
-  ...props
-}));
+const getReducedMotionStyle = (style, autoClose) => {
+  if (typeof autoClose !== "number") {
+    return style;
+  }
+  return {
+    ...style,
+    "--redis-ui-toast-progress-duration": `${autoClose}ms`
+  };
+};
+const Toaster = React.forwardRef((props, ref) => {
+  const {
+    autoClose,
+    style,
+    ...restProps
+  } = props;
+  const prefersReducedMotion = redisUiStyles.usePrefersReducedMotion();
+  const reducedMotionProps = prefersReducedMotion ? {
+    transition: ReducedMotionTransition.default,
+    style: getReducedMotionStyle(style, autoClose)
+  } : void 0;
+  return jsxRuntime.jsxRuntimeExports.jsx(Toaster_style.ToasterContainer, {
+    ref,
+    autoClose,
+    style: prefersReducedMotion ? void 0 : style,
+    ...restProps,
+    ...reducedMotionProps
+  });
+});
 Toaster.displayName = "Toaster";
 const Toaster$1 = Toaster;
 exports.default = Toaster$1;

package/dist/Toast/Toaster.js

@@ -1,10 +1,36 @@
 import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
 import { forwardRef } from "react";
+import { usePrefersReducedMotion } from "@redislabsdev/redis-ui-styles";
+import ReducedMotionTransition from "./components/ReducedMotionTransition/ReducedMotionTransition.js";
 import { ToasterContainer } from "./Toaster.style.js";
-const Toaster = forwardRef((props, ref) => jsxRuntimeExports.jsx(ToasterContainer, {
-  ref,
-  ...props
-}));
+const getReducedMotionStyle = (style, autoClose) => {
+  if (typeof autoClose !== "number") {
+    return style;
+  }
+  return {
+    ...style,
+    "--redis-ui-toast-progress-duration": `${autoClose}ms`
+  };
+};
+const Toaster = forwardRef((props, ref) => {
+  const {
+    autoClose,
+    style,
+    ...restProps
+  } = props;
+  const prefersReducedMotion = usePrefersReducedMotion();
+  const reducedMotionProps = prefersReducedMotion ? {
+    transition: ReducedMotionTransition,
+    style: getReducedMotionStyle(style, autoClose)
+  } : void 0;
+  return jsxRuntimeExports.jsx(ToasterContainer, {
+    ref,
+    autoClose,
+    style: prefersReducedMotion ? void 0 : style,
+    ...restProps,
+    ...reducedMotionProps
+  });
+});
 Toaster.displayName = "Toaster";
 const Toaster$1 = Toaster;
 export {

package/dist/Toast/Toaster.style.cjs

@@ -9,5 +9,5 @@ const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const ToasterContainer = _styled__default.default(reactToastify_esm.ToastContainer).withConfig({
   displayName: "Toasterstyle__ToasterContainer",
   componentId: "RedisUI__sc-zfvdgq-0"
-})(["--toastify-toast-min-height:auto;--toastify-toast-width:auto;--toastify-font-family:inherit;& .Toastify__toast,& .Toastify__toast-body{padding:0;margin-bottom:", ";overflow:visible;background:none;color:black;box-shadow:none;}& .Toastify__toast-body{margin:0;}& .Toastify__progress-bar{visibility:hidden !important;}& .Toastify__close-button{display:none;}"], () => redisUiStyles.useTheme().components.toast.toaster.gap);
+})(["--toastify-toast-min-height:auto;--toastify-toast-width:auto;--toastify-font-family:inherit;@media (prefers-reduced-motion:reduce){& .Toastify__progress-bar--animated{animation-duration:var(--redis-ui-toast-progress-duration,0.01ms) !important;}}& .Toastify__toast,& .Toastify__toast-body{padding:0;margin-bottom:", ";overflow:visible;background:none;color:black;box-shadow:none;}& .Toastify__toast-body{margin:0;}& .Toastify__progress-bar{visibility:hidden !important;}& .Toastify__close-button{display:none;}"], () => redisUiStyles.useTheme().components.toast.toaster.gap);
 exports.ToasterContainer = ToasterContainer;

package/dist/Toast/Toaster.style.js

@@ -5,7 +5,7 @@ import { useTheme } from "@redislabsdev/redis-ui-styles";
 const ToasterContainer = _styled(Q).withConfig({
   displayName: "Toasterstyle__ToasterContainer",
   componentId: "RedisUI__sc-zfvdgq-0"
-})(["--toastify-toast-min-height:auto;--toastify-toast-width:auto;--toastify-font-family:inherit;& .Toastify__toast,& .Toastify__toast-body{padding:0;margin-bottom:", ";overflow:visible;background:none;color:black;box-shadow:none;}& .Toastify__toast-body{margin:0;}& .Toastify__progress-bar{visibility:hidden !important;}& .Toastify__close-button{display:none;}"], () => useTheme().components.toast.toaster.gap);
+})(["--toastify-toast-min-height:auto;--toastify-toast-width:auto;--toastify-font-family:inherit;@media (prefers-reduced-motion:reduce){& .Toastify__progress-bar--animated{animation-duration:var(--redis-ui-toast-progress-duration,0.01ms) !important;}}& .Toastify__toast,& .Toastify__toast-body{padding:0;margin-bottom:", ";overflow:visible;background:none;color:black;box-shadow:none;}& .Toastify__toast-body{margin:0;}& .Toastify__progress-bar{visibility:hidden !important;}& .Toastify__close-button{display:none;}"], () => useTheme().components.toast.toaster.gap);
 export {
   ToasterContainer
 };

package/dist/Toast/components/ReducedMotionTransition/ReducedMotionTransition.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const React = require("react");
+const ReducedMotionTransition = ({
+  children,
+  done,
+  isIn,
+  playToast
+}) => {
+  React.useLayoutEffect(() => {
+    if (isIn) {
+      playToast();
+      return;
+    }
+    done();
+  }, [done, isIn, playToast]);
+  return jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
+    children
+  });
+};
+exports.default = ReducedMotionTransition;

package/dist/Toast/components/ReducedMotionTransition/ReducedMotionTransition.d.ts

@@ -0,0 +1,3 @@
+import type { ToastTransitionProps } from 'react-toastify';
+declare const ReducedMotionTransition: ({ children, done, isIn, playToast }: ToastTransitionProps) => import("react/jsx-runtime").JSX.Element;
+export default ReducedMotionTransition;

package/dist/Toast/components/ReducedMotionTransition/ReducedMotionTransition.js

@@ -0,0 +1,22 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { useLayoutEffect } from "react";
+const ReducedMotionTransition = ({
+  children,
+  done,
+  isIn,
+  playToast
+}) => {
+  useLayoutEffect(() => {
+    if (isIn) {
+      playToast();
+      return;
+    }
+    done();
+  }, [done, isIn, playToast]);
+  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+    children
+  });
+};
+export {
+  ReducedMotionTransition as default
+};

package/dist/Toast/core/mapping.helpers.cjs

@@ -1,6 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const reactToastify_esm = require("../../packages/components/node_modules/react-toastify/dist/react-toastify.esm.cjs");
+const getProgressDurationStyle = (autoClose) => {
+  if (typeof autoClose !== "number") {
+    return void 0;
+  }
+  return {
+    "--redis-ui-toast-progress-duration": `${autoClose}ms`
+  };
+};
 const extractContextProps = (props) => ({
   variant: "informative",
   liveRole: "alert",
@@ -22,6 +30,7 @@ const cleanupOptions = (options) => ({
   // use dummy theme (later custom themes can be used)
   role: "group",
   // mark main container as group
+  progressStyle: getProgressDurationStyle(options == null ? void 0 : options.autoClose),
   ...(options == null ? void 0 : options.role) ? {
     liveRole: options == null ? void 0 : options.role
   } : {}

package/dist/Toast/core/mapping.helpers.js

@@ -1,4 +1,12 @@
 import { toast as B } from "../../packages/components/node_modules/react-toastify/dist/react-toastify.esm.js";
+const getProgressDurationStyle = (autoClose) => {
+  if (typeof autoClose !== "number") {
+    return void 0;
+  }
+  return {
+    "--redis-ui-toast-progress-duration": `${autoClose}ms`
+  };
+};
 const extractContextProps = (props) => ({
   variant: "informative",
   liveRole: "alert",
@@ -20,6 +28,7 @@ const cleanupOptions = (options) => ({
   // use dummy theme (later custom themes can be used)
   role: "group",
   // mark main container as group
+  progressStyle: getProgressDurationStyle(options == null ? void 0 : options.autoClose),
   ...(options == null ? void 0 : options.role) ? {
     liveRole: options == null ? void 0 : options.role
   } : {}

package/dist/index.cjs

@@ -1134,6 +1134,8 @@ const SelfContained = require("./Helpers/SelfContained.cjs");
 const RestylableElement = require("./Helpers/RestylableElement.cjs");
 const Popper_context = require("./Helpers/contexts/Popper/Popper.context.cjs");
 const useScrollable = require("./Helpers/hooks/useScrollable.cjs");
+const HighlightedIcon = require("./HighlightedIcon/HighlightedIcon.cjs");
+const HighlightedIcon_style = require("./HighlightedIcon/HighlightedIcon.style.cjs");
 const Input = require("./Inputs/Input/Input.cjs");
 const NumericInput = require("./Inputs/NumericInput/NumericInput.cjs");
 const PasswordInput = require("./Inputs/PasswordInput/PasswordInput.cjs");
@@ -1257,6 +1259,8 @@ exports.RestylableElement = RestylableElement.RestylableElement;
 exports.PopperProvider = Popper_context.PopperProvider;
 exports.usePopperContext = Popper_context.usePopperContext;
 exports.useScrollable = useScrollable.useScrollable;
+exports.HighlightedIcon = HighlightedIcon.default;
+exports.HighlightedIconStyles = HighlightedIcon_style;
 exports.Input = Input.default;
 exports.NumericInput = NumericInput.default;
 exports.PasswordInput = PasswordInput.default;

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export * from './DatePicker';
 export * from './Drawer';
 export * from './Filters';
 export * from './Helpers';
+export * from './HighlightedIcon';
 export * from './Inputs';
 export * from './FormField';
 export * from './KeyValueList';

package/dist/index.js

@@ -1132,66 +1132,68 @@ import { SelfContained } from "./Helpers/SelfContained.js";
 import { RestylableElement } from "./Helpers/RestylableElement.js";
 import { PopperProvider, usePopperContext } from "./Helpers/contexts/Popper/Popper.context.js";
 import { useScrollable } from "./Helpers/hooks/useScrollable.js";
-import { default as default26 } from "./Inputs/Input/Input.js";
-import { default as default27 } from "./Inputs/NumericInput/NumericInput.js";
-import { default as default28 } from "./Inputs/PasswordInput/PasswordInput.js";
-import { default as default29 } from "./Inputs/SearchInput/SearchInput.js";
-import { default as default30 } from "./Inputs/TextArea/TextArea.js";
-import { default as default31 } from "./Inputs/QuantityCounter/QuantityCounter.js";
+import { default as default26 } from "./HighlightedIcon/HighlightedIcon.js";
+import * as HighlightedIcon_style from "./HighlightedIcon/HighlightedIcon.style.js";
+import { default as default27 } from "./Inputs/Input/Input.js";
+import { default as default28 } from "./Inputs/NumericInput/NumericInput.js";
+import { default as default29 } from "./Inputs/PasswordInput/PasswordInput.js";
+import { default as default30 } from "./Inputs/SearchInput/SearchInput.js";
+import { default as default31 } from "./Inputs/TextArea/TextArea.js";
+import { default as default32 } from "./Inputs/QuantityCounter/QuantityCounter.js";
 import { getClosestDivisibleNumber } from "./Inputs/hooks/numericInput/numericInput.utils.js";
 import { ContextProvider, useInputValueApi, useInputValueProps } from "./Inputs/components/Context/InputValue.context.js";
 import { ErrorContentProvider, FieldDisabledProvider, FieldDisabledTransProvider, useErrorContent, useFieldDisabled } from "./Inputs/components/Context/Field.context.js";
-import { default as default32 } from "./FormField/FormField.js";
+import { default as default33 } from "./FormField/FormField.js";
 import { FieldAdditionTextIdProvider, FieldAdditionTextIdTransProvider, FieldReadonlyProvider, FieldReadonlyTransProvider, FieldRequiredProvider, FieldRequiredTransProvider, FieldStatusProvider, FieldStatusTransProvider, useFieldAdditionTextId, useFieldReadonly, useFieldRequired, useFieldStatus } from "./FormField/FormField.context.js";
 import { KeyValueList } from "./KeyValueList/KeyValueList.js";
 import { useKeyValueList } from "./KeyValueList/hooks/useKeyValueList.js";
-import { default as default33 } from "./Label/Label.js";
+import { default as default34 } from "./Label/Label.js";
 import { FlexItem } from "./Layouts/FlexItem/FlexItem.js";
 import { FlexGroup } from "./Layouts/FlexGroup/FlexGroup.js";
 import { FlexSplit } from "./Layouts/FlexSplit/FlexSplit.js";
 import { FlexDivider } from "./Layouts/FlexDivider/FlexDivider.js";
-import { default as default34 } from "./Link/Link.js";
+import { default as default35 } from "./Link/Link.js";
 import { LinkStyler } from "./Link/LinkStyler/LinkStyler.js";
-import { default as default35 } from "./Loader/Loader.js";
-import { default as default36 } from "./Menu/Menu.js";
-import { default as default37 } from "./MidBar/MidBar.js";
-import { default as default38 } from "./Modal/Modal.js";
-import { default as default39 } from "./MoreInfoIcon/MoreInfoIcon.js";
-import { default as default40 } from "./MultiSelect/MultiSelect.js";
+import { default as default36 } from "./Loader/Loader.js";
+import { default as default37 } from "./Menu/Menu.js";
+import { default as default38 } from "./MidBar/MidBar.js";
+import { default as default39 } from "./Modal/Modal.js";
+import { default as default40 } from "./MoreInfoIcon/MoreInfoIcon.js";
+import { default as default41 } from "./MultiSelect/MultiSelect.js";
 import { useMultiSelectContext } from "./MultiSelect/components/Context/Context.js";
 import { Overflow } from "./Overflow/Overflow.js";
 import { usePaginationContext } from "./Pagination/Pagination.context.js";
 import { Pagination } from "./Pagination/Pagination.js";
-import { default as default41 } from "./Popover/Popover.js";
-import { default as default42 } from "./RadioGroup/RadioGroup.js";
+import { default as default42 } from "./Popover/Popover.js";
+import { default as default43 } from "./RadioGroup/RadioGroup.js";
 import { ScreenReaderAnnounce } from "./ScreenReaderAnnounce/ScreenReaderAnnounce.js";
-import { default as default43 } from "./SearchBar/SearchBar.js";
-import { default as default44 } from "./Section/Section.js";
-import { default as default45 } from "./Section/components/Header/components/CategoryValueList/CategoryValueList.js";
-import { default as default46 } from "./Select/Select.js";
+import { default as default44 } from "./SearchBar/SearchBar.js";
+import { default as default45 } from "./Section/Section.js";
+import { default as default46 } from "./Section/components/Header/components/CategoryValueList/CategoryValueList.js";
+import { default as default47 } from "./Select/Select.js";
 import { useSelectContext } from "./Select/components/Context/Context.js";
-import { default as default47 } from "./SideBar/SideBar.js";
-import { default as default48 } from "./Skeleton/Skeleton.js";
-import { default as default49 } from "./Stepper/Stepper.js";
+import { default as default48 } from "./SideBar/SideBar.js";
+import { default as default49 } from "./Skeleton/Skeleton.js";
+import { default as default50 } from "./Stepper/Stepper.js";
 import { StepperStepState } from "./Stepper/components/Step/Step.types.js";
-import { default as default50 } from "./Switch/Switch.js";
-import { default as default51 } from "./TableHeading/TableHeading.js";
-import { default as default52 } from "./Tabs/Tabs.js";
+import { default as default51 } from "./Switch/Switch.js";
+import { default as default52 } from "./TableHeading/TableHeading.js";
+import { default as default53 } from "./Tabs/Tabs.js";
 import { ThemeModeSwitch } from "./ThemeModeSwitch/ThemeModeSwitch.js";
 import { useThemeModeSwitch } from "./ThemeModeSwitch/useThemeModeSwitch.js";
 import { useToastParams } from "./Toast/core/context.js";
-import { default as default53 } from "./Toast/Toast.js";
-import { default as default54 } from "./Toast/Toaster.js";
+import { default as default54 } from "./Toast/Toast.js";
+import { default as default55 } from "./Toast/Toaster.js";
 import { toast } from "./Toast/core/core.js";
-import { default as default55 } from "./Tooltip/Tooltip.js";
-import { default as default56 } from "./Tooltip/Provider/Provider.js";
-import { default as default57 } from "./Tooltip/components/TooltipCard/TooltipCard.js";
-import { default as default58 } from "./TreeView/TreeView.js";
-import { default as default59 } from "./Typography/Typography.js";
+import { default as default56 } from "./Tooltip/Tooltip.js";
+import { default as default57 } from "./Tooltip/Provider/Provider.js";
+import { default as default58 } from "./Tooltip/components/TooltipCard/TooltipCard.js";
+import { default as default59 } from "./TreeView/TreeView.js";
+import { default as default60 } from "./Typography/Typography.js";
 import { useEllipsisTooltip } from "./Typography/hooks/useEllipsisTooltip.js";
 import { typographyColors } from "./Typography/Typography.types.js";
 import { ProgressBar } from "./ProgressBar/ProgressBar.js";
-import { default as default60 } from "./ProfileIcon/ProfileIcon.js";
+import { default as default61 } from "./ProfileIcon/ProfileIcon.js";
 import * as ProfileIcon_style from "./ProfileIcon/ProfileIcon.style.js";
 import { Slider } from "./Slider/Slider.js";
 export {
@@ -1211,7 +1213,7 @@ export {
   Button_style as ButtonStyles,
   IconButton_style as ButtonWithIconStyles,
   default17 as Card,
-  default45 as CategoryValueList,
+  default46 as CategoryValueList,
   default18 as Checkbox,
   default19 as Chip,
   ChipContainer,
@@ -1237,62 +1239,64 @@ export {
   FlexGroup,
   FlexItem,
   FlexSplit,
-  default32 as FormField,
+  default33 as FormField,
+  default26 as HighlightedIcon,
+  HighlightedIcon_style as HighlightedIconStyles,
   default12 as IconButton,
-  default26 as Input,
+  default27 as Input,
   KeyValueList,
-  default33 as Label,
-  default34 as Link,
+  default34 as Label,
+  default35 as Link,
   LinkStyler,
-  default35 as Loader,
-  default36 as Menu,
-  default37 as MidBar,
-  default38 as Modal,
-  default39 as MoreInfoIcon,
+  default36 as Loader,
+  default37 as Menu,
+  default38 as MidBar,
+  default39 as Modal,
+  default40 as MoreInfoIcon,
   default9 as MultiBoxSelectionGroup,
-  default40 as MultiSelect,
-  default27 as NumericInput,
+  default41 as MultiSelect,
+  default28 as NumericInput,
   Overflow,
   Pagination,
-  default28 as PasswordInput,
-  default41 as Popover,
+  default29 as PasswordInput,
+  default42 as Popover,
   PopperProvider,
-  default60 as ProfileIcon,
+  default61 as ProfileIcon,
   ProfileIcon_style as ProfileIconStyles,
   ProgressBar,
-  default31 as QuantityCounter,
-  default42 as RadioGroup,
+  default32 as QuantityCounter,
+  default43 as RadioGroup,
   default23 as RangeDatePicker,
   RestylableElement,
   ScreenReaderAnnounce,
-  default43 as SearchBar,
-  default29 as SearchInput,
-  default44 as Section,
-  default46 as Select,
+  default44 as SearchBar,
+  default30 as SearchInput,
+  default45 as Section,
+  default47 as Select,
   SelfContained,
   SharedIdProvider,
   SharedIdTransProvider,
-  default47 as SideBar,
-  default48 as Skeleton,
+  default48 as SideBar,
+  default49 as Skeleton,
   Slider,
-  default49 as Stepper,
+  default50 as Stepper,
   StepperStepState,
-  default50 as Switch,
-  default51 as TableHeading,
-  default52 as Tabs,
-  default30 as TextArea,
+  default51 as Switch,
+  default52 as TableHeading,
+  default53 as Tabs,
+  default31 as TextArea,
   default11 as TextButton,
   TextButton_style as TextButtonStyles,
   ThemeModeSwitch,
-  default53 as Toast,
-  default54 as Toaster,
+  default54 as Toast,
+  default55 as Toaster,
   default14 as ToggleButton,
   ToggleButton_style as ToggleButtonStyles,
-  default55 as Tooltip,
-  default57 as TooltipCard,
-  default56 as TooltipProvider,
-  default58 as TreeView,
-  default59 as Typography,
+  default56 as Tooltip,
+  default58 as TooltipCard,
+  default57 as TooltipProvider,
+  default59 as TreeView,
+  default60 as Typography,
   actionIconButtonSizes,
   badgeVariants,
   bannerVariants,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@redis-ui/components",
   "license": "UNLICENSED",
-  "version": "43.0.2",
+  "version": "44.0.1",
   "type": "module",
   "sideEffects": false,
   "repository": "git@github.com:redislabsdev/redis-ui.git",
@@ -28,8 +28,8 @@
     "test": "vitest"
   },
   "peerDependencies": {
-    "@redis-ui/icons": "^6.8.5",
-    "@redis-ui/styles": "^14.13.0",
+    "@redis-ui/icons": "^6.9.2",
+    "@redis-ui/styles": "^15.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "styled-components": "^5.0.0"

package/skills/redis-ui-components/SKILL.md

@@ -66,7 +66,6 @@ Always check the relevant component reference before using a component. The refe
 - [RadioGroup](./references/RadioGroup.md)
 - [Switch](./references/Switch.md)
 - [FormField](./references/FormField.md)
-- [DatePicker](./references/DatePicker.md)
 
 ### Layout
 
@@ -105,7 +104,6 @@ Always check the relevant component reference before using a component. The refe
 - [Link](./references/Link.md)
 - [Loader](./references/Loader.md)
 - [ProgressBar](./references/ProgressBar.md)
-- [Skeleton](./references/Skeleton.md)
 - [Typography](./references/Typography.md)
 - [MoreInfoIcon](./references/MoreInfoIcon.md)