@keboola/design 6.2.0 → 6.4.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"() {
@@ -564,16 +617,49 @@ var init_Keboola = __esm({
     Keboola.displayName = "Keboola";
   }
 });
+var Microsoft;
+var init_Microsoft = __esm({
+  "src/icons/Microsoft.tsx"() {
+    init_utils2();
+    Microsoft = forwardRef(
+      ({ size = 24, className, children, ...rest }, ref) => /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          ref,
+          xmlns: "http://www.w3.org/2000/svg",
+          width: size,
+          height: size,
+          viewBox: "0 0 21 21",
+          fill: "none",
+          className: cn("lucide", className),
+          ...rest,
+          children: [
+            /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "10", height: "10", fill: "#F25022" }),
+            /* @__PURE__ */ jsx("rect", { x: "11", y: "0", width: "10", height: "10", fill: "#7FBA00" }),
+            /* @__PURE__ */ jsx("rect", { x: "0", y: "11", width: "10", height: "10", fill: "#00A4EF" }),
+            /* @__PURE__ */ jsx("rect", { x: "11", y: "11", width: "10", height: "10", fill: "#FFB900" }),
+            children
+          ]
+        }
+      )
+    );
+    Microsoft.displayName = "Microsoft";
+  }
+});
 
 // src/icons/index.ts
 var icons_exports = {};
 __export(icons_exports, {
-  Keboola: () => Keboola
+  Google: () => Google,
+  Keboola: () => Keboola,
+  Microsoft: () => Microsoft
 });
 var init_icons = __esm({
   "src/icons/index.ts"() {
     __reExport(icons_exports, lucide_react_star);
+    init_Google();
     init_Keboola();
+    init_Microsoft();
   }
 });
 var variants, argoVariants;
@@ -3458,8 +3544,15 @@ var inputGroupVariants = cva(
           "tw-border-input",
           "tw-text-foreground",
           "has-[:is(input,textarea):disabled]:tw-opacity-50",
+          // readonly: keep the themed input surface/border. The base layer's fixed
+          // `neutral-150` (a light grey) is correct for the legacy light chrome but
+          // collides with argo's themed `foreground` text — light-on-light, invisible
+          // in dark mode. Re-pin to the same `muted`/`input` tokens the editable argo
+          // input uses (validated AA), so readonly stays legible in every scheme.
+          "has-[:is(input,textarea)[readonly]]:tw-bg-muted",
+          "has-[:is(input,textarea)[readonly]]:tw-border-input",
           // higher specificity than has-[:is(input,textarea):focus] — prevents focus border on readonly
-          "has-[:is(input,textarea)[readonly]:focus]:tw-border-neutral-150",
+          "has-[:is(input,textarea)[readonly]:focus]:tw-border-input",
           // aria-invalid on the control surfaces the error chrome without a `state` prop — the
           // accessible path (uses the themeable `destructive` status token).
           "has-[:is(input,textarea)[aria-invalid=true]]:tw-border-destructive",
@@ -4170,7 +4263,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-border tw-bg-popover tw-text-popover-foreground 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" }),
@@ -4319,7 +4412,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-border tw-bg-popover tw-text-popover-foreground 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, {}),