@clickhouse/click-ui 0.0.42 → 0.0.44

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -2,11 +2,11 @@ import { HTMLAttributes, ReactNode } from "react";
 export interface ButtonGroupElementProps extends Omit<HTMLAttributes<HTMLButtonElement>, "children"> {
     value: string;
     label?: ReactNode;
-    fillWidth?: boolean;
 }
 export interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
     options: Array<ButtonGroupElementProps>;
     selected?: string;
     onClick?: (value: string) => void;
+    fillWidth?: boolean;
 }
-export declare const ButtonGroup: ({ options, selected, onClick, ...props }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroup: ({ options, selected, fillWidth, onClick, ...props }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/styles/types.d.ts

@@ -1784,6 +1784,18 @@ export interface Theme {
                 "title": {
                     "default": string;
                 };
+                "cell": {
+                    "space": {
+                        "md": {
+                            "y": string;
+                            "x": string;
+                        };
+                        "sm": {
+                            "y": string;
+                            "x": string;
+                        };
+                    };
+                };
                 "color": {
                     "background": {
                         "default": string;
@@ -1815,6 +1827,29 @@ export interface Theme {
             "radii": {
                 "all": string;
             };
+            "body": {
+                "cell": {
+                    "space": {
+                        "md": {
+                            "y": string;
+                            "x": string;
+                        };
+                        "sm": {
+                            "y": string;
+                            "x": string;
+                        };
+                    };
+                };
+            };
+            "mobile": {
+                "cell": {
+                    "space": {
+                        "y": string;
+                        "x": string;
+                        "gap": string;
+                    };
+                };
+            };
             "row": {
                 "color": {
                     "background": {
@@ -2110,6 +2145,47 @@ export interface Theme {
                 };
             };
         };
+        "grid": {
+            "header": {
+                "cell": {
+                    "space": {
+                        "y": string;
+                        "x": string;
+                    };
+                };
+            };
+            "body": {
+                "cell": {
+                    "space": {
+                        "y": string;
+                        "x": string;
+                    };
+                };
+            };
+            "color": {
+                "background": {
+                    "header": {
+                        "default": string;
+                    };
+                    "row": {
+                        "default": string;
+                    };
+                };
+                "text": {
+                    "header": {
+                        "default": string;
+                    };
+                    "row": {
+                        "default": string;
+                    };
+                };
+                "stroke": {
+                    "cell": {
+                        "stroke": string;
+                    };
+                };
+            };
+        };
         "global": {
             "color": {
                 "background": {
@@ -2165,31 +2241,6 @@ export interface Theme {
                 };
             };
         };
-        "grid": {
-            "color": {
-                "background": {
-                    "header": {
-                        "default": string;
-                    };
-                    "row": {
-                        "default": string;
-                    };
-                };
-                "text": {
-                    "header": {
-                        "default": string;
-                    };
-                    "row": {
-                        "default": string;
-                    };
-                };
-                "stroke": {
-                    "cell": {
-                        "stroke": string;
-                    };
-                };
-            };
-        };
         "storybook": {
             "global": {
                 "background": string;
@@ -2244,6 +2295,29 @@ export interface Theme {
             "shadow": {
                 "default": string;
             };
+            "feedback": {
+                "info": {
+                    "background": string;
+                    "foreground": string;
+                };
+                "success": {
+                    "background": string;
+                    "foreground": string;
+                };
+                "warning": {
+                    "background": string;
+                    "foreground": string;
+                };
+                "danger": {
+                    "background": string;
+                    "foreground": string;
+                };
+                "neutral": {
+                    "background": string;
+                    "foreground": string;
+                    "stroke": string;
+                };
+            };
         };
     };
     "palette": {

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

@@ -587,13 +587,36 @@ declare const _default: {
         "intense": "#b3b6bd"
       },
       "accent": {
-        "default": "#151515"
+        "default": "#FFC029"
       },
       "outline": {
         "default": "#C78F0F"
       },
       "shadow": {
         "default": "lch(6.77 0 0 / 0.15)"
+      },
+      "feedback": {
+        "info": {
+          "background": "#dae6fc",
+          "foreground": "#135be6"
+        },
+        "success": {
+          "background": "#e0f8e7",
+          "foreground": "#15632b"
+        },
+        "warning": {
+          "background": "#ffedd8",
+          "foreground": "#9e5600"
+        },
+        "danger": {
+          "background": "#ffdddd",
+          "foreground": "#c10000"
+        },
+        "neutral": {
+          "background": "#e6e7e9",
+          "foreground": "#53575f",
+          "stroke": "lch(91.6 1.1 266)"
+        }
       }
     }
   }

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

@@ -1075,6 +1075,31 @@ declare const _default: {
         }
       }
     },
+    "grid": {
+      "color": {
+        "background": {
+          "header": {
+            "default": "lch(16.1 0 0 / 0.7)"
+          },
+          "row": {
+            "default": "#1F1F1C"
+          }
+        },
+        "text": {
+          "header": {
+            "default": "#b3b6bd"
+          },
+          "row": {
+            "default": "#ffffff"
+          }
+        },
+        "stroke": {
+          "cell": {
+            "stroke": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      }
+    },
     "global": {
       "color": {
         "background": {
@@ -1130,31 +1155,6 @@ declare const _default: {
         }
       }
     },
-    "grid": {
-      "color": {
-        "background": {
-          "header": {
-            "default": "lch(16.1 0 0 / 0.7)"
-          },
-          "row": {
-            "default": "#1F1F1C"
-          }
-        },
-        "text": {
-          "header": {
-            "default": "#b3b6bd"
-          },
-          "row": {
-            "default": "#ffffff"
-          }
-        },
-        "stroke": {
-          "cell": {
-            "stroke": "lch(27.5 0 0 / 0.3)"
-          }
-        }
-      }
-    },
     "storybook": {
       "global": {
         "background": "rgb(27,28,29)"
@@ -1190,6 +1190,29 @@ declare const _default: {
       },
       "shadow": {
         "default": "lch(6.77 0 0 / 0.6)"
+      },
+      "feedback": {
+        "info": {
+          "background": "#092e73",
+          "foreground": "#91b3f6"
+        },
+        "success": {
+          "background": "#0e421d",
+          "foreground": "#81e59d"
+        },
+        "warning": {
+          "background": "#4f2b00",
+          "foreground": "#ff9416"
+        },
+        "danger": {
+          "background": "#610000",
+          "foreground": "#ff7575"
+        },
+        "neutral": {
+          "background": "#414141",
+          "foreground": "#c0c0c0",
+          "stroke": "lch(27.5 0 0 / 0.3)"
+        }
       }
     }
   }

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

@@ -1784,6 +1784,18 @@ declare const _default: {
         "title": {
           "default": "500 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
         },
+        "cell": {
+          "space": {
+            "md": {
+              "y": "0.75rem",
+              "x": "1rem"
+            },
+            "sm": {
+              "y": "0.5rem",
+              "x": "1rem"
+            }
+          }
+        },
         "color": {
           "background": {
             "default": "#f6f7fa"
@@ -1815,6 +1827,29 @@ declare const _default: {
       "radii": {
         "all": "0.25rem"
       },
+      "body": {
+        "cell": {
+          "space": {
+            "md": {
+              "y": "1rem",
+              "x": "1rem"
+            },
+            "sm": {
+              "y": "0.5rem",
+              "x": "1rem"
+            }
+          }
+        }
+      },
+      "mobile": {
+        "cell": {
+          "space": {
+            "y": "1rem",
+            "x": "1rem",
+            "gap": "0.5rem"
+          }
+        }
+      },
       "row": {
         "color": {
           "background": {
@@ -2110,6 +2145,47 @@ declare const _default: {
         }
       }
     },
+    "grid": {
+      "header": {
+        "cell": {
+          "space": {
+            "y": "0.438rem",
+            "x": "0.5rem"
+          }
+        }
+      },
+      "body": {
+        "cell": {
+          "space": {
+            "y": "0.25rem",
+            "x": "0.5rem"
+          }
+        }
+      },
+      "color": {
+        "background": {
+          "header": {
+            "default": "lch(97.2 1.57 272 / 0.7)"
+          },
+          "row": {
+            "default": "#ffffff"
+          }
+        },
+        "text": {
+          "header": {
+            "default": "#696e79"
+          },
+          "row": {
+            "default": "#161517"
+          }
+        },
+        "stroke": {
+          "cell": {
+            "stroke": "lch(91.6 1.1 266)"
+          }
+        }
+      }
+    },
     "global": {
       "color": {
         "background": {
@@ -2165,31 +2241,6 @@ declare const _default: {
         }
       }
     },
-    "grid": {
-      "color": {
-        "background": {
-          "header": {
-            "default": "lch(97.2 1.57 272 / 0.7)"
-          },
-          "row": {
-            "default": "#ffffff"
-          }
-        },
-        "text": {
-          "header": {
-            "default": "#696e79"
-          },
-          "row": {
-            "default": "#161517"
-          }
-        },
-        "stroke": {
-          "cell": {
-            "stroke": "lch(91.6 1.1 266)"
-          }
-        }
-      }
-    },
     "storybook": {
       "global": {
         "background": "#ffffff"
@@ -2243,6 +2294,29 @@ declare const _default: {
       },
       "shadow": {
         "default": "lch(6.77 0 0 / 0.15)"
+      },
+      "feedback": {
+        "info": {
+          "background": "#dae6fc",
+          "foreground": "#135be6"
+        },
+        "success": {
+          "background": "#e0f8e7",
+          "foreground": "#15632b"
+        },
+        "warning": {
+          "background": "#ffedd8",
+          "foreground": "#9e5600"
+        },
+        "danger": {
+          "background": "#ffdddd",
+          "foreground": "#c10000"
+        },
+        "neutral": {
+          "background": "#e6e7e9",
+          "foreground": "#53575f",
+          "stroke": "lch(91.6 1.1 266)"
+        }
       }
     }
   },

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

@@ -1068,6 +1068,31 @@ declare const _default: {
         }
       }
     },
+    "grid": {
+      "color": {
+        "background": {
+          "header": {
+            "default": "lch(97.2 1.57 272 / 0.7)"
+          },
+          "row": {
+            "default": "#ffffff"
+          }
+        },
+        "text": {
+          "header": {
+            "default": "#696e79"
+          },
+          "row": {
+            "default": "#161517"
+          }
+        },
+        "stroke": {
+          "cell": {
+            "stroke": "lch(91.6 1.1 266)"
+          }
+        }
+      }
+    },
     "global": {
       "color": {
         "background": {
@@ -1123,31 +1148,6 @@ declare const _default: {
         }
       }
     },
-    "grid": {
-      "color": {
-        "background": {
-          "header": {
-            "default": "lch(97.2 1.57 272 / 0.7)"
-          },
-          "row": {
-            "default": "#ffffff"
-          }
-        },
-        "text": {
-          "header": {
-            "default": "#696e79"
-          },
-          "row": {
-            "default": "#161517"
-          }
-        },
-        "stroke": {
-          "cell": {
-            "stroke": "lch(91.6 1.1 266)"
-          }
-        }
-      }
-    },
     "storybook": {
       "global": {
         "background": "#ffffff"
@@ -1183,6 +1183,29 @@ declare const _default: {
       },
       "shadow": {
         "default": "lch(6.77 0 0 / 0.15)"
+      },
+      "feedback": {
+        "info": {
+          "background": "#dae6fc",
+          "foreground": "#135be6"
+        },
+        "success": {
+          "background": "#e0f8e7",
+          "foreground": "#15632b"
+        },
+        "warning": {
+          "background": "#ffedd8",
+          "foreground": "#9e5600"
+        },
+        "danger": {
+          "background": "#ffdddd",
+          "foreground": "#c10000"
+        },
+        "neutral": {
+          "background": "#e6e7e9",
+          "foreground": "#53575f",
+          "stroke": "lch(91.6 1.1 266)"
+        }
       }
     }
   }

package/dist/theme/index.d.ts

@@ -5,7 +5,7 @@ declare module "styled-components" {
     interface DefaultTheme extends Theme {
     }
 }
-type CUIThemeType = Pick<Theme, "global" | "sizes">;
+type CUIThemeType = Pick<Theme, "global" | "sizes" | "name">;
 declare const useCUITheme: () => CUIThemeType;
 export type { ThemeName, CUIThemeType };
 export { useCUITheme };

package/package.json

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