@redis-ui/components 37.0.0 → 38.0.0

package/dist/AppSelectionMenu/components/Item/Item.cjs

@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
 const Item_styles = require("./Item.styles.cjs");
 const Compose = require("./components/Compose/Compose.cjs");
-const Typography = require("../../../Typography/Typography.cjs");
 const Item = Object.assign(({
   label,
   onClick,
@@ -20,9 +19,8 @@ const Item = Object.assign(({
         variant: "secondary",
         disabled,
         title: label
-      }), jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+      }), jsxRuntime.jsxRuntimeExports.jsx(Item_styles.Label, {
         size: "S",
-        color: "neutral800",
         children: label
       })]
     })

package/dist/AppSelectionMenu/components/Item/Item.js

@@ -1,7 +1,6 @@
 import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
-import { AppSelectionMenuItem, AppSelectorItem } from "./Item.styles.js";
+import { AppSelectionMenuItem, AppSelectorItem, Label } from "./Item.styles.js";
 import { Compose } from "./components/Compose/Compose.js";
-import Typography from "../../../Typography/Typography.js";
 const Item = Object.assign(({
   label,
   onClick,
@@ -18,9 +17,8 @@ const Item = Object.assign(({
         variant: "secondary",
         disabled,
         title: label
-      }), jsxRuntimeExports.jsx(Typography.Body, {
+      }), jsxRuntimeExports.jsx(Label, {
         size: "S",
-        color: "neutral800",
         children: label
       })]
     })

package/dist/AppSelectionMenu/components/Item/Item.styles.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("styled-components");
 const redisUiStyles = require("@redislabsdev/redis-ui-styles");
 const ActionIconButton = require("../../../Button/ActionIconButton/ActionIconButton.cjs");
+const Typography = require("../../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const AppSelectorItem = _styled__default.default(ActionIconButton.default).withConfig({
@@ -22,5 +23,10 @@ const AppSelectionMenuItem = _styled__default.default.div.withConfig({
   return (_b = (_a = redisUiStyles.useTheme().components.actionIconButton.variants.secondary) == null ? void 0 : _a.hover) == null ? void 0 : _b.bgColor;
 }};}
       `);
+const Label = _styled__default.default(Typography.default.Body).withConfig({
+  displayName: "Itemstyles__Label",
+  componentId: "RedisUI__sc-ixerf9-2"
+})(["color:", ";"], () => redisUiStyles.useTheme().components.appSelectionMenu.item.label.color);
 exports.AppSelectionMenuItem = AppSelectionMenuItem;
 exports.AppSelectorItem = AppSelectorItem;
+exports.Label = Label;

package/dist/AppSelectionMenu/components/Item/Item.styles.d.ts

@@ -3,3 +3,4 @@ export declare const AppSelectorItem: import("styled-components").StyledComponen
 export declare const AppSelectionMenuItem: import("styled-components").StyledComponent<"div", any, {
     disabled?: boolean | undefined;
 }, never>;
+export declare const Label: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/AppSelectionMenu/components/Item/Item.styles.js

@@ -1,6 +1,7 @@
 import _styled from "styled-components";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import ActionIconButton from "../../../Button/ActionIconButton/ActionIconButton.js";
+import Typography from "../../../Typography/Typography.js";
 const AppSelectorItem = _styled(ActionIconButton).withConfig({
   displayName: "Itemstyles__AppSelectorItem",
   componentId: "RedisUI__sc-ixerf9-0"
@@ -18,7 +19,12 @@ const AppSelectionMenuItem = _styled.div.withConfig({
   return (_b = (_a = useTheme().components.actionIconButton.variants.secondary) == null ? void 0 : _a.hover) == null ? void 0 : _b.bgColor;
 }};}
       `);
