@clickhouse/click-ui 0.0.157 → 0.0.159

package/dist/click-ui.es.js

@@ -2291,10 +2291,19 @@ const FormElementContainer = styled.div.withConfig({
 styled.span.withConfig({
   componentId: "sc-1sddmxu-8"
 })(["display:flex;white-space:nowrap;overflow:hidden;justify-content:flex-end;gap:inherit;& > *:not(button){overflow:hidden;text-overflow:ellipsis;}"]);
+const Switzerland = (props) => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "30", height: "20", viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { "clip-path": "url(#clip0_8668_6183)", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M30 0H0V20H30V0Z", fill: "#D52B1E" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21.6663 7.77783H8.33301V12.2223H21.6663V7.77783Z", fill: "white" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M17.2218 3.3335H12.7773V16.6668H17.2218V3.3335Z", fill: "white" })
+  ] }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("clipPath", { id: "clip0_8668_6183", children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { width: "30", height: "20", fill: "white" }) }) })
+] });
 const FlagList = {
   au: Australia,
   br: Brazil,
   ca: Canada,
+  ch: Switzerland,
   de: Germany,
   eu: EuropeanUnion,
   gb: GreatBritain,
@@ -9108,6 +9117,11 @@ const TextWrapper = styled.div.withConfig({
 }) => `
     gap: ${theme2.click.alert[$size].space.gap};
     padding: ${theme2.click.alert[$size].space.y} ${theme2.click.alert[$size].space.x};
+    a {
+      font: inherit;
+      color: inherit;
+      text-decoration: underline;
+    }
   `);
 const Title$4 = styled.h6.withConfig({
   componentId: "sc-1wvczk0-4"
@@ -14898,13 +14912,13 @@ const FlyoutContent = styled($5d3850c4d0b4e6c7$export$b6d9565de1e068cf).withConf
       ${$strategy === "relative" ? `
             position: absolute !important;` : ""}
       overflow: hidden;
-      transform: translateX(calc(100% - 50px));
+      transform: ${$align === "start" ? "translateX(calc(50px - 100%))" : "translateX(calc(100% - 50px))"};
       transition: 0.3s ease-in-out;
       &:hover,
       &.active,
       &:focus-within {
         transform: translateX(0);
-        left: auto;
+        ${$align === "start" ? "right" : "left"}: auto;
       }
     }
   `);

package/dist/click-ui.umd.js

@@ -2308,10 +2308,19 @@ var __publicField = (obj, key, value) => {
   styled.span.withConfig({
     componentId: "sc-1sddmxu-8"
   })(["display:flex;white-space:nowrap;overflow:hidden;justify-content:flex-end;gap:inherit;& > *:not(button){overflow:hidden;text-overflow:ellipsis;}"]);
+  const Switzerland = (props) => /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "30", height: "20", viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { "clip-path": "url(#clip0_8668_6183)", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M30 0H0V20H30V0Z", fill: "#D52B1E" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21.6663 7.77783H8.33301V12.2223H21.6663V7.77783Z", fill: "white" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M17.2218 3.3335H12.7773V16.6668H17.2218V3.3335Z", fill: "white" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("clipPath", { id: "clip0_8668_6183", children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { width: "30", height: "20", fill: "white" }) }) })
+  ] });
   const FlagList = {
     au: Australia,
     br: Brazil,
     ca: Canada,
+    ch: Switzerland,
     de: Germany,
     eu: EuropeanUnion,
     gb: GreatBritain,
@@ -9125,6 +9134,11 @@ var __publicField = (obj, key, value) => {
   }) => `
     gap: ${theme2.click.alert[$size].space.gap};
     padding: ${theme2.click.alert[$size].space.y} ${theme2.click.alert[$size].space.x};
+    a {
+      font: inherit;
+      color: inherit;
+      text-decoration: underline;
+    }
   `);
   const Title$4 = styled.h6.withConfig({
     componentId: "sc-1wvczk0-4"
@@ -14915,13 +14929,13 @@ var __publicField = (obj, key, value) => {
       ${$strategy === "relative" ? `
             position: absolute !important;` : ""}
       overflow: hidden;
-      transform: translateX(calc(100% - 50px));
+      transform: ${$align === "start" ? "translateX(calc(50px - 100%))" : "translateX(calc(100% - 50px))"};
       transition: 0.3s ease-in-out;
       &:hover,
       &.active,
       &:focus-within {
         transform: translateX(0);
-        left: auto;
+        ${$align === "start" ? "right" : "left"}: auto;
       }
     }
   `);

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Switzerland: (props: React.SVGAttributes<SVGElement>) => React.ReactElement;
+export default Switzerland;

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

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

package/package.json

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