@clickhouse/click-ui 0.0.128 → 0.0.129

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/click-ui.es.js +11 -2
  2. package/dist/click-ui.umd.js +11 -2
  3. package/dist/components/BigStat/BigStat.d.ts +3 -3
  4. package/dist/components/Logos/Microsoft.d.ts +3 -0
  5. package/dist/components/Logos/types.d.ts +1 -1
  6. package/package.json +1 -1
package/dist/click-ui.es.js CHANGED
@@ -2615,6 +2615,12 @@ const Metabase = (props) => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { widt
2615
2615
  /* @__PURE__ */ jsxRuntimeExports.jsx("path", { opacity: "0.2", d: "M43.0456 53.0913C45.1635 53.0913 46.8803 51.347 46.8803 49.1953C46.8803 47.0436 45.1635 45.2993 43.0456 45.2993C40.9278 45.2993 39.2109 47.0436 39.2109 49.1953C39.2109 51.347 40.9278 53.0913 43.0456 53.0913Z", fill: "#509EE3" }),
2616
2616
  /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M53.7829 53.0913C55.9008 53.0913 57.6176 51.347 57.6176 49.1953C57.6176 47.0436 55.9008 45.2993 53.7829 45.2993C51.6651 45.2993 49.9482 47.0436 49.9482 49.1953C49.9482 51.347 51.6651 53.0913 53.7829 53.0913Z", fill: "#509EE3" })
2617
2617
  ] });
2618
+ const Microsoft = (props) => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
2619
+ /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M5.43457 6.43506H29.7824V30.7829H5.43457V6.43506Z", fill: "#F35325" }),
2620
+ /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M32.2178 6.43506H56.5656V30.7829H32.2178V6.43506Z", fill: "#81BC06" }),
2621
+ /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M5.43457 33.2173H29.7824V57.5651H5.43457V33.2173Z", fill: "#05A6F0" }),
2622
+ /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M32.2178 33.2173H56.5656V57.5651H32.2178V33.2173Z", fill: "#FFBA08" })
2623
+ ] });
2618
2624
  const MongoDb = (props) => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
2619
2625
  /* @__PURE__ */ jsxRuntimeExports.jsx("g", { clipPath: "url(#clip0_3281_13740)", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M37.5006 7.10975C34.8146 3.93331 32.5016 0.707252 32.029 0.0372239C31.9793 -0.0124079 31.9047 -0.0124079 31.8549 0.0372239C31.3824 0.707252 29.0694 3.93331 26.3833 7.10975C3.32793 36.4172 30.0145 56.1957 30.0145 56.1957L30.2383 56.3444C30.4373 59.397 30.9347 63.7893 30.9347 63.7893H31.9295H32.9244C32.9244 63.7893 33.4218 59.4216 33.6208 56.3444L33.8446 56.1708C33.8695 56.1708 60.5561 36.4172 37.5006 7.10975ZM31.9295 55.749C31.9295 55.749 30.7357 54.7315 30.4124 54.2102V54.1607L31.8549 22.2475C31.8549 22.1482 32.0042 22.1482 32.0042 22.2475L33.4467 54.1607V54.2102C33.1233 54.7315 31.9295 55.749 31.9295 55.749Z", fill: "#00ED64" }) }),
2620
2626
  /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("clipPath", { id: "clip0_3281_13740", children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { width: "29.8833", height: "64", fill: "white", transform: "translate(17)" }) }) })
