@clickhouse/click-ui 0.0.8 → 0.0.10

package/dist/components/types.d.ts

@@ -1,19 +1,19 @@
 import { TooltipProps } from "@radix-ui/react-tooltip";
 import { TitleProps } from "./Typography/Title/Title";
 import { TextProps } from "./Typography/Text/Text";
-import { TabsProps } from '../components/Tabs/Tabs';
+import { TabsProps } from "./Tabs/Tabs";
 import { SpacerProps } from "./Spacer/Spacer";
 import { SidebarNavigationItemProps } from "./SidebarNavigationItem/SidebarNavigationItem";
-import { SelectProps } from "./FormField/Select";
-import { SearchInputProps } from "./FormField/Input/SearchField";
+import { SelectProps } from "./Select/Select";
+import { SearchFieldProps } from "./Input/SearchField";
 import { RadioGroupProps, RadioGroupItemProps } from "./RadioGroup/RadioGroup";
 import { PopoverProps } from "@radix-ui/react-popover";
-import { PasswordInputProps } from "./FormField/Input/PasswordField";
-import { NumberInputProps } from "./FormField/Input/NumberField";
-import { LabelProps } from "./FormField/Label";
+import { PasswordFieldProps } from "./Input/PasswordField";
+import { NumberFieldProps } from "./Input/NumberField";
+import { LabelProps } from "./Label/Label";
 import { HoverCardProps } from "@radix-ui/react-hover-card";
 import { ContextMenuProps } from "@radix-ui/react-context-menu";
-import { CheckboxProps } from '../components/Checkbox/Checkbox';
+import { CheckboxProps } from "./Checkbox/Checkbox";
 import { CardPrimaryProps } from "./CardPrimary/CardPrimary";
 import { CardSecondaryProps, BadgeState } from "./CardSecondary/CardSecondary";
 import { ButtonProps } from "./Button/Button";
@@ -22,7 +22,7 @@ import { BadgeProps } from "./Badge/Badge";
 import { AvatarProps } from "./Avatar/Avatar";
 import { AlertProps } from "./Alert/Alert";
 import { IconButtonProps } from "./IconButton/IconButton";
-import { IconName } from '../components/Icon/types';
+import { IconName } from "./Icon/types";
 export type States = "default" | "active" | "disabled" | "error" | "hover";
 export type { IconName };
 export type { IconButtonProps };
@@ -37,11 +37,11 @@ export type { CheckboxProps };
 export type { ContextMenuProps };
 export type { HoverCardProps };
 export type { LabelProps };
-export type { NumberInputProps };
-export type { PasswordInputProps };
+export type { NumberFieldProps };
+export type { PasswordFieldProps };
 export type { PopoverProps };
 export type { RadioGroupProps, RadioGroupItemProps };
-export type { SearchInputProps };
+export type { SearchFieldProps };
 export type { SelectProps };
 export type { SidebarNavigationItemProps };
 export type { SpacerProps };

package/dist/styles/types.d.ts

