@clickhouse/click-ui 0.0.188 → 0.0.190

package/dist/click-ui.es.js

@@ -855,6 +855,15 @@ const UnitedKingdom = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://ww
     /* @__PURE__ */ jsx("clipPath", { id: "ukFlagClipPath2", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h30v20H0z" }) })
   ] })
 ] });
+const UnitedArabEmirates = (props) => /* @__PURE__ */ jsxs("svg", { width: "30", height: "20", viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10582_2024)", children: [
+    /* @__PURE__ */ jsx("path", { d: "M30 0H0V20H30V0Z", fill: "#00732F" }),
+    /* @__PURE__ */ jsx("path", { d: "M30 6.6665H0V19.9998H30V6.6665Z", fill: "white" }),
+    /* @__PURE__ */ jsx("path", { d: "M30 13.3335H0V20.0002H30V13.3335Z", fill: "black" }),
+    /* @__PURE__ */ jsx("path", { d: "M7.5 0H0V20H7.5V0Z", fill: "#FF0000" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_10582_2024", children: /* @__PURE__ */ jsx("rect", { width: "30", height: "20", fill: "white" }) }) })
+] });
 const EuropeanUnion = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 30, height: 20, viewBox: "0 0 30 20", fill: "none", ...props, children: [
   /* @__PURE__ */ jsx("g", { clipPath: "url(#euFlagClipPath1)", children: /* @__PURE__ */ jsxs("g", { clipPath: "url(#euFlagClipPath2)", children: [
     /* @__PURE__ */ jsx("path", { fill: "#039", d: "M30 0H0v20h30V0Z" }),
@@ -1082,6 +1091,18 @@ const SouthAfrica = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.
   ] }),
   /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_3880_12429", children: /* @__PURE__ */ jsx("rect", { width: "30", height: "19.9999", rx: "1", fill: "white" }) }) })
 ] });
