@clickhouse/click-ui 0.0.153 → 0.0.155

package/dist/components/Tabs/Tabs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as RadixTabs from "@radix-ui/react-tabs";
 export interface TabsProps extends RadixTabs.TabsProps {
     ariaLabel?: string;
@@ -6,25 +5,25 @@ export interface TabsProps extends RadixTabs.TabsProps {
 declare const Tabs: {
     ({ defaultValue, children, ariaLabel, onValueChange, ...delegated }: TabsProps): import("react/jsx-runtime").JSX.Element;
     TriggersList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsListProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
     }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsListProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
     Trigger: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+        ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
     }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
     Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
     }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsContentProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
 };
 declare const FullWidthTabs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<TabsProps, never>> & string & Omit<{
     ({ defaultValue, children, ariaLabel, onValueChange, ...delegated }: TabsProps): import("react/jsx-runtime").JSX.Element;
     TriggersList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsListProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
     }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsListProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
     Trigger: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+        ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
     }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
     Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
     }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsContentProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
 }, keyof import('react').Component<any, {}, any>>;
 export { Tabs, FullWidthTabs };

package/dist/components/commonElement.d.ts

@@ -1,20 +1,20 @@
 import { IconSize } from './Icon/types';
 
 export declare const FormRoot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $orientation?: "horizontal" | "vertical" | undefined;
-    $dir?: "end" | "start" | undefined;
-    $addLabelPadding?: boolean | undefined;
+    $orientation?: "horizontal" | "vertical";
+    $dir?: "start" | "end";
+    $addLabelPadding?: boolean;
 }>> & string;
 export declare const Error: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ItemSeparator: import('styled-components').RuleSet<object>;
 export declare const EmptyButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const CrossButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string;
 export declare const GridCenter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const BaseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const SvgImageElement: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