@@ -1,7 +1,7 @@
 export interface Theme {
     "click": {
         "accordion": {
-            "small": {
+            "sm": {
                 "icon": {
                     "size": {
                         "height": string;
@@ -19,7 +19,7 @@ export interface Theme {
                     };
                 };
             };
-            "medium": {
+            "md": {
                 "icon": {
                     "size": {
                         "height": string;
@@ -37,7 +37,7 @@ export interface Theme {
                     };
                 };
             };
-            "large": {
+            "lg": {
                 "icon": {
                     "size": {
                         "height": string;
@@ -411,7 +411,13 @@ export interface Theme {
                 "radii": {
                     "all": string;
                 };
-                "small": {
+                "sm": {
+                    "space": {
+                        "x": string;
+                        "y": string;
+                    };
+                };
+                "xs": {
                     "space": {
                         "x": string;
                         "y": string;
@@ -1191,37 +1197,37 @@ export interface Theme {
             };
         };
         "image": {
-            "small": {
+            "sm": {
                 "size": {
                     "height": string;
                     "width": string;
                 };
             };
-            "x-small": {
+            "xs": {
                 "size": {
                     "height": string;
                     "width": string;
                 };
             };
-            "medium": {
+            "md": {
                 "size": {
                     "height": string;
                     "width": string;
                 };
             };
-            "large": {
+            "lg": {
                 "size": {
                     "height": string;
                     "width": string;
                 };
             };
-            "x-large": {
+            "xl": {
                 "size": {
                     "height": string;
                     "width": string;
                 };
             };
-            "xx-large": {
+            "xxl": {
                 "size": {
                     "height": string;
                     "width": string;
@@ -1380,10 +1386,10 @@ export interface Theme {
                     };
                     "default": {
                         "space": {
-                            "left": string;
                             "right": string;
                             "y": string;
                             "gap": string;
+                            "left": string;
                         };
                     };
                     "typography": {
@@ -1492,6 +1498,16 @@ export interface Theme {
                         };
                     };
                 };
+                "dragControl": {
+                    "separator": {
+                        "size": {
+                            "height": string;
+                        };
+                        "color": {
+                            "default": string;
+                        };
+                    };
+                };
             };
             "main": {
                 "color": {

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

@@ -216,6 +216,15 @@ declare const _default: {
       }
     },
     "sidebar": {
+      "navigation": {
+        "dragControl": {
+          "separator": {
+            "color": {
+              "default": "#FFC029"
+            }
+          }
+        }
+      },
       "main": {
         "color": {
           "background": {

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

@@ -646,6 +646,13 @@ declare const _default: {
               "active": "rgba(0,0,0,0)"
             }
           }
+        },
+        "dragControl": {
+          "separator": {
+            "color": {
+              "default": "#FAFF69"
+            }
+          }
         }
       },
       "main": {

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

@@ -1,7 +1,7 @@
 declare const _default: {
   "click": {
     "accordion": {
-      "small": {
+      "sm": {
         "icon": {
           "size": {
             "height": "1rem",
@@ -19,7 +19,7 @@ declare const _default: {
           }
         }
       },
-      "medium": {
+      "md": {
         "icon": {
           "size": {
             "height": "1.25rem",
@@ -37,7 +37,7 @@ declare const _default: {
           }
         }
       },
-      "large": {
+      "lg": {
         "icon": {
           "size": {
             "height": "1.5rem",
@@ -411,12 +411,18 @@ declare const _default: {
         "radii": {
           "all": "0.25rem"
         },
-        "small": {
+        "sm": {
           "space": {
             "x": "0.25rem",
             "y": "0.25rem"
           }
         },
+        "xs": {
+          "space": {
+            "x": "0",
+            "y": "0"
+          }
+        },
         "color": {
           "primary": {
             "background": {
@@ -1191,37 +1197,37 @@ declare const _default: {
       }
     },
     "image": {
-      "small": {
+      "sm": {
         "size": {
           "height": "1rem",
           "width": "1rem"
         }
       },
-      "x-small": {
+      "xs": {
         "size": {
           "height": "0.75rem",
           "width": "0.75rem"
         }
       },
-      "medium": {
+      "md": {
         "size": {
           "height": "1.25rem",
           "width": "1.25rem"
         }
       },
-      "large": {
+      "lg": {
         "size": {
           "height": "1.5rem",
           "width": "1.5rem"
         }
       },
-      "x-large": {
+      "xl": {
         "size": {
           "height": "2rem",
           "width": "2rem"
         }
       },
-      "xx-large": {
+      "xxl": {
         "size": {
           "height": "4rem",
           "width": "4rem"
@@ -1380,10 +1386,10 @@ declare const _default: {
           },
           "default": {
             "space": {
-              "left": "0",
               "right": "0.75rem",
               "y": "0.344rem",
-              "gap": "0.75rem"
+              "gap": "0.75rem",
+              "left": "0"
             }
           },
           "typography": {
@@ -1491,6 +1497,16 @@ declare const _default: {
               "active": "rgba(0,0,0,0)"
             }
           }
+        },
+        "dragControl": {
+          "separator": {
+            "size": {
+              "height": "0.125rem"
+            },
+            "color": {
+              "default": "#161517"
+            }
+          }
         }
       },
       "main": {

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

@@ -698,6 +698,13 @@ declare const _default: {
               "active": "rgba(0,0,0,0)"
             }
           }
+        },
+        "dragControl": {
+          "separator": {
+            "color": {
+              "default": "#161517"
+            }
+          }
         }
       },
       "main": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",