+const SouthKorea = (props) => /* @__PURE__ */ jsxs("svg", { width: "30", height: "20", viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10582_2008)", children: [
+    /* @__PURE__ */ jsx("path", { d: "M0 0V20H30V0H0Z", fill: "white" }),
+    /* @__PURE__ */ jsx("path", { d: "M7.71973 2.1416L4.94623 6.30185L7.71973 2.1416ZM5.98629 6.99523L8.75979 2.83498L5.98629 6.99523ZM9.79985 3.52835L7.02635 7.6886L9.79985 3.52835ZM20.2005 16.4714L21.4717 14.5646L20.2005 16.4714ZM21.7028 14.2179L22.974 12.3111L21.7028 14.2179ZM24.014 13.0045L22.7429 14.9113L24.014 13.0045ZM22.5117 15.258L21.2405 17.1647L22.5117 15.258ZM22.2806 17.8581L23.5518 15.9513L22.2806 17.8581ZM23.7829 15.6046L25.0541 13.6979L23.7829 15.6046Z", fill: "black" }),
+    /* @__PURE__ */ jsx("path", { d: "M7.71973 2.1416L4.94623 6.30185M5.98629 6.99523L8.75979 2.83498M9.79985 3.52835L7.02635 7.6886M20.2005 16.4714L21.4717 14.5646M21.7028 14.2179L22.974 12.3111M24.014 13.0045L22.7429 14.9113M22.5117 15.258L21.2405 17.1647M22.2806 17.8581L23.5518 15.9513M23.7829 15.6046L25.0541 13.6979", stroke: "black", strokeWidth: "0.833333" }),
+    /* @__PURE__ */ jsx("path", { d: "M4.94629 13.6982L7.71979 17.8585L4.94629 13.6982ZM8.75985 17.1651L7.48866 15.2583L8.75985 17.1651ZM7.25754 14.9116L5.98635 13.0049L7.25754 14.9116ZM7.02641 12.3115L9.79992 16.4717L7.02641 12.3115ZM22.974 7.68899L21.7029 5.78221L22.974 7.68899ZM21.4717 5.43552L20.2005 3.52874L21.4717 5.43552ZM21.2406 2.83536L24.0141 6.99561L21.2406 2.83536ZM25.0542 6.30224L23.783 4.39546L25.0542 6.30224ZM23.5519 4.04877L22.2807 2.14199L23.5519 4.04877Z", fill: "black" }),
+    /* @__PURE__ */ jsx("path", { d: "M4.94629 13.6982L7.71979 17.8585M8.75985 17.1651L7.48867 15.2583M7.25754 14.9116L5.98635 13.0049M7.02641 12.3115L9.79992 16.4717M22.974 7.68899L21.7029 5.78221M21.4717 5.43552L20.2005 3.52874M21.2406 2.83536L24.0141 6.99561M25.0542 6.30224L23.783 4.39546M23.5519 4.04877L22.2807 2.14199", stroke: "black", strokeWidth: "0.833333" }),
+    /* @__PURE__ */ jsx("path", { d: "M17.0802 11.3869C16.5285 12.2144 15.6707 12.7889 14.6954 12.984C13.7202 13.179 12.7074 12.9787 11.8798 12.427C11.0523 11.8753 10.4778 11.0175 10.2828 10.0422C10.0877 9.06697 10.2881 8.05418 10.8398 7.22666C11.5754 6.12329 12.7191 5.35732 14.0195 5.09726C15.3198 4.83719 16.6702 5.10433 17.7735 5.83991C18.8769 6.57549 19.6429 7.71925 19.9029 9.01958C20.163 10.3199 19.8959 11.6703 19.1603 12.7737", fill: "#CD2E3A" }),
+    /* @__PURE__ */ jsx("path", { d: "M15.0001 10.0001C15.3679 9.44843 15.9397 9.06544 16.5899 8.93541C17.2401 8.80538 17.9153 8.93895 18.4669 9.30674C19.0186 9.67452 19.4016 10.2464 19.5316 10.8966C19.6617 11.5467 19.5281 12.2219 19.1603 12.7736C18.4247 13.877 17.281 14.6429 15.9806 14.903C14.6803 15.1631 13.3299 14.8959 12.2266 14.1604C11.1232 13.4248 10.3572 12.281 10.0972 10.9807C9.83709 9.68036 10.1042 8.32998 10.8398 7.22661C10.472 7.77829 10.3385 8.45349 10.4685 9.10365C10.5985 9.75382 10.9815 10.3257 11.5332 10.6935C12.0849 11.0613 12.7601 11.1948 13.4102 11.0648C14.0604 10.9348 14.6323 10.5518 15.0001 10.0001Z", fill: "#0047A0" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_10582_2008", children: /* @__PURE__ */ jsx("rect", { width: "30", height: "20", fill: "white" }) }) })
+] });
 const Brazil = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "21", viewBox: "0 0 30 21", fill: "none", ...props, children: [
   /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_3880_11917)", children: [
     /* @__PURE__ */ jsx("path", { d: "M0 1C0 0.447715 0.447715 0 1 0H29C29.5523 0 30 0.447715 30 1V19C30 19.5523 29.5523 20 29 20H1C0.447716 20 0 19.5523 0 19V1Z", fill: "#009B3A" }),
@@ -1502,6 +1523,7 @@ const Switzerland = (props) => /* @__PURE__ */ jsxs("svg", { width: "30", height
   /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_8668_6183", children: /* @__PURE__ */ jsx("rect", { width: "30", height: "20", fill: "white" }) }) })
 ] });
 const FlagList = {
+  ae: UnitedArabEmirates,
   au: Australia,
   br: Brazil,
   ca: Canada,
@@ -1515,6 +1537,7 @@ const FlagList = {
   nl: Netherlands,
   sg: Singapore,
   za: SouthAfrica,
+  kr: SouthKorea,
   sw: Sweden,
   uk: UnitedKingdom,
   usa: UnitedStates
@@ -43840,7 +43863,7 @@ const click$2 = {
         "default": "#414141",
         hover: "#414141",
         active: "#151515",
-        disabled: "#606060"
+        disabled: "#414141"
       },
       indicator: {
         "default": "#1F1F1C",
@@ -44069,12 +44092,12 @@ const click$2 = {
       background: {
         "default": "#606060",
         active: "#FAFF69",
-        disabled: "#808080"
+        disabled: "#414141"
       },
       stroke: {
         "default": "#606060",
         active: "#FAFF69",
-        disabled: "#808080"
+        disabled: "#414141"
       },
       indicator: {
         "default": "#151515",

package/dist/click-ui.umd.js

@@ -871,6 +871,15 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "ukFlagClipPath2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h30v20H0z" }) })
     ] })
   ] });
