@keboola/design 6.1.0 → 6.3.0

package/dist/markdown-editor.js

@@ -538,6 +538,59 @@ var init_Skeleton = __esm({
     };
   }
 });
+var Google;
+var init_Google = __esm({
+  "src/icons/Google.tsx"() {
+    init_utils2();
+    Google = forwardRef(
+      ({ size = 24, className, children, ...rest }, ref) => /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          ref,
+          xmlns: "http://www.w3.org/2000/svg",
+          width: size,
+          height: size,
+          viewBox: "12 10 20 20",
+          fill: "none",
+          className: cn("lucide", className),
+          ...rest,
+          children: [
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M31.6 20.2273C31.6 19.5182 31.5364 18.8364 31.4182 18.1818H22V22.05H27.3818C27.15 23.3 26.4455 24.3591 25.3864 25.0682V27.5773H28.6182C30.5091 25.8364 31.6 23.2727 31.6 20.2273Z",
+                fill: "#4285F4"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M22 30C24.7 30 26.9636 29.1045 28.6181 27.5773L25.3863 25.0682C24.4909 25.6682 23.3454 26.0227 22 26.0227C19.3954 26.0227 17.1909 24.2636 16.4045 21.9H13.0636V24.4909C14.7091 27.7591 18.0909 30 22 30Z",
+                fill: "#34A853"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M16.4045 21.9C16.2045 21.3 16.0909 20.6591 16.0909 20C16.0909 19.3409 16.2045 18.7 16.4045 18.1V15.5091H13.0636C12.3864 16.8591 12 18.3864 12 20C12 21.6136 12.3864 23.1409 13.0636 24.4909L16.4045 21.9Z",
+                fill: "#FBBC04"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M22 13.9773C23.4681 13.9773 24.7863 14.4818 25.8227 15.4727L28.6909 12.6045C26.9591 10.9909 24.6954 10 22 10C18.0909 10 14.7091 12.2409 13.0636 15.5091L16.4045 18.1C17.1909 15.7364 19.3954 13.9773 22 13.9773Z",
+                fill: "#EA4335"
+              }
+            ),
+            children
+          ]
+        }
+      )
+    );
+    Google.displayName = "Google";
+  }
+});
 var Keboola;
 var init_Keboola = __esm({
   "src/icons/Keboola.tsx"() {
@@ -568,11 +621,13 @@ var init_Keboola = __esm({
 // src/icons/index.ts
 var icons_exports = {};
 __export(icons_exports, {
+  Google: () => Google,
   Keboola: () => Keboola
 });
 var init_icons = __esm({
   "src/icons/index.ts"() {
     __reExport(icons_exports, lucide_react_star);
+    init_Google();
     init_Keboola();
   }
 });
@@ -2947,8 +3002,8 @@ var AlignmentDropdown = ({
       {
         type: "button",
         className: cn(
-          "tw-flex tw-h-7 tw-cursor-pointer tw-items-center tw-gap-1 tw-rounded tw-border-0 tw-bg-transparent tw-px-1.5 tw-text-xs tw-text-neutral-600",
-          "hover:tw-bg-neutral-100"
+          "tw-flex tw-h-7 tw-cursor-pointer tw-items-center tw-gap-1 tw-rounded tw-border-0 tw-bg-transparent tw-px-1.5 tw-text-xs tw-text-muted-foreground",
+          "hover:tw-bg-accent"
         ),
         children: [
           /* @__PURE__ */ jsx(CurrentAlignmentIcon, { className: "tw-size-4" }),
@@ -3033,8 +3088,8 @@ var BlockTypeDropdown = ({
       {
         type: "button",
         className: cn(
-          "tw-flex tw-h-7 tw-cursor-pointer tw-items-center tw-gap-1.5 tw-rounded tw-border-0 tw-bg-transparent tw-px-1.5 tw-text-xs tw-text-neutral-600",
-          "hover:tw-bg-neutral-100"
+          "tw-flex tw-h-7 tw-cursor-pointer tw-items-center tw-gap-1.5 tw-rounded tw-border-0 tw-bg-transparent tw-px-1.5 tw-text-xs tw-text-muted-foreground",
+          "hover:tw-bg-accent"
         ),
         children: [
           /* @__PURE__ */ jsx(CurrentBlockIcon, { className: "tw-size-4" }),
@@ -4086,8 +4141,8 @@ var ToolbarButton = ({
     disabled,
     onClick,
     className: cn(
-      "tw-flex tw-h-7 tw-min-w-7 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded tw-border-0 tw-bg-transparent tw-px-1 tw-text-xs tw-text-neutral-600",
-      "hover:tw-bg-neutral-100 disabled:tw-cursor-not-allowed disabled:tw-opacity-30",
+      "tw-flex tw-h-7 tw-min-w-7 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded tw-border-0 tw-bg-transparent tw-px-1 tw-text-xs tw-text-muted-foreground",
+      "hover:tw-bg-accent disabled:tw-cursor-not-allowed disabled:tw-opacity-30",
       active && "tw-bg-secondary-100 tw-text-secondary-500",
       extraClassName
     ),
@@ -4170,7 +4225,7 @@ var LinkPanel = ({ editor, isLink }) => {
       "div",
       {
         ref: panelRef,
-        className: "tw-absolute tw-left-0 tw-top-full tw-z-50 tw-mt-1 tw-w-80 tw-rounded-md tw-border tw-border-neutral-200 tw-bg-white tw-p-3 tw-shadow-lg",
+        className: "tw-absolute tw-left-0 tw-top-full tw-z-50 tw-mt-1 tw-w-80 tw-rounded-md tw-border tw-border-border tw-bg-popover tw-p-3 tw-text-popover-foreground tw-shadow-lg",
         children: /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-flex-col tw-gap-2", children: [
           /* @__PURE__ */ jsxs(FormGroup, { children: [
             /* @__PURE__ */ jsx(Label2, { htmlFor: "link-label", className: "tw-mb-1 tw-text-xs", children: "Label" }),
@@ -4210,7 +4265,7 @@ var LinkPanel = ({ editor, isLink }) => {
     )
   ] });
 };
-var ToolbarDivider = () => /* @__PURE__ */ jsx("div", { className: "tw-mx-0.5 tw-h-5 tw-w-px tw-bg-neutral-200" });
+var ToolbarDivider = () => /* @__PURE__ */ jsx("div", { className: "tw-mx-0.5 tw-h-5 tw-w-px tw-bg-border" });
 var ELEMENT_FORMAT_TYPES = ["left", "center", "right", "justify", "start", "end", ""];
 var isElementFormatType = (value) => ELEMENT_FORMAT_TYPES.includes(value);
 var toElementFormatType = (value) => isElementFormatType(value) ? value : "left";
@@ -4319,7 +4374,7 @@ var ToolbarPlugin = () => {
         "aria-label": "Formatting options",
         onMouseDown: (e) => e.preventDefault(),
         style: { top: position.top, left: position.left },
-        className: "tw-absolute tw-z-[1060] tw-flex tw--translate-y-full tw-items-center tw-gap-0.5 tw-rounded-lg tw-border tw-border-neutral-200 tw-bg-white tw-px-1.5 tw-py-1 tw-shadow-lg",
+        className: "tw-absolute tw-z-[1060] tw-flex tw--translate-y-full tw-items-center tw-gap-0.5 tw-rounded-lg tw-border tw-border-border tw-bg-popover tw-px-1.5 tw-py-1 tw-text-popover-foreground tw-shadow-lg",
         children: [
           /* @__PURE__ */ jsx(BlockTypeDropdown, { editor, blockType }),
           /* @__PURE__ */ jsx(ToolbarDivider, {}),