+const Label = _styled(Typography.Body).withConfig({
+  displayName: "Itemstyles__Label",
+  componentId: "RedisUI__sc-ixerf9-2"
+})(["color:", ";"], () => useTheme().components.appSelectionMenu.item.label.color);
 export {
   AppSelectionMenuItem,
-  AppSelectorItem
+  AppSelectorItem,
+  Label
 };

package/dist/AutoCompleteSelect/AutoCompleteSelect.style.d.ts

@@ -9,7 +9,7 @@ export declare const ContentContainer: import("styled-components").StyledCompone
         Check: ({ icon, ...restProps }: import("../Menu/components/Content/components/Item/Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
         Split: ({ minWidth, ...props }: import("../Menu/components/Content/components/Item/Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;
     };
-    DropdownArrow: ({ $fill, ...restProps }: import("../Menu/components/Content/components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
+    DropdownArrow: ({ ...restProps }: import("../Menu/components/Content/components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
     Label: ({ children, variant, tooltipOnEllipsis, ...restProps }: import("../Menu/components/Content/components/Label/Label.types").LabelProps) => import("react/jsx-runtime").JSX.Element;
     Separator: (props: import("../Menu/components/Content/components/Separator/Separator.types").SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 }, any, {

package/dist/Banner/components/Message/Message.style.d.ts

@@ -1 +1 @@
-export declare const Message: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const Message: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Checkbox/components/Label/Label.style.d.ts

@@ -3,4 +3,4 @@ export declare const CheckboxLabel: import("styled-components").StyledComponent<
     $checked: CheckedType;
     $variant: CheckboxVariants;
 }, never>;
-export declare const TypographyBody: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const TypographyBody: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/ChipList/Components/ExtraItem.style.d.ts

@@ -1,4 +1,4 @@
 export declare const ExtraListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ExtraListItem: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const ExtraListItem: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     $disabled?: boolean | undefined;
 }, never>;

package/dist/Drawer/components/Header/components/Title/Title.style.d.ts

@@ -1 +1 @@
-export declare const Title: import("styled-components").StyledComponent<({ size, color, ellipsis, ...restProps }: import("../../../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<({ size, ellipsis, ...restProps }: import("../../../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Filters/components/MultiSelectFilter/MultiSelectFilter.styles.d.ts

@@ -8,7 +8,7 @@ export declare const MenuContent: import("styled-components").StyledComponent<im
         Check: ({ icon, ...restProps }: import("../../../Menu/components/Content/components/Item/Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
         Split: ({ minWidth, ...props }: import("../../../Menu/components/Content/components/Item/Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;
     };
-    DropdownArrow: ({ $fill, ...restProps }: import("../../../Menu/components/Content/components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
+    DropdownArrow: ({ ...restProps }: import("../../../Menu/components/Content/components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
     Label: ({ children, variant, tooltipOnEllipsis, ...restProps }: import("../../../Menu/components/Content/components/Label/Label.types").LabelProps) => import("react/jsx-runtime").JSX.Element;
     Separator: (props: import("../../../Menu/components/Content/components/Separator/Separator.types").SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 }, any, {}, never>;

package/dist/FormField/FormField.d.ts

@@ -9,7 +9,7 @@ declare const FormField: (({ children, label, infoIconProps, required, optional,
     AdditionalText: ({ size, children, forceStatus, ...restProps }: import("./components/AdditionalText/AdditionalText.types").AdditionalTextProps) => import("react/jsx-runtime").JSX.Element | null;
     Label: (({ label, infoIconProps, required, optional, readOnly, ...restProps }: import("../Label").LabelProps) => import("react/jsx-runtime").JSX.Element) & {
         Text: ({ children, readOnly, ...restProps }: import("../Label/components/Text/Text.types").TextProps) => import("react/jsx-runtime").JSX.Element;
-        InfoIcon: ({ size, iconColor, textColor, text, content, ...tooltipProps }: import("../Label/components/InfoIcon/InfoIcon.types").InfoIconProps) => import("react/jsx-runtime").JSX.Element | null;
+        InfoIcon: ({ size, text, content, ...tooltipProps }: import("../Label/components/InfoIcon/InfoIcon.types").InfoIconProps) => import("react/jsx-runtime").JSX.Element | null;
         Required: ({ children, show, size, ...restProps }: import("../Label/components/Required/Required.types").RequiredProps) => import("react/jsx-runtime").JSX.Element | null;
         Optional: ({ children, show, size, ...restProps }: import("../Label/components/Optional/Optional.types").OptionalProps) => import("react/jsx-runtime").JSX.Element | null;
         Compose: ({ htmlFor, show, ...props }: import("react").LabelHTMLAttributes<HTMLLabelElement> & {

package/dist/FormField/components/AdditionalText/AdditionalText.style.d.ts

@@ -1,3 +1,3 @@
-export declare const AdditionalText: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const AdditionalText: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     $error: boolean;
 }, never>;

package/dist/Inputs/Input/Input.d.ts

@@ -10,7 +10,7 @@ declare const Input: import("react").ForwardRefExoticComponent<import("../compon
     }) => import("react/jsx-runtime").JSX.Element;
     LoadingIndicator: ({ loading, ...restProps }: import("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
     Tag: import("react").ForwardRefExoticComponent<import("../components/InputTag/InputTag.types").InputTagProps & import("../components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>;
-    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
         readOnly: boolean;
     }, "readOnly">;
     ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: Partial<import("../..").IconButtonProps> & import("../components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Inputs/NumericInput/NumericInput.d.ts

@@ -12,7 +12,7 @@ declare const NumericInput: import("react").ForwardRefExoticComponent<import("..
     }) => import("react/jsx-runtime").JSX.Element;
     LoadingIndicator: ({ loading, ...restProps }: import("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
     Tag: import("react").ForwardRefExoticComponent<import("../components/InputTag/InputTag.types").InputTagProps & import("../components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>;
-    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
         readOnly: boolean;
     }, "readOnly">;
     ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: Partial<import("../..").IconButtonProps> & import("../components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Inputs/QuantityCounter/QuantityCounter.d.ts

@@ -18,7 +18,7 @@ declare const QuantityCounter: import("react").ForwardRefExoticComponent<import(
         }, "autoSize">;
         ValueLabel: ({ children }: import("./components/InputGroup/components/ValueLabel/ValueLabel.types").ValueLabelProps) => import("react/jsx-runtime").JSX.Element | null;
     };
-    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
         readOnly: boolean;
     }, "readOnly">;
 };

package/dist/Inputs/QuantityCounter/components/InputGroup/components/ValueLabel/ValueLabel.style.d.ts

@@ -1 +1 @@
-export declare const ValueLabel: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const ValueLabel: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Inputs/TextArea/TextArea.d.ts

@@ -15,7 +15,7 @@ declare const TextArea: import("react").ForwardRefExoticComponent<Omit<import(".
         readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     Tag: import("react").ForwardRefExoticComponent<import("./components/TextAreaTag/TextAreaTag").RestTextAreaTagProps & import("react").RefAttributes<HTMLTextAreaElement>>;
-    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
         readOnly: boolean;
     }, "readOnly">;
 };

package/dist/Inputs/TextArea/components/Compose/Compose.style.d.ts

@@ -7,6 +7,6 @@ export declare const TextAreaCompose: import("styled-components").StyledComponen
 } & {
     readOnly?: boolean | undefined;
 }, never>;
-export declare const ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     readOnly: boolean;
 }, "readOnly">;

package/dist/Inputs/components/Compose/Compose.style.d.ts

@@ -4,6 +4,6 @@ export declare const CommonInputCompose: import("styled-components").StyledCompo
 } & {
     $variant: InputVariant;
 }, "data-status">;
-export declare const ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     readOnly: boolean;
 }, "readOnly">;

package/dist/Label/Label.d.ts

@@ -2,7 +2,7 @@
 import { LabelProps } from './Label.types';
 declare const Label: (({ label, infoIconProps, required, optional, readOnly, ...restProps }: LabelProps) => import("react/jsx-runtime").JSX.Element) & {
     Text: ({ children, readOnly, ...restProps }: import("./components/Text/Text.types").TextProps) => import("react/jsx-runtime").JSX.Element;
-    InfoIcon: ({ size, iconColor, textColor, text, content, ...tooltipProps }: import("./components/InfoIcon/InfoIcon.types").InfoIconProps) => import("react/jsx-runtime").JSX.Element | null;
+    InfoIcon: ({ size, text, content, ...tooltipProps }: import("./components/InfoIcon/InfoIcon.types").InfoIconProps) => import("react/jsx-runtime").JSX.Element | null;
     Required: ({ children, show, size, ...restProps }: import("./components/Required/Required.types").RequiredProps) => import("react/jsx-runtime").JSX.Element | null;
     Optional: ({ children, show, size, ...restProps }: import("./components/Optional/Optional.types").OptionalProps) => import("react/jsx-runtime").JSX.Element | null;
     Compose: ({ htmlFor, show, ...props }: import("react").LabelHTMLAttributes<HTMLLabelElement> & {

package/dist/Label/components/InfoIcon/InfoIcon.cjs

@@ -7,8 +7,6 @@ const InfoIcon_style = require("./InfoIcon.style.cjs");
 const Tooltip = require("../../../Tooltip/Tooltip.cjs");
 const InfoIcon = ({
   size,
-  iconColor,
-  textColor,
   text,
   content = text,
   ...tooltipProps
@@ -17,12 +15,10 @@ const InfoIcon = ({
   return !content ? null : jsxRuntime.jsxRuntimeExports.jsx(Tooltip.default, {
     ...tooltipProps,
     content,
-    textColor,
     children: jsxRuntime.jsxRuntimeExports.jsx(InfoIcon_style.IconWrapper, {
       children: jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.InfoIcon, {
         size: size || "L",
-        customColor: iconColor ? void 0 : theme.iconColor,
-        color: iconColor
+        customColor: theme.iconColor
       })
     })
   });

package/dist/Label/components/InfoIcon/InfoIcon.d.ts

@@ -1,3 +1,3 @@
 import { InfoIconProps } from './InfoIcon.types';
-declare const InfoIcon: ({ size, iconColor, textColor, text, content, ...tooltipProps }: InfoIconProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const InfoIcon: ({ size, text, content, ...tooltipProps }: InfoIconProps) => import("react/jsx-runtime").JSX.Element | null;
 export default InfoIcon;

package/dist/Label/components/InfoIcon/InfoIcon.js

@@ -5,8 +5,6 @@ import { IconWrapper } from "./InfoIcon.style.js";
 import Tooltip from "../../../Tooltip/Tooltip.js";
 const InfoIcon = ({
   size,
-  iconColor,
-  textColor,
   text,
   content = text,
   ...tooltipProps
@@ -15,12 +13,10 @@ const InfoIcon = ({
   return !content ? null : jsxRuntimeExports.jsx(Tooltip, {
     ...tooltipProps,
     content,
-    textColor,
     children: jsxRuntimeExports.jsx(IconWrapper, {
       children: jsxRuntimeExports.jsx(InfoIcon$1, {
         size: size || "L",
-        customColor: iconColor ? void 0 : theme.iconColor,
-        color: iconColor
+        customColor: theme.iconColor
       })
     })
   });

package/dist/Label/components/InfoIcon/InfoIcon.types.d.ts

@@ -1,8 +1,6 @@
-import { Theme } from '@redislabsdev/redis-ui-styles';
 import { IconSizeType } from '@redislabsdev/redis-ui-icons';
 import { TooltipContentProps } from '../../../Tooltip/components/Content/Content.types';
 export interface InfoIconProps extends Omit<TooltipContentProps, 'backgroundColor' | 'children'> {
     text?: string;
     size?: IconSizeType;
-    iconColor?: keyof Theme['semantic']['color']['icon'];
 }

package/dist/Label/components/Optional/Optional.style.cjs

@@ -8,10 +8,5 @@ const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const Optional = _styled__default.default(Typography.default.Body).withConfig({
   displayName: "Optionalstyle__Optional",
   componentId: "RedisUI__sc-1csnblt-0"
-})(["color:", ";margin:0;"], ({
-  color
-}) => {
-  const theme = redisUiStyles.useTheme().components.label.optional;
-  return color ? void 0 : theme.textColor;
-});
+})(["color:", ";margin:0;"], () => redisUiStyles.useTheme().components.label.optional.textColor);
 exports.Optional = Optional;

package/dist/Label/components/Optional/Optional.style.d.ts

@@ -1 +1 @@
-export declare const Optional: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const Optional: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Label/components/Optional/Optional.style.js

@@ -4,12 +4,7 @@ import Typography from "../../../Typography/Typography.js";
 const Optional = _styled(Typography.Body).withConfig({
   displayName: "Optionalstyle__Optional",
   componentId: "RedisUI__sc-1csnblt-0"
-})(["color:", ";margin:0;"], ({
-  color
-}) => {
-  const theme = useTheme().components.label.optional;
-  return color ? void 0 : theme.textColor;
-});
+})(["color:", ";margin:0;"], () => useTheme().components.label.optional.textColor);
 export {
   Optional
 };

package/dist/Label/components/Required/Required.style.cjs

@@ -8,10 +8,5 @@ const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const Required = _styled__default.default(Typography.default.Body).withConfig({
   displayName: "Requiredstyle__Required",
   componentId: "RedisUI__sc-1tm5cua-0"
-})(["color:", ";"], ({
-  color
-}) => {
-  const theme = redisUiStyles.useTheme().components.label.required;
-  return color ? void 0 : theme.textColor;
-});
+})(["color:", ";"], () => redisUiStyles.useTheme().components.label.required.textColor);
 exports.Required = Required;

package/dist/Label/components/Required/Required.style.d.ts

@@ -1 +1 @@
-export declare const Required: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const Required: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Label/components/Required/Required.style.js

@@ -4,12 +4,7 @@ import Typography from "../../../Typography/Typography.js";
 const Required = _styled(Typography.Body).withConfig({
   displayName: "Requiredstyle__Required",
   componentId: "RedisUI__sc-1tm5cua-0"
-})(["color:", ";"], ({
-  color
-}) => {
-  const theme = useTheme().components.label.required;
-  return color ? void 0 : theme.textColor;
-});
+})(["color:", ";"], () => useTheme().components.label.required.textColor);
 export {
   Required
 };

package/dist/Label/components/Text/Text.style.cjs

@@ -9,12 +9,11 @@ const Text = _styled__default.default(Typography.default.Body).withConfig({
   displayName: "Textstyle__Text",
   componentId: "RedisUI__sc-yn14mu-0"
 })(["color:", ";"], ({
-  color,
   $readonly
 }) => {
   const {
     state
   } = redisUiStyles.useTheme().components.label;
-  return color ? void 0 : state[$readonly ? "readonly" : "normal"].textColor;
+  return state[$readonly ? "readonly" : "normal"].textColor;
 });
 exports.Text = Text;

package/dist/Label/components/Text/Text.style.d.ts

@@ -1,3 +1,3 @@
-export declare const Text: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const Text: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     $readonly?: boolean | undefined;
 }, never>;

package/dist/Label/components/Text/Text.style.js

@@ -5,13 +5,12 @@ const Text = _styled(Typography.Body).withConfig({
   displayName: "Textstyle__Text",
   componentId: "RedisUI__sc-yn14mu-0"
 })(["color:", ";"], ({
-  color,
   $readonly
 }) => {
   const {
     state
   } = useTheme().components.label;
-  return color ? void 0 : state[$readonly ? "readonly" : "normal"].textColor;
+  return state[$readonly ? "readonly" : "normal"].textColor;
 });
 export {
   Text

package/dist/Link/Link.style.d.ts

@@ -6,4 +6,4 @@ export declare const StyledLink: import("styled-components").StyledComponent<"a"
 export declare const StyledLinkButton: import("styled-components").StyledComponent<"button", any, {
     variant: LinkButtonVariants;
 }, never>;
-export declare const StyledLinkText: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const StyledLinkText: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Menu/Menu.d.ts

@@ -13,7 +13,7 @@ declare const Menu: (({ disabled, ...restProps }: MenuProps) => import("react/js
             Check: ({ icon, ...restProps }: import("./components/Content/components/Item/Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
             Split: ({ minWidth, ...props }: import("./components/Content/components/Item/Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;
         };
-        DropdownArrow: ({ $fill, ...restProps }: import("./components/Content/components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
+        DropdownArrow: ({ ...restProps }: import("./components/Content/components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
         Label: ({ children, variant, tooltipOnEllipsis, ...restProps }: import("./components/Content/components/Label/Label.types").LabelProps) => import("react/jsx-runtime").JSX.Element;
         Separator: (props: import("./components/Content/components/Separator/Separator.types").SeparatorProps) => import("react/jsx-runtime").JSX.Element;
     };

package/dist/Menu/components/Content/Content.d.ts

@@ -9,7 +9,7 @@ declare const Content: import("react").ForwardRefExoticComponent<MenuContentProp
         Check: ({ icon, ...restProps }: import("./components/Item/Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
         Split: ({ minWidth, ...props }: import("./components/Item/Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;
     };
-    DropdownArrow: ({ $fill, ...restProps }: import("./components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
+    DropdownArrow: ({ ...restProps }: import("./components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
     Label: ({ children, variant, tooltipOnEllipsis, ...restProps }: import("./components/Label/Label.types").LabelProps) => import("react/jsx-runtime").JSX.Element;
     Separator: (props: import("./components/Separator/Separator.types").SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/Menu/components/Content/components/DropdownArrow/DropdownArrow.cjs

@@ -4,12 +4,11 @@ const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
 const index = require("../../../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.cjs");
 const redisUiStyles = require("@redislabsdev/redis-ui-styles");
 const DropdownArrow = ({
-  $fill,
   ...restProps
 }) => {
   const theme = redisUiStyles.useTheme();
   const style = theme.components.menu.dropDown.arrow;
-  const fill = $fill && theme.semantic.color.icon[$fill] || style.bgColor;
+  const fill = style.bgColor;
   return jsxRuntime.jsxRuntimeExports.jsx(index.Arrow, {
     width: style.width,
     height: style.height,

package/dist/Menu/components/Content/components/DropdownArrow/DropdownArrow.d.ts

@@ -1,3 +1,3 @@
 import { DropdownArrowProps } from './DropdownArrow.types';
-declare const DropdownArrow: ({ $fill, ...restProps }: DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownArrow: ({ ...restProps }: DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
 export default DropdownArrow;

package/dist/Menu/components/Content/components/DropdownArrow/DropdownArrow.js

@@ -2,12 +2,11 @@ import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-ru
 import { Arrow as Arrow2 } from "../../../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 const DropdownArrow = ({
-  $fill,
   ...restProps
 }) => {
   const theme = useTheme();
   const style = theme.components.menu.dropDown.arrow;
-  const fill = $fill && theme.semantic.color.icon[$fill] || style.bgColor;
+  const fill = style.bgColor;
   return jsxRuntimeExports.jsx(Arrow2, {
     width: style.width,
     height: style.height,

package/dist/Menu/components/Content/components/DropdownArrow/DropdownArrow.types.d.ts

@@ -1,5 +1,3 @@
-import { Theme } from '@redislabsdev/redis-ui-styles';
 export interface DropdownArrowProps {
-    $fill?: keyof Theme['semantic']['color']['icon'];
     className?: string;
 }

package/dist/Menu/components/Content/components/Item/Components/SubHead/SubHead.style.cjs

@@ -8,10 +8,5 @@ const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const MenuItemSubHead = _styled__default.default(Typography.default.Body).withConfig({
   displayName: "SubHeadstyle__MenuItemSubHead",
   componentId: "RedisUI__sc-cwmhtm-0"
-})(["white-space:nowrap;flex:none;color:", ";"], ({
-  color
-}) => {
-  const theme = redisUiStyles.useTheme().components.menu.item.subHead;
-  return color ? void 0 : theme.textColor;
-});
+})(["white-space:nowrap;flex:none;color:", ";"], () => redisUiStyles.useTheme().components.menu.item.subHead.textColor);
 exports.MenuItemSubHead = MenuItemSubHead;

package/dist/Menu/components/Content/components/Item/Components/SubHead/SubHead.style.d.ts

@@ -1 +1 @@
-export declare const MenuItemSubHead: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const MenuItemSubHead: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Menu/components/Content/components/Item/Components/SubHead/SubHead.style.js

@@ -4,12 +4,7 @@ import Typography from "../../../../../../../Typography/Typography.js";
 const MenuItemSubHead = _styled(Typography.Body).withConfig({
   displayName: "SubHeadstyle__MenuItemSubHead",
   componentId: "RedisUI__sc-cwmhtm-0"
-})(["white-space:nowrap;flex:none;color:", ";"], ({
-  color
-}) => {
-  const theme = useTheme().components.menu.item.subHead;
-  return color ? void 0 : theme.textColor;
-});
+})(["white-space:nowrap;flex:none;color:", ";"], () => useTheme().components.menu.item.subHead.textColor);
 export {
   MenuItemSubHead
 };

package/dist/Menu/components/Content/components/Item/Components/Text/Text.style.d.ts

@@ -1 +1 @@
-export declare const MenuItemText: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const MenuItemText: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Menu/components/Content/components/Label/Label.style.d.ts

@@ -1 +1 @@
-export declare const MenuContentLabel: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const MenuContentLabel: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Modal/components/Content/components/Body/components/Text/Text.style.d.ts

@@ -1 +1 @@
-export declare const Text: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const Text: import("styled-components").StyledComponent<({ size, variant, component, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Modal/components/Content/components/Header/components/Title/Title.style.d.ts

@@ -1 +1 @@
-export declare const Title: import("styled-components").StyledComponent<({ size, color, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<({ size, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Popover/Popover.d.ts

@@ -3,7 +3,7 @@ import { PopoverProps } from './Popover.types';
 declare const Popover: (({ children, defaultOpen, visible, onVisibilityChange, open, onOpenChange, disabled, withButton, ...contentProps }: PopoverProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: ({ children, defaultOpen, visible, onVisibilityChange, open, onOpenChange, disabled }: import("./components/Compose/Compose.types").PopoverComposeProps) => import("react/jsx-runtime").JSX.Element;
     Trigger: ({ withButton, ...restProps }: import("./components/Trigger/Trigger.types").PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: (({ title, text, actionButtonText, actionButtonHandler, link, linkText, windowBar, textColor, content, ...contentOptions }: import("./components/Content/Content.types").PopoverContentProps) => import("react/jsx-runtime").JSX.Element | null) & {
+    Content: (({ title, text, actionButtonText, actionButtonHandler, link, linkText, windowBar, content, ...contentOptions }: import("./components/Content/Content.types").PopoverContentProps) => import("react/jsx-runtime").JSX.Element | null) & {
         Compose: ({ children, backgroundColor, placement, sideOffset, onClickOutside, persistent, align, maxWidth, portal, ...restProps }: import("./components/Content/components/Compose/Compose.types").PopoverContentComposeProps) => import("react/jsx-runtime").JSX.Element;
         Text: (props: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
         Close: ({ children, icon, ...buttonProps }: import("./components/Content/components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;
@@ -11,7 +11,7 @@ declare const Popover: (({ children, defaultOpen, visible, onVisibilityChange, o
             Compose: (props: import("./components/Content/components/Header/components/Compose/Compose.types").ContentHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
             Title: ({ children, ...restProps }: import("../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element;
         };
-        Body: (({ text, textColor, ...restProps }: import("./components/Content/components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
+        Body: (({ text, ...restProps }: import("./components/Content/components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
             Compose: (props: import("./components/Content/components/Body/components/Compose/Compose.types").ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
             Text: (props: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
         };
@@ -22,17 +22,17 @@ declare const Popover: (({ children, defaultOpen, visible, onVisibilityChange, o
             Compose: (props: import("./components/Content/components/WindowBar/components/Compose/Compose.types").WindowBarComposeProps) => import("react/jsx-runtime").JSX.Element;
             Close: ({ children, icon, ...buttonProps }: import("./components/Content/components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;
             Icon: ({ icon, variant, ...props }: import("../Badge/BadgeIcon").BadgeIconProps) => import("react/jsx-runtime").JSX.Element;
-            Heading: import("styled-components").StyledComponent<({ size, color, ellipsis, ...restProps }: import("../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+            Heading: import("styled-components").StyledComponent<({ size, ellipsis, ...restProps }: import("../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
             Header: import("react").FC<import("./components/Content/components/WindowBar/components/Header/Header.types").WindowBarHeaderProps>;
         };
     };
-    Card: (({ text, title, textColor, actionButtonText, actionButtonHandler, link, linkText, windowBar, persistent, ...composeProps }: import("./components/PopoverCard").PopoverCardProps) => import("react/jsx-runtime").JSX.Element) & {
+    Card: (({ text, title, actionButtonText, actionButtonHandler, link, linkText, windowBar, persistent, ...composeProps }: import("./components/PopoverCard").PopoverCardProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: (props: import("./components/PopoverCard/components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element;
         Header: (({ title, hideCloseButton, ...restProps }: import("./components/Content/components/Header/Header.types").ContentHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
             Compose: (props: import("./components/Content/components/Header/components/Compose/Compose.types").ContentHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
             Title: ({ children, ...restProps }: import("../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element;
         };
-        Body: (({ text, textColor, ...restProps }: import("./components/Content/components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
+        Body: (({ text, ...restProps }: import("./components/Content/components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
             Compose: (props: import("./components/Content/components/Body/components/Compose/Compose.types").ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
             Text: (props: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
         };
@@ -43,7 +43,7 @@ declare const Popover: (({ children, defaultOpen, visible, onVisibilityChange, o
             Compose: (props: import("./components/Content/components/WindowBar/components/Compose/Compose.types").WindowBarComposeProps) => import("react/jsx-runtime").JSX.Element;
             Close: ({ children, icon, ...buttonProps }: import("./components/Content/components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;
             Icon: ({ icon, variant, ...props }: import("../Badge/BadgeIcon").BadgeIconProps) => import("react/jsx-runtime").JSX.Element;
-            Heading: import("styled-components").StyledComponent<({ size, color, ellipsis, ...restProps }: import("../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+            Heading: import("styled-components").StyledComponent<({ size, ellipsis, ...restProps }: import("../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
             Header: import("react").FC<import("./components/Content/components/WindowBar/components/Header/Header.types").WindowBarHeaderProps>;
         };
         Close: ({ children, icon, ...buttonProps }: import("./components/Content/components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;