+  const UnitedArabEmirates = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "30", height: "20", viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_10582_2024)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M30 0H0V20H30V0Z", fill: "#00732F" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M30 6.6665H0V19.9998H30V6.6665Z", fill: "white" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M30 13.3335H0V20.0002H30V13.3335Z", fill: "black" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.5 0H0V20H7.5V0Z", fill: "#FF0000" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_10582_2024", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "30", height: "20", fill: "white" }) }) })
+  ] });
   const EuropeanUnion = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 30, height: 20, viewBox: "0 0 30 20", fill: "none", ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#euFlagClipPath1)", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#euFlagClipPath2)", children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#039", d: "M30 0H0v20h30V0Z" }),
@@ -1098,6 +1107,18 @@ var __publicField = (obj, key, value) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_3880_12429", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "30", height: "19.9999", rx: "1", fill: "white" }) }) })
   ] });
+  const SouthKorea = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "30", height: "20", viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_10582_2008)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0V20H30V0H0Z", fill: "white" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.71973 2.1416L4.94623 6.30185L7.71973 2.1416ZM5.98629 6.99523L8.75979 2.83498L5.98629 6.99523ZM9.79985 3.52835L7.02635 7.6886L9.79985 3.52835ZM20.2005 16.4714L21.4717 14.5646L20.2005 16.4714ZM21.7028 14.2179L22.974 12.3111L21.7028 14.2179ZM24.014 13.0045L22.7429 14.9113L24.014 13.0045ZM22.5117 15.258L21.2405 17.1647L22.5117 15.258ZM22.2806 17.8581L23.5518 15.9513L22.2806 17.8581ZM23.7829 15.6046L25.0541 13.6979L23.7829 15.6046Z", fill: "black" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.71973 2.1416L4.94623 6.30185M5.98629 6.99523L8.75979 2.83498M9.79985 3.52835L7.02635 7.6886M20.2005 16.4714L21.4717 14.5646M21.7028 14.2179L22.974 12.3111M24.014 13.0045L22.7429 14.9113M22.5117 15.258L21.2405 17.1647M22.2806 17.8581L23.5518 15.9513M23.7829 15.6046L25.0541 13.6979", stroke: "black", strokeWidth: "0.833333" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.94629 13.6982L7.71979 17.8585L4.94629 13.6982ZM8.75985 17.1651L7.48866 15.2583L8.75985 17.1651ZM7.25754 14.9116L5.98635 13.0049L7.25754 14.9116ZM7.02641 12.3115L9.79992 16.4717L7.02641 12.3115ZM22.974 7.68899L21.7029 5.78221L22.974 7.68899ZM21.4717 5.43552L20.2005 3.52874L21.4717 5.43552ZM21.2406 2.83536L24.0141 6.99561L21.2406 2.83536ZM25.0542 6.30224L23.783 4.39546L25.0542 6.30224ZM23.5519 4.04877L22.2807 2.14199L23.5519 4.04877Z", fill: "black" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.94629 13.6982L7.71979 17.8585M8.75985 17.1651L7.48867 15.2583M7.25754 14.9116L5.98635 13.0049M7.02641 12.3115L9.79992 16.4717M22.974 7.68899L21.7029 5.78221M21.4717 5.43552L20.2005 3.52874M21.2406 2.83536L24.0141 6.99561M25.0542 6.30224L23.783 4.39546M23.5519 4.04877L22.2807 2.14199", stroke: "black", strokeWidth: "0.833333" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.0802 11.3869C16.5285 12.2144 15.6707 12.7889 14.6954 12.984C13.7202 13.179 12.7074 12.9787 11.8798 12.427C11.0523 11.8753 10.4778 11.0175 10.2828 10.0422C10.0877 9.06697 10.2881 8.05418 10.8398 7.22666C11.5754 6.12329 12.7191 5.35732 14.0195 5.09726C15.3198 4.83719 16.6702 5.10433 17.7735 5.83991C18.8769 6.57549 19.6429 7.71925 19.9029 9.01958C20.163 10.3199 19.8959 11.6703 19.1603 12.7737", fill: "#CD2E3A" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.0001 10.0001C15.3679 9.44843 15.9397 9.06544 16.5899 8.93541C17.2401 8.80538 17.9153 8.93895 18.4669 9.30674C19.0186 9.67452 19.4016 10.2464 19.5316 10.8966C19.6617 11.5467 19.5281 12.2219 19.1603 12.7736C18.4247 13.877 17.281 14.6429 15.9806 14.903C14.6803 15.1631 13.3299 14.8959 12.2266 14.1604C11.1232 13.4248 10.3572 12.281 10.0972 10.9807C9.83709 9.68036 10.1042 8.32998 10.8398 7.22661C10.472 7.77829 10.3385 8.45349 10.4685 9.10365C10.5985 9.75382 10.9815 10.3257 11.5332 10.6935C12.0849 11.0613 12.7601 11.1948 13.4102 11.0648C14.0604 10.9348 14.6323 10.5518 15.0001 10.0001Z", fill: "#0047A0" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_10582_2008", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "30", height: "20", fill: "white" }) }) })
+  ] });
   const Brazil = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "21", viewBox: "0 0 30 21", fill: "none", ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_3880_11917)", children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 1C0 0.447715 0.447715 0 1 0H29C29.5523 0 30 0.447715 30 1V19C30 19.5523 29.5523 20 29 20H1C0.447716 20 0 19.5523 0 19V1Z", fill: "#009B3A" }),