-    $size?: IconSize | undefined;
+    $size?: IconSize;
 }>> & string;
 export declare const FormElementContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const EllipsisContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/components/icons/Flags/GreatBritain.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const GreatBritain: (props: import('react').SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+declare const GreatBritain: (props: import('react').SVGAttributes<SVGElement>) => import('react').ReactElement;
 export default GreatBritain;

package/dist/components/icons/Flags/index.d.ts

@@ -7,21 +7,21 @@ export interface FlagProps extends Omit<SVGAttributes<SVGElement>, "size"> {
     size?: IconSize;
 }
 export declare const FlagList: {
-    au: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    br: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    ca: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    de: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    eu: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    gb: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    ie: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    in: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    jp: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    nl: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    sg: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    za: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    sw: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    uk: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-    usa: (props: SVGAttributes<SVGElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+    au: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    br: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    ca: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    de: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    eu: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    gb: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    ie: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    in: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    jp: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    nl: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    sg: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    za: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    sw: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    uk: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    usa: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
 };
 declare const Flags: ({ name, size, ...props }: FlagProps) => import("react/jsx-runtime").JSX.Element | undefined;
 export default Flags;

package/dist/components/icons/HorizontalLoading.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const HorizontalLoading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGAttributes<SVGElement>, never>> & string & Omit<(props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export default HorizontalLoading;

package/dist/components/icons/LoadingAnimated.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const LoadingAnimated: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGAttributes<SVGElement>, never>, never>> & string;
 export default LoadingAnimated;

package/dist/styles/variables.classic.json.d.ts

@@ -13,7 +13,7 @@ declare const _default: {
             "background": {
               "default": "#FFC029",
               "hover": "lch(89.3 45.8 82.1)",
-              "active": "lch(82.6 42.4 82.1)"
+              "active": "rgb(93.2% 79.3% 49.6%)"
             },
             "text": {
               "default": "#151515"
@@ -21,7 +21,7 @@ declare const _default: {
             "stroke": {
               "default": "#FFC029",
               "hover": "lch(89.3 45.8 82.1)",
-              "active": "lch(82.6 42.4 82.1)"
+              "active": "rgb(93.2% 79.3% 49.6%)"
             }
           },
           "secondary": {
@@ -33,7 +33,7 @@ declare const _default: {
             "stroke": {
               "default": "#e6e7e9",
               "hover": "#e6e7e9",
-              "active": "lch(83.8 2.3 258)"
+              "active": "rgb(81% 82.1% 83.6%)"
             },
             "text": {
               "default": "#161517"
@@ -107,12 +107,12 @@ declare const _default: {
             "background": {
               "default": "#FFC029",
               "hover": "lch(89.3 45.8 82.1)",
-              "active": "lch(78.5 40.3 82.1)"
+              "active": "lch(79.1 40.8 82.1)"
             },
             "stroke": {
               "default": "rgba(0,0,0,0)",
               "hover": "lch(89.3 45.8 82.1)",
-              "active": "lch(78.5 40.3 82.1)"
+              "active": "lch(79.1 40.8 82.1)"
             },
             "text": {
               "default": "#151515",
@@ -187,13 +187,13 @@ declare const _default: {
             "main": {
               "default": "#FFC029",
               "hover": "lch(81.7 41.9 82.1)",
-              "active": "lch(75.6 38.8 82.1)",
+              "active": "lch(76.2 39.3 82.1)",
               "disabled": "lch(81.3 0 0)"
             },
             "action": {
               "default": "lch(77.8 74.1 79.3)",
               "hover": "lch(77.6 39.8 82.1)",
-              "active": "lch(69.2 35.5 82.1)",
+              "active": "lch(69.7 36 82.1)",
               "disabled": "lch(74.4 0 0)"
             }
           },
@@ -212,7 +212,7 @@ declare const _default: {
           "divide": {
             "default": "lch(68.1 64.8 79.3)",
             "hover": "lch(71.5 36.7 82.1)",
-            "active": "lch(66.1 33.9 82.1)",
+            "active": "lch(66.7 34.4 82.1)",
             "disabled": "lch(71.1 0 0)"
           }
         },

package/dist/styles/variables.dark.json.d.ts

@@ -103,7 +103,7 @@ declare const _default: {
           "success": "#004206",
           "neutral": "#414141",
           "danger": "#610000",
-          "disabled": "lch(26.2 0 0)",
+          "disabled": "rgb(24.2% 24.2% 24.2%)",
           "info": "#09255B",
           "warning": "#4f2b00"
         }
@@ -135,8 +135,8 @@ declare const _default: {
           "primary": {
             "background": {
               "default": "#FAFF69",
-              "hover": "lch(98.3 49.3 103)",
-              "active": "lch(90.2 65.2 103)",
+              "hover": "rgb(98.6% 100% 58.8%)",
+              "active": "rgb(90.7% 92.5% 38.1%)",
               "disabled": "#414141"
             },
             "text": {
@@ -148,7 +148,7 @@ declare const _default: {
             "stroke": {
               "default": "#FAFF69",
               "hover": "#FAFF69",
-              "active": "lch(82.5 59.7 103)",
+              "active": "lch(83.3 60.6 103)",
               "disabled": "#414141"
             }
           },
@@ -156,13 +156,13 @@ declare const _default: {
             "background": {
               "default": "#1F1F1C",
               "hover": "#282828",
-              "active": "lch(20.3 0 0)",
+              "active": "rgb(19.9% 19.9% 19.9%)",
               "disabled": "#414141"
             },
             "stroke": {
               "default": "#414141",
               "hover": "#53575f",
-              "active": "lch(23.3 2.63 306)",
+              "active": "rgb(22.9% 22.1% 23.6%)",
               "disabled": "#414141"
             },
             "text": {
@@ -236,13 +236,13 @@ declare const _default: {
           "secondary": {
             "background": {
               "default": "#FAFF69",
-              "hover": "lch(98.3 49.3 103)",
-              "active": "lch(85.7 61.9 103)"
+              "hover": "rgb(98.6% 100% 58.8%)",
+              "active": "lch(86.5 62.9 103)"
             },
             "stroke": {
               "default": "rgba(0,0,0,0)",
-              "hover": "lch(98.3 49.3 103)",
-              "active": "lch(85.7 61.9 103)"
+              "hover": "rgb(98.6% 100% 58.8%)",
+              "active": "lch(86.5 62.9 103)"
             },
             "text": {
               "default": "#1F1F1C",
@@ -316,14 +316,14 @@ declare const _default: {
           "background": {
             "main": {
               "default": "#FAFF69",
-              "hover": "lch(89.9 45.1 103)",
-              "active": "lch(82.5 59.7 103)",
+              "hover": "lch(89.7 46.7 104)",
+              "active": "lch(83.3 60.6 103)",
               "disabled": "lch(25.2 0 0)"
             },
             "action": {
               "default": "lch(87.8 63.4 103)",
-              "hover": "lch(82.7 41.5 103)",
-              "active": "lch(72.6 52.5 103)",
+              "hover": "lch(82.5 43 104)",
+              "active": "lch(73.3 53.3 103)",
               "disabled": "lch(22.2 0 0)"
             }
           },
@@ -341,8 +341,8 @@ declare const _default: {
           },
           "divide": {
             "default": "lch(85.4 61.7 103)",
-            "hover": "lch(78.7 39.5 103)",
-            "active": "lch(72.2 52.2 103)",
+            "hover": "lch(78.5 40.9 104)",
+            "active": "lch(72.9 53 103)",
             "disabled": "lch(23.1 0 0)"
           }
         },
@@ -350,20 +350,20 @@ declare const _default: {
           "divide": {
             "default": "lch(31.2 0 0)",
             "hover": "lch(34.8 0 0)",
-            "active": "lch(24.1 2.6 306)",
+            "active": "lch(24.8 2.56 307)",
             "disabled": "lch(23.4 0 0)"
           },
           "background": {
             "main": {
               "default": "#1F1F1C",
               "hover": "#282828",
-              "active": "lch(20.3 0 0)",
+              "active": "rgb(19.9% 19.9% 19.9%)",
               "disabled": "#414141"
             },
             "action": {
               "default": "#282828",
               "hover": "lch(18.2 0 0)",
-              "active": "lch(21.1 0 0)",
+              "active": "lch(21.9 0 0)",
               "disabled": "lch(23.9 0 0)"
             }
           },
@@ -376,7 +376,7 @@ declare const _default: {
           "stroke": {
             "default": "#414141",
             "hover": "#414141",
-            "active": "lch(24.1 2.6 306)",
+            "active": "lch(24.8 2.56 307)",
             "disabled": "rgba(0,0,0,0)"
           }
         }
@@ -424,7 +424,7 @@ declare const _default: {
           "stroke": {
             "default": "#323232",
             "hover": "#53575f",
-            "active": "lch(23.3 2.63 306)"
+            "active": "rgb(22.9% 22.1% 23.6%)"
           },
           "text": {
             "default": "#ffffff",

package/dist/styles/variables.json.d.ts

@@ -362,7 +362,7 @@ declare const _default: {
             "background": {
               "default": "#302e32",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(6.42 1.33 305)",
+              "active": "rgb(7.98% 7.62% 8.34%)",
               "disabled": "#dfdfdf"
             },
             "text": {
@@ -374,7 +374,7 @@ declare const _default: {
             "stroke": {
               "default": "#302e32",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(6.42 1.33 305)",
+              "active": "rgb(7.98% 7.62% 8.34%)",
               "disabled": "#dfdfdf"
             }
           },
@@ -388,7 +388,7 @@ declare const _default: {
             "stroke": {
               "default": "#e6e7e9",
               "hover": "#e6e7e9",
-              "active": "lch(83.8 2.3 258)",
+              "active": "rgb(81% 82.1% 83.6%)",
               "disabled": "#dfdfdf"
             },
             "text": {
@@ -489,12 +489,12 @@ declare const _default: {
             "background": {
               "default": "#302e32",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(6.1 1.26 305)"
+              "active": "lch(5.9 1.18 305)"
             },
             "stroke": {
               "default": "rgba(0,0,0,0)",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(6.1 1.26 305)"
+              "active": "lch(5.9 1.18 305)"
             },
             "text": {
               "default": "#ffffff",
@@ -596,7 +596,7 @@ declare const _default: {
             "main": {
               "default": "#302e32",
               "hover": "lch(27 3.82 267)",
-              "active": "lch(5.87 1.22 305)",
+              "active": "lch(5.68 1.13 305)",
               "disabled": "lch(81.3 0 0)"
             },
             "action": {
@@ -629,7 +629,7 @@ declare const _default: {
           "divide": {
             "default": "lch(92 1.05 266)",
             "hover": "lch(92.4 0.99 266)",
-            "active": "lch(83.8 2.3 258)",
+            "active": "rgb(81% 82.1% 83.6%)",
             "disabled": "lch(75.5 0 0)"
           },
           "background": {

package/dist/styles/variables.light.json.d.ts

@@ -136,7 +136,7 @@ declare const _default: {
             "background": {
               "default": "#302e32",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(6.42 1.33 305)",
+              "active": "rgb(7.98% 7.62% 8.34%)",
               "disabled": "#dfdfdf"
             },
             "text": {
@@ -148,7 +148,7 @@ declare const _default: {
             "stroke": {
               "default": "#302e32",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(6.42 1.33 305)",
+              "active": "rgb(7.98% 7.62% 8.34%)",
               "disabled": "#dfdfdf"
             }
           },
@@ -162,7 +162,7 @@ declare const _default: {
             "stroke": {
               "default": "#e6e7e9",
               "hover": "#e6e7e9",
-              "active": "lch(83.8 2.3 258)",
+              "active": "rgb(81% 82.1% 83.6%)",
               "disabled": "#dfdfdf"
             },
             "text": {
@@ -237,12 +237,12 @@ declare const _default: {
             "background": {
               "default": "#302e32",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(6.1 1.26 305)"
+              "active": "lch(5.9 1.18 305)"
             },
             "stroke": {
               "default": "rgba(0,0,0,0)",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(6.1 1.26 305)"
+              "active": "lch(5.9 1.18 305)"
             },
             "text": {
               "default": "#ffffff",
@@ -317,7 +317,7 @@ declare const _default: {
             "main": {
               "default": "#302e32",
               "hover": "lch(27 3.82 267)",
-              "active": "lch(5.87 1.22 305)",
+              "active": "lch(5.68 1.13 305)",
               "disabled": "lch(81.3 0 0)"
             },
             "action": {
@@ -350,7 +350,7 @@ declare const _default: {
           "divide": {
             "default": "lch(92 1.05 266)",
             "hover": "lch(92.4 0.99 266)",
-            "active": "lch(83.8 2.3 258)",
+            "active": "rgb(81% 82.1% 83.6%)",
             "disabled": "lch(75.5 0 0)"
           },
           "background": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.153",
+  "version": "0.0.155",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",
@@ -90,8 +90,8 @@
     "@types/react-window": "^1.8.8",
     "@types/sortablejs": "^1.15.2",
     "@types/styled-components": "^5.1.34",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
+    "@typescript-eslint/eslint-plugin": "^7.16.1",
+    "@typescript-eslint/parser": "^7.16.1",
     "@vitejs/plugin-react": "^4.2.1",
     "babel-plugin-styled-components": "^2.1.4",
     "chromatic": "^6.18.2",
@@ -107,10 +107,10 @@
     "styled-components": "^6.1.11",
     "stylis": "^4.3.0",
     "ts-node": "^10.9.1",
-    "typescript": "^5.4.5",
+    "typescript": "^5.5.3",
     "vite": "^5.2.11",
     "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.6.0",
+    "vitest": "^2.0.3",
     "watch": "^1.0.2"
   },
   "peerDependencies": {