@@ -2818,6 +2824,7 @@ const LogosLight = {
2818
2824
  kafka: KafkaLight,
2819
2825
  kubenetes: Kubenetes,
2820
2826
  metabase: Metabase,
2827
+ microsoft: Microsoft,
2821
2828
  mongodb: MongoDb,
2822
2829
  mysql: MySQL,
2823
2830
  nodejs: NodeJs,
@@ -2932,6 +2939,7 @@ const LogosDark = {
2932
2939
  kafka: KafkaDark,
2933
2940
  kubenetes: Kubenetes,
2934
2941
  metabase: Metabase,
2942
+ microsoft: Microsoft,
2935
2943
  mongodb: MongoDb,
2936
2944
  mysql: MySQL,
2937
2945
  nodejs: NodeJs,
@@ -9738,8 +9746,9 @@ const BigStat = ({
9738
9746
  size: size2,
9739
9747
  spacing = "sm",
9740
9748
  state = "default",
9741
- title = "Title"
9742
- }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$b, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, children: [
9749
+ title = "Title",
9750
+ ...props
9751
+ }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$b, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, ...props, children: [
9743
9752
  /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { $state: state, $size: size2, children: label }),
9744
9753
  /* @__PURE__ */ jsxRuntimeExports.jsx(Title$3, { $state: state, $size: size2, children: title })
9745
9754
  ] });
package/dist/click-ui.umd.js CHANGED
@@ -2632,6 +2632,12 @@ var __publicField = (obj, key, value) => {
2632
2632
  /* @__PURE__ */ jsxRuntimeExports.jsx("path", { opacity: "0.2", d: "M43.0456 53.0913C45.1635 53.0913 46.8803 51.347 46.8803 49.1953C46.8803 47.0436 45.1635 45.2993 43.0456 45.2993C40.9278 45.2993 39.2109 47.0436 39.2109 49.1953C39.2109 51.347 40.9278 53.0913 43.0456 53.0913Z", fill: "#509EE3" }),
2633
2633
  /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M53.7829 53.0913C55.9008 53.0913 57.6176 51.347 57.6176 49.1953C57.6176 47.0436 55.9008 45.2993 53.7829 45.2993C51.6651 45.2993 49.9482 47.0436 49.9482 49.1953C49.9482 51.347 51.6651 53.0913 53.7829 53.0913Z", fill: "#509EE3" })
2634
2634
  ] });
2635
+ const Microsoft = (props) => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
2636
+ /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M5.43457 6.43506H29.7824V30.7829H5.43457V6.43506Z", fill: "#F35325" }),
2637
+ /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M32.2178 6.43506H56.5656V30.7829H32.2178V6.43506Z", fill: "#81BC06" }),
2638
+ /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M5.43457 33.2173H29.7824V57.5651H5.43457V33.2173Z", fill: "#05A6F0" }),
2639
+ /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M32.2178 33.2173H56.5656V57.5651H32.2178V33.2173Z", fill: "#FFBA08" })
2640
+ ] });
2635
2641
  const MongoDb = (props) => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
2636
2642
  /* @__PURE__ */ jsxRuntimeExports.jsx("g", { clipPath: "url(#clip0_3281_13740)", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M37.5006 7.10975C34.8146 3.93331 32.5016 0.707252 32.029 0.0372239C31.9793 -0.0124079 31.9047 -0.0124079 31.8549 0.0372239C31.3824 0.707252 29.0694 3.93331 26.3833 7.10975C3.32793 36.4172 30.0145 56.1957 30.0145 56.1957L30.2383 56.3444C30.4373 59.397 30.9347 63.7893 30.9347 63.7893H31.9295H32.9244C32.9244 63.7893 33.4218 59.4216 33.6208 56.3444L33.8446 56.1708C33.8695 56.1708 60.5561 36.4172 37.5006 7.10975ZM31.9295 55.749C31.9295 55.749 30.7357 54.7315 30.4124 54.2102V54.1607L31.8549 22.2475C31.8549 22.1482 32.0042 22.1482 32.0042 22.2475L33.4467 54.1607V54.2102C33.1233 54.7315 31.9295 55.749 31.9295 55.749Z", fill: "#00ED64" }) }),
2637
2643
  /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("clipPath", { id: "clip0_3281_13740", children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { width: "29.8833", height: "64", fill: "white", transform: "translate(17)" }) }) })
@@ -2835,6 +2841,7 @@ var __publicField = (obj, key, value) => {
2835
2841
  kafka: KafkaLight,
2836
2842
  kubenetes: Kubenetes,
2837
2843
  metabase: Metabase,
2844
+ microsoft: Microsoft,
2838
2845
  mongodb: MongoDb,
2839
2846
  mysql: MySQL,
2840
2847
  nodejs: NodeJs,
@@ -2949,6 +2956,7 @@ var __publicField = (obj, key, value) => {
2949
2956
  kafka: KafkaDark,
2950
2957
  kubenetes: Kubenetes,
2951
2958
  metabase: Metabase,
2959
+ microsoft: Microsoft,
2952
2960
  mongodb: MongoDb,
2953
2961
  mysql: MySQL,
2954
2962
  nodejs: NodeJs,
@@ -9755,8 +9763,9 @@ var __publicField = (obj, key, value) => {
9755
9763
  size: size2,
9756
9764
  spacing = "sm",
9757
9765
  state = "default",
9758
- title = "Title"
9759
- }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$b, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, children: [
9766
+ title = "Title",
9767
+ ...props
9768
+ }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$b, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, ...props, children: [
9760
9769
  /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { $state: state, $size: size2, children: label }),
9761
9770
  /* @__PURE__ */ jsxRuntimeExports.jsx(Title$3, { $state: state, $size: size2, children: title })
9762
9771
  ] });
package/dist/components/BigStat/BigStat.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
1
+ import { HTMLAttributes } from "react";
2
2
  export type bigStatOrder = "titleTop" | "titleBottom";
3
3
  export type bigStatSize = "sm" | "lg";
4
4
  export type bigStatSpacing = "sm" | "lg";
5
5
  export type bigStatState = "default" | "muted";
6
- export interface BigStatProps {
6
+ export interface BigStatProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
7
7
  fillWidth?: boolean;
8
8
  maxWidth?: string;
9
9
  height?: string;
@@ -14,4 +14,4 @@ export interface BigStatProps {
14
14
  state?: bigStatState;
15
15
  title: React.ReactNode;
16
16
  }
17
- export declare const BigStat: ({ fillWidth, maxWidth, height, label, order, size, spacing, state, title, }: BigStatProps) => import("react/jsx-runtime").JSX.Element;
17
+ export declare const BigStat: ({ fillWidth, maxWidth, height, label, order, size, spacing, state, title, ...props }: BigStatProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/Logos/Microsoft.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { SVGAttributes } from "react";
2
+ declare const Microsoft: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Microsoft;
package/dist/components/Logos/types.d.ts CHANGED
@@ -1 +1 @@
1
- export type LogoName = "clickhouse" | "airbyte" | "aws-s3" | "aws-athena" | "aws-kinesis" | "aws-redshift" | "aws-msk" | "kafka" | "fivetran" | "confluent" | "hex" | "tableau" | "grafana" | "superset" | "metabase" | "aws" | "gcp" | "gcs" | "azure" | "azure-event-hub" | "dbeaver" | "dbt" | "jdbc" | "mysql" | "postgres" | "google" | "github" | "decodeable" | "golang" | "prequel" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "redpanda" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg" | "upstash" | "warpstream";
1
+ export type LogoName = "clickhouse" | "airbyte" | "aws-s3" | "aws-athena" | "aws-kinesis" | "aws-redshift" | "aws-msk" | "kafka" | "fivetran" | "confluent" | "hex" | "tableau" | "grafana" | "superset" | "metabase" | "microsoft" | "aws" | "gcp" | "gcs" | "azure" | "azure-event-hub" | "dbeaver" | "dbt" | "jdbc" | "mysql" | "postgres" | "google" | "github" | "decodeable" | "golang" | "prequel" | "python" | "deepnote" | "nodejs" | "datagrip" | "vector" | "kubenetes" | "c#" | "redpanda" | "rust" | "hudi" | "deltalake" | "snowflake" | "mongodb" | "bigquery" | "iceberg" | "upstash" | "warpstream";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.128",
3
+ "version": "0.0.129",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",