@@ -1518,6 +1539,7 @@ var __publicField = (obj, key, value) => {
     /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_8668_6183", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "30", height: "20", fill: "white" }) }) })
   ] });
   const FlagList = {
+    ae: UnitedArabEmirates,
     au: Australia,
     br: Brazil,
     ca: Canada,
@@ -1531,6 +1553,7 @@ var __publicField = (obj, key, value) => {
     nl: Netherlands,
     sg: Singapore,
     za: SouthAfrica,
+    kr: SouthKorea,
     sw: Sweden,
     uk: UnitedKingdom,
     usa: UnitedStates
@@ -43856,7 +43879,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           "default": "#414141",
           hover: "#414141",
           active: "#151515",
-          disabled: "#606060"
+          disabled: "#414141"
         },
         indicator: {
           "default": "#1F1F1C",
@@ -44085,12 +44108,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         background: {
           "default": "#606060",
           active: "#FAFF69",
-          disabled: "#808080"
+          disabled: "#414141"
         },
         stroke: {
           "default": "#606060",
           active: "#FAFF69",
-          disabled: "#808080"
+          disabled: "#414141"
         },
         indicator: {
           "default": "#151515",

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const SouthKorea: (props: React.SVGAttributes<SVGElement>) => React.ReactElement;
+export default SouthKorea;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const UnitedArabEmirates: (props: React.SVGAttributes<SVGElement>) => React.ReactElement;
+export default UnitedArabEmirates;

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

@@ -1,12 +1,13 @@
 import { SVGAttributes } from 'react';
 import { IconSize } from '../../Icon/types';
 
-export type FlagName = "au" | "br" | "ca" | "ch" | "de" | "eu" | "gb" | "in" | "ie" | "jp" | "nl" | "sg" | "sw" | "usa" | "uk" | "za";
+export type FlagName = "ae" | "au" | "br" | "ca" | "ch" | "de" | "eu" | "gb" | "in" | "ie" | "jp" | "nl" | "sg" | "kr" | "sw" | "usa" | "uk" | "za";
 export interface FlagProps extends Omit<SVGAttributes<SVGElement>, "size"> {
     name: FlagName;
     size?: IconSize;
 }
 export declare const FlagList: {
+    ae: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
     au: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
     br: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
     ca: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
@@ -20,6 +21,7 @@ export declare const FlagList: {
     nl: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
     sg: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
     za: (props: SVGAttributes<SVGElement>) => import('react').ReactElement;
+    kr: (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;

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

@@ -1025,7 +1025,7 @@ declare const _default: {
           "default": "#414141",
           "hover": "#414141",
           "active": "#151515",
-          "disabled": "#606060"
+          "disabled": "#414141"
         },
         "indicator": {
           "default": "#1F1F1C",
@@ -1254,12 +1254,12 @@ declare const _default: {
         "background": {
           "default": "#606060",
           "active": "#FAFF69",
-          "disabled": "#808080"
+          "disabled": "#414141"
         },
         "stroke": {
           "default": "#606060",
           "active": "#FAFF69",
-          "disabled": "#808080"
+          "disabled": "#414141"
         },
         "indicator": {
           "default": "#151515",

package/package.json

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