@redis-ui/components 37.0.0 → 38.1.4

package/dist/Section/components/Header/components/CategoryValueList/CategoryValueList.js

@@ -1,16 +1,14 @@
 import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
 import CategoryValueChip from "./components/CategoryValueChip/CategoryValueChip.js";
-import { Container, CategoryValueItemContainer, Separator } from "./CategoryValueList.style.js";
-import Typography from "../../../../../Typography/Typography.js";
+import { Container, CategoryValueItemContainer, Separator, TextWrapper } from "./CategoryValueList.style.js";
 const CategoryValueList = ({
   categoryValueList
 }) => {
   return jsxRuntimeExports.jsx(Container, {
     minItems: 1,
     renderExtra: (visibleCount) => jsxRuntimeExports.jsxs(CategoryValueItemContainer, {
-      children: [jsxRuntimeExports.jsx(Separator, {}), jsxRuntimeExports.jsx(Typography.Body, {
+      children: [jsxRuntimeExports.jsx(Separator, {}), jsxRuntimeExports.jsx(TextWrapper, {
         variant: "semiBold",
-        color: "neutral800",
         children: `+${categoryValueList.length - visibleCount}`
       })]
     }),

package/dist/Section/components/Header/components/CategoryValueList/CategoryValueList.style.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("styled-components");
 const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const Typography = require("../../../../../Typography/Typography.cjs");
 const Overflow = require("../../../../../Overflow/Overflow.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -17,6 +18,11 @@ const CategoryValueItemContainer = _styled__default.default.div.withConfig({
   displayName: "CategoryValueListstyle__CategoryValueItemContainer",
   componentId: "RedisUI__sc-1esx0lb-2"
 })(["display:flex;align-items:center;gap:", ";"], () => redisUiStyles.useTheme().components.section.header.categoryValueList.gap);
+const TextWrapper = _styled__default.default(Typography.default.Body).withConfig({
+  displayName: "CategoryValueListstyle__TextWrapper",
+  componentId: "RedisUI__sc-1esx0lb-3"
+})(["color:", ";"], () => redisUiStyles.useTheme().components.section.header.categoryValueList.counter.textColor);
 exports.CategoryValueItemContainer = CategoryValueItemContainer;
 exports.Container = Container;
 exports.Separator = Separator;
+exports.TextWrapper = TextWrapper;

package/dist/Section/components/Header/components/CategoryValueList/CategoryValueList.style.d.ts

@@ -1,3 +1,4 @@
 export declare const Container: import("styled-components").StyledComponent<({ children, renderExtra, maxRows, minItems, expectedGap, estimatedItemsPerRow, ...restProps }: import("../../../../../Overflow").OverflowProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const Separator: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CategoryValueItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextWrapper: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Section/components/Header/components/CategoryValueList/CategoryValueList.style.js

@@ -1,5 +1,6 @@
 import _styled from "styled-components";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
+import Typography from "../../../../../Typography/Typography.js";
 import { Overflow } from "../../../../../Overflow/Overflow.js";
 const Container = _styled(Overflow).withConfig({
   displayName: "CategoryValueListstyle__Container",
@@ -13,8 +14,13 @@ const CategoryValueItemContainer = _styled.div.withConfig({
   displayName: "CategoryValueListstyle__CategoryValueItemContainer",
   componentId: "RedisUI__sc-1esx0lb-2"
 })(["display:flex;align-items:center;gap:", ";"], () => useTheme().components.section.header.categoryValueList.gap);
+const TextWrapper = _styled(Typography.Body).withConfig({
+  displayName: "CategoryValueListstyle__TextWrapper",
+  componentId: "RedisUI__sc-1esx0lb-3"
+})(["color:", ";"], () => useTheme().components.section.header.categoryValueList.counter.textColor);
 export {
   CategoryValueItemContainer,
   Container,
-  Separator
+  Separator,
+  TextWrapper
 };

package/dist/Section/components/Header/components/CategoryValueList/components/CategoryValueChip/CategoryValueChip.cjs

@@ -2,7 +2,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("../../../../../../../node_modules/react/jsx-runtime.cjs");
 const CategoryValueChip_style = require("./CategoryValueChip.style.cjs");
-const Typography = require("../../../../../../../Typography/Typography.cjs");
 const CategoryValueChip = ({
   category,
   value,
@@ -11,10 +10,8 @@ const CategoryValueChip = ({
   ...restProps,
   children: [jsxRuntime.jsxRuntimeExports.jsx(CategoryValueChip_style.Category, {
     variant: "semiBold",
-    color: "neutral800",
     children: category
-  }), jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
-    color: "neutral700",
+  }), jsxRuntime.jsxRuntimeExports.jsx(CategoryValueChip_style.TypographyBody, {
     ellipsis: true,
     tooltipOnEllipsis: true,
     children: value

package/dist/Section/components/Header/components/CategoryValueList/components/CategoryValueChip/CategoryValueChip.js

@@ -1,6 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../../../../../node_modules/react/jsx-runtime.js";
-import { Container, Category } from "./CategoryValueChip.style.js";
-import Typography from "../../../../../../../Typography/Typography.js";
+import { Container, Category, TypographyBody } from "./CategoryValueChip.style.js";
 const CategoryValueChip = ({
   category,
   value,
@@ -9,10 +8,8 @@ const CategoryValueChip = ({
   ...restProps,
   children: [jsxRuntimeExports.jsx(Category, {
     variant: "semiBold",
-    color: "neutral800",
     children: category
-  }), jsxRuntimeExports.jsx(Typography.Body, {
-    color: "neutral700",
+  }), jsxRuntimeExports.jsx(TypographyBody, {
     ellipsis: true,
     tooltipOnEllipsis: true,
     children: value

package/dist/Section/components/Header/components/CategoryValueList/components/CategoryValueChip/CategoryValueChip.style.cjs

@@ -12,6 +12,11 @@ const Container = _styled__default.default.span.withConfig({
 const Category = _styled__default.default(Typography.default.Body).withConfig({
   displayName: "CategoryValueChipstyle__Category",
   componentId: "RedisUI__sc-j0nfcg-1"
-})(["white-space:nowrap;flex:1;"]);
+})(["color:", ";white-space:nowrap;flex:1;"], () => redisUiStyles.useTheme().components.section.header.categoryValueList.categoryValueChip.categoryTextColor);
+const TypographyBody = _styled__default.default(Typography.default.Body).withConfig({
+  displayName: "CategoryValueChipstyle__TypographyBody",
+  componentId: "RedisUI__sc-j0nfcg-2"
+})(["color:", ";"], () => redisUiStyles.useTheme().components.section.header.categoryValueList.categoryValueChip.valueTextColor);
 exports.Category = Category;
 exports.Container = Container;
+exports.TypographyBody = TypographyBody;

package/dist/Section/components/Header/components/CategoryValueList/components/CategoryValueChip/CategoryValueChip.style.d.ts

@@ -1,2 +1,3 @@
 export declare const Container: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Category: 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 Category: import("styled-components").StyledComponent<({ size, variant, color, component, 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, color, component, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Section/components/Header/components/CategoryValueList/components/CategoryValueChip/CategoryValueChip.style.js

@@ -8,8 +8,13 @@ const Container = _styled.span.withConfig({
 const Category = _styled(Typography.Body).withConfig({
   displayName: "CategoryValueChipstyle__Category",
   componentId: "RedisUI__sc-j0nfcg-1"
-})(["white-space:nowrap;flex:1;"]);
+})(["color:", ";white-space:nowrap;flex:1;"], () => useTheme().components.section.header.categoryValueList.categoryValueChip.categoryTextColor);
+const TypographyBody = _styled(Typography.Body).withConfig({
+  displayName: "CategoryValueChipstyle__TypographyBody",
+  componentId: "RedisUI__sc-j0nfcg-2"
+})(["color:", ";"], () => useTheme().components.section.header.categoryValueList.categoryValueChip.valueTextColor);
 export {
   Category,
-  Container
+  Container,
+  TypographyBody
 };

package/dist/Section/components/Header/components/Label/Label.style.d.ts

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

package/dist/SideBar/components/Footer/components/Text/Text.style.d.ts

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

package/dist/SideBar/components/Item/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, color, component, ellipsis, ...restProps }: import("../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Skeleton/Skeleton.d.ts

@@ -1,5 +1,8 @@
 import 'react-loading-skeleton/dist/skeleton.css';
 import { SkeletonProps } from './Skeleton.types';
+/**
+ * @deprecated This component will be removed in future versions
+ */
 declare const Skeleton: (({ circle, ...restSkeletonProps }: SkeletonProps) => import("react/jsx-runtime").JSX.Element) & {
     Card: (props: import("..").CardProps) => import("react/jsx-runtime").JSX.Element;
     Grid: ({ columns, children, direction, gap }: import("./components/Grid/Grid.types").GridProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Switch/components/Switcher/Switcher.style.d.ts

@@ -1,454 +1,11 @@
 /// <reference types="react" />
 import { FlattenInterpolation, ThemeProps } from 'styled-components/macro';
+import { Theme } from '@redislabsdev/redis-ui-styles';
 import * as RadixSwitch from '@radix-ui/react-switch';
 import { TokenMap } from '../../../Helpers/css.utils';
 import { ButtonState } from '../../../Button/Button.style.utils';
 export type SwitchState = ButtonState | 'readonly';
 export type SwitchStatesTheme<T extends string> = Partial<Record<SwitchState, Partial<Record<T, string>>>>;
-export declare const useSwitchStateStyle: (maps: TokenMap[], withCursor?: true) => FlattenInterpolation<ThemeProps<{
-    components: {
-        actionIconButton: import("@redislabsdev/redis-ui-styles").ActionIconButtonTheme;
-        appBar: import("@redislabsdev/redis-ui-styles").AppBarTheme;
-        appSelectionMenu: import("@redislabsdev/redis-ui-styles").AppSeletionMenuTheme;
-        autoComplete: import("@redislabsdev/redis-ui-styles").AutoCompleteTheme;
-        badge: import("@redislabsdev/redis-ui-styles").BadgeTheme;
-        banner: import("@redislabsdev/redis-ui-styles").BannerTheme;
-        boxSelectionGroup: import("@redislabsdev/redis-ui-styles").BoxSelectionGroupTheme;
-        button: import("@redislabsdev/redis-ui-styles").ButtonTheme;
-        buttonGroup: import("@redislabsdev/redis-ui-styles").ButtonGroupTheme;
-        card: import("@redislabsdev/redis-ui-styles").CardTheme;
-        checkbox: import("@redislabsdev/redis-ui-styles").CheckboxTheme;
-        chip: import("@redislabsdev/redis-ui-styles").ChipTheme;
-        chipList: import("@redislabsdev/redis-ui-styles").ChipListTheme;
-        countryFlag: import("@redislabsdev/redis-ui-styles").CountryFlagTheme;
-        datePicker: import("@redislabsdev/redis-ui-styles").DatePickerTheme;
-        drawer: import("@redislabsdev/redis-ui-styles").DrawerTheme;
-        filters: import("@redislabsdev/redis-ui-styles").FiltersTheme;
-        formField: import("@redislabsdev/redis-ui-styles").FormFieldTheme;
-        iconButton: import("@redislabsdev/redis-ui-styles").IconButtonTheme;
-        input: import("@redislabsdev/redis-ui-styles").InputTheme;
-        label: import("@redislabsdev/redis-ui-styles").LabelTheme;
-        link: import("@redislabsdev/redis-ui-styles").LinkTheme;
-        loader: import("@redislabsdev/redis-ui-styles").LoaderTheme;
-        menu: import("@redislabsdev/redis-ui-styles").MenuTheme;
-        modal: import("@redislabsdev/redis-ui-styles").ModalTheme;
-        popover: import("@redislabsdev/redis-ui-styles").PopoverTheme;
-        popupCard: import("@redislabsdev/redis-ui-styles").PopupCardTheme;
-        profileIcon: import("@redislabsdev/redis-ui-styles").ProfileIconTheme;
-        progressBar: import("@redislabsdev/redis-ui-styles").ProgressBarTheme;
-        radio: import("@redislabsdev/redis-ui-styles").RadioTheme;
-        searchBar: import("@redislabsdev/redis-ui-styles").SearchBarTheme;
-        section: import("@redislabsdev/redis-ui-styles").SectionTheme;
-        select: import("@redislabsdev/redis-ui-styles").SelectTheme;
-        semanticButton: import("@redislabsdev/redis-ui-styles/dist/themes/themeOld/components/semanticButton").SemanticButtonTheme;
-        semanticContainer: import("@redislabsdev/redis-ui-styles").SemanticContainerTheme;
-        semanticIcon: import("@redislabsdev/redis-ui-styles").SemanticIconTheme;
-        sideBar: import("@redislabsdev/redis-ui-styles").SideBarTheme;
-        skeleton: import("@redislabsdev/redis-ui-styles").SkeletonTheme;
-        stepper: import("@redislabsdev/redis-ui-styles").StepperTheme;
-        switchButton: import("@redislabsdev/redis-ui-styles").SwitchTheme;
-        table: import("@redislabsdev/redis-ui-styles").TableTheme;
-        tableHeading: import("@redislabsdev/redis-ui-styles").TableHeadingTheme;
-        tabs: import("@redislabsdev/redis-ui-styles").TabsTheme;
-        textButton: import("@redislabsdev/redis-ui-styles").TextButtonTheme;
-        toast: import("@redislabsdev/redis-ui-styles").ToastTheme;
-        toggleButton: import("@redislabsdev/redis-ui-styles").ToggleButtonTheme;
-        tooltip: import("@redislabsdev/redis-ui-styles").TooltipTheme;
-        treeView: import("@redislabsdev/redis-ui-styles").TreeViewTheme;
-        typography: import("@redislabsdev/redis-ui-styles").TypoTheme;
-        windowBar: import("@redislabsdev/redis-ui-styles").WindowBarTheme;
-    };
-    color: {
-        transparent: string;
-        pink500: string;
-        gray100: string;
-        gray200: string;
-        gray300: string;
-        gray400: string;
-        gray500: string;
-        gray600: string;
-        gray700: string;
-        gray800: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        teal100: string;
-        teal200: string;
-        teal300: string;
-        teal500: string;
-        teal600: string;
-        teal700: string;
-        teal800: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        orange100: string;
-        orange200: string;
-        orange300: string;
-        orange500: string;
-        orange600: string;
-        orange700: string;
-        orange800: string;
-        dark50: string;
-        dark100: string;
-        dark200: string;
-        dark300: string;
-        dark400: string;
-        dark500: string;
-        dark600: string;
-        dark700: string;
-        dark800: string;
-        dark900: string;
-        grayscale100: string;
-        grayscale200: string;
-        grayscale300: string;
-        grayscale400: string;
-        grayscale600: string;
-        grayscale700: string;
-        grayscale800: string;
-        dusk50: string;
-        dusk100: string;
-        dusk150: string;
-        dusk200: string;
-        dusk300: string;
-        dusk400: string;
-        dusk600: string;
-        dusk700: string;
-        dusk800: string;
-        azure100: string;
-        azure200: string;
-        azure300: string;
-        azure400: string;
-        azure500: string;
-        azure600: string;
-        azure700: string;
-        azure800: string;
-        azure900: string;
-        violet50: string;
-        violet200: string;
-        violet500: string;
-        bluesky50: string;
-        bluesky200: string;
-        bluesky500: string;
-        yellow50: string;
-        yellow200: string;
-        yellow500: string;
-    };
-    semantic: {
-        color: {
-            background: {
-                transparent: string;
-                neutral100: string;
-                neutral200: string;
-                neutral300: string;
-                neutral400: string;
-                neutral500: string;
-                neutral600: string;
-                neutral700: string;
-                neutral800: string;
-                primary50: string;
-                primary100: string;
-                primary200: string;
-                primary300: string;
-                primary400: string;
-                primary500: string;
-                primary600: string;
-                primary700: string;
-                success100: string;
-                success200: string;
-                success300: string;
-                success500: string;
-                success600: string;
-                success700: string;
-                success800: string;
-                notice100: string;
-                notice200: string;
-                notice300: string;
-                notice500: string;
-                notice600: string;
-                notice700: string;
-                notice800: string;
-                informative50: string;
-                informative100: string;
-                informative200: string;
-                informative300: string;
-                informative400: string;
-                informative500: string;
-                informative600: string;
-                informative700: string;
-                attention100: string;
-                attention200: string;
-                attention300: string;
-                attention500: string;
-                attention600: string;
-                attention700: string;
-                attention800: string;
-                danger100: string;
-                danger200: string;
-                danger300: string;
-                danger500: string;
-                danger600: string;
-                danger700: string;
-                danger800: string;
-            };
-            border: {
-                transparent: string;
-                neutral100: string;
-                neutral200: string;
-                neutral300: string;
-                neutral400: string;
-                neutral500: string;
-                neutral600: string;
-                neutral700: string;
-                neutral800: string;
-                primary50: string;
-                primary100: string;
-                primary200: string;
-                primary300: string;
-                primary400: string;
-                primary500: string;
-                primary600: string;
-                primary700: string;
-                success100: string;
-                success200: string;
-                success300: string;
-                success500: string;
-                success600: string;
-                success700: string;
-                success800: string;
-                notice100: string;
-                notice200: string;
-                notice300: string;
-                notice500: string;
-                notice600: string;
-                notice700: string;
-                notice800: string;
-                informative50: string;
-                informative100: string;
-                informative200: string;
-                informative300: string;
-                informative400: string;
-                informative500: string;
-                informative600: string;
-                informative700: string;
-                attention100: string;
-                attention200: string;
-                attention300: string;
-                attention500: string;
-                attention600: string;
-                attention700: string;
-                attention800: string;
-                danger100: string;
-                danger200: string;
-                danger300: string;
-                danger500: string;
-                danger600: string;
-                danger700: string;
-                danger800: string;
-            };
-            text: {
-                transparent: string;
-                neutral100: string;
-                neutral200: string;
-                neutral300: string;
-                neutral400: string;
-                neutral500: string;
-                neutral600: string;
-                neutral700: string;
-                neutral800: string;
-                primary50: string;
-                primary100: string;
-                primary200: string;
-                primary300: string;
-                primary400: string;
-                primary500: string;
-                primary600: string;
-                primary700: string;
-                success100: string;
-                success200: string;
-                success300: string;
-                success500: string;
-                success600: string;
-                success700: string;
-                success800: string;
-                notice100: string;
-                notice200: string;
-                notice300: string;
-                notice500: string;
-                notice600: string;
-                notice700: string;
-                notice800: string;
-                informative50: string;
-                informative100: string;
-                informative200: string;
-                informative300: string;
-                informative400: string;
-                informative500: string;
-                informative600: string;
-                informative700: string;
-                attention100: string;
-                attention200: string;
-                attention300: string;
-                attention500: string;
-                attention600: string;
-                attention700: string;
-                attention800: string;
-                danger100: string;
-                danger200: string;
-                danger300: string;
-                danger500: string;
-                danger600: string;
-                danger700: string;
-                danger800: string;
-            };
-            icon: {
-                transparent: string;
-                neutral100: string;
-                neutral200: string;
-                neutral300: string;
-                neutral400: string;
-                neutral500: string;
-                neutral600: string;
-                neutral700: string;
-                neutral800: string;
-                primary50: string;
-                primary100: string;
-                primary200: string;
-                primary300: string;
-                primary400: string;
-                primary500: string;
-                primary600: string;
-                primary700: string;
-                success100: string;
-                success200: string;
-                success300: string;
-                success500: string;
-                success600: string;
-                success700: string;
-                success800: string;
-                notice100: string;
-                notice200: string;
-                notice300: string;
-                notice500: string;
-                notice600: string;
-                notice700: string;
-                notice800: string;
-                informative50: string;
-                informative100: string;
-                informative200: string;
-                informative300: string;
-                informative400: string;
-                informative500: string;
-                informative600: string;
-                informative700: string;
-                attention100: string;
-                attention200: string;
-                attention300: string;
-                attention500: string;
-                attention600: string;
-                attention700: string;
-                attention800: string;
-                danger100: string;
-                danger200: string;
-                danger300: string;
-                danger500: string;
-                danger600: string;
-                danger700: string;
-                danger800: string;
-            };
-        };
-    };
-    core: {
-        space: {
-            space000: string;
-            space010: string;
-            space025: string;
-            space050: string;
-            space100: string;
-            space150: string;
-            space200: string;
-            space250: string;
-            space300: string;
-            space400: string;
-            space500: string;
-            space550: string;
-            space600: string;
-            space800: string;
-        };
-        shadow: {
-            shadow1: string;
-            shadow2: string;
-            shadow3: string;
-            shadow4: string;
-            shadow100: string;
-            shadow200: string;
-            shadow300: string;
-            shadow400: string;
-            shadow500: string;
-            shadow600: string;
-            shadow700: string;
-        };
-        zIndex: {
-            zIndex5: number;
-            zIndex9998: number;
-            zIndex9999: number;
-        };
-        font: {
-            fontFamily: {
-                regular: string;
-                sourceCodeProRegular: string;
-            };
-            fontSize: {
-                s8: string;
-                s10: string;
-                s12: string;
-                s13: string;
-                s14: string;
-                s15: string;
-                s16: string;
-                s18: string;
-                s20: string;
-                s22: string;
-                s24: string;
-                s26: string;
-                s27: string;
-                s28: string;
-                s32: string;
-                s40: string;
-                s44: string;
-                s52: string;
-            };
-        };
-        focus: {
-            margin: string;
-            size: string;
-            color: string;
-        };
-    };
-    name: string;
-}>> | null;
+export declare const useSwitchStateStyle: (maps: TokenMap[], withCursor?: true) => FlattenInterpolation<ThemeProps<Theme>> | null;
 export declare const SwitcherCompose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const SwitcherKnob: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixSwitch.SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

package/dist/Switch/components/Title/Title.style.d.ts

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

package/dist/Toast/components/Content/components/Description/Description.style.d.ts

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

package/dist/Toast/components/Content/components/Message/Message.style.d.ts

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