@keboola/design 11.2.0 → 11.3.0

package/dist/markdown-editor.js

@@ -1,14 +1,14 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip } from "./utils-D0c5VAyF.js";
+import { Tooltip } from "./utils-B-g7d_Jb.js";
 import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-Cek151jC.js";
-import { Button } from "./Button-6xBX0nNl.js";
+import { Button } from "./Button-CPsEQuTN.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-t90tVw6l.js";
+import { DropdownMenu } from "./DropdownMenu-DpMEcyCq.js";
 import { Label } from "./internal/components/Label.js";
-import { TextInput } from "./TextInput-CMuN1WfY.js";
-import { FormGroup } from "./FormGroup-C41n65cE.js";
+import { TextInput } from "./TextInput-DhdRk8qm.js";
+import { FormGroup } from "./FormGroup-BnwP0jNu.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
-import { toast } from "./toast-CjkURw0M.js";
+import { toast } from "./toast-BweSoKn3.js";
 import { Suspense, createContext, lazy, use, useCallback, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -140,7 +140,7 @@ const $isImageNode = (node) => {
 };
 //#endregion
 //#region src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
-const MermaidDiagram = lazy(() => import("./MermaidDiagram-ChL3WIQT.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
+const MermaidDiagram = lazy(() => import("./MermaidDiagram-JlvuGcY-.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
 	console.error("[MarkdownEditor] failed to load MermaidDiagram chunk", error);
 	return { default: ({ code }) => /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) }) };
 }));

package/dist/mermaid.js

@@ -1,2 +1,2 @@
-import { MermaidDiagram } from "./MermaidDiagram-ChL3WIQT.js";
+import { MermaidDiagram } from "./MermaidDiagram-JlvuGcY-.js";
 export { MermaidDiagram };

package/dist/rjsf.js

@@ -1,21 +1,21 @@
-import { Tooltip, debounce } from "./utils-D0c5VAyF.js";
+import { Tooltip, debounce } from "./utils-B-g7d_Jb.js";
 import { BookOpen, Info, Trash2 } from "./icons-Cek151jC.js";
-import { Button } from "./Button-6xBX0nNl.js";
+import { Button } from "./Button-CPsEQuTN.js";
 import { Label } from "./internal/components/Label.js";
 import { Link } from "./internal/components/Link.js";
-import { TextInput } from "./TextInput-CMuN1WfY.js";
-import { RadioGroup } from "./RadioGroup-sIveSsNa.js";
-import { Checkbox } from "./Checkbox-GJ8-srt4.js";
-import { Combobox } from "./Combobox-Dgm6Z4ib.js";
-import { FormGroup } from "./FormGroup-C41n65cE.js";
+import { TextInput } from "./TextInput-DhdRk8qm.js";
+import { RadioGroup } from "./RadioGroup-BMxuZEbT.js";
+import { Checkbox } from "./Checkbox-5VNCcV7E.js";
+import { Combobox } from "./Combobox-CyoRA7oY.js";
+import { FormGroup } from "./FormGroup-BnwP0jNu.js";
 import { NumberInput } from "./internal/blocks/NumberInput.js";
 import { Textarea } from "./internal/blocks/Textarea.js";
-import { DateInput } from "./DateInput-B3UdzRfW.js";
+import { DateInput } from "./DateInput-BPj2pzsn.js";
 import { PasswordInput } from "./internal/blocks/PasswordInput.js";
-import { Alert } from "./Alert-DfZq9kGe.js";
+import { Alert } from "./Alert-CseY3yAj.js";
 import { CollapsiblePanel } from "./internal/components/CollapsiblePanel.js";
-import { Tabs, TabsContent } from "./Tabs-UMQuDoW8.js";
-import { CodeEditor, isLanguageMode } from "./CodeEditor-DyaN-Ij2.js";
+import { Tabs, TabsContent } from "./Tabs-l72-WuhK.js";
+import { CodeEditor, isLanguageMode } from "./CodeEditor-CUse8znx.js";
 import { createContext, isValidElement, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import DOMPurify from "dompurify";

package/dist/{styles-DSUP_-9Z.js → styles-BAFscjSV.js}

@@ -18,7 +18,6 @@ const overlayTriggerVariants = cva([
 	"tw:rounded",
 	"tw:border",
 	"tw:border-solid",
-	"tw:border-neutral-200",
 	"tw:text-neutral-800",
 	"tw:transition-[color,background-color,border-color,box-shadow]",
 	"tw:!outline-hidden",
@@ -71,7 +70,9 @@ const overlayTriggerVariants = cva([
 	variants: {
 		variant: {
 			primary: [
-				"tw:bg-white",
+				"tw:bg-input-background",
+				"tw:text-foreground",
+				"tw:border-input",
 				"tw:disabled:opacity-40",
 				"tw:aria-disabled:opacity-40",
 				"tw:aria-[invalid=true]:border-error-500",
@@ -155,4 +156,4 @@ const overlayTriggerVariants = cva([
 //#endregion
 export { overlayTriggerVariants };
 
-//# sourceMappingURL=styles-DSUP_-9Z.js.map
+//# sourceMappingURL=styles-BAFscjSV.js.map

package/dist/styles-BAFscjSV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-BAFscjSV.js","names":[],"sources":["../src/components/OverlayTrigger/styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Chrome for a control that looks like an input but opens an overlay on click. Shared by\n * `SelectTrigger` and `DateRangePicker`'s trigger so both sit at the same height and colour when\n * they stand next to each other in a filter row.\n */\nexport const overlayTriggerVariants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:group',\n    'tw:box-border',\n\n    // layout\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:justify-between',\n    'tw:gap-2',\n    'tw:w-full',\n    'tw:text-left',\n\n    // base appearance\n    'tw:rounded',\n    'tw:border',\n    'tw:border-solid',\n    // Ink for `secondary`, whose fixed light-grey fill a scheme-following colour would\n    // sit on invisibly. `primary` and `argo` both re-pin it to `foreground`.\n    'tw:text-neutral-800',\n    // Scoped transition (no `outline`) — prevents the UA focus-outline color\n    // from interpolating through its dark default during state changes.\n    'tw:transition-[color,background-color,border-color,box-shadow]',\n\n    // focus base — ring width here, color comes from state variant\n    'tw:!outline-hidden',\n    'tw:focus:ring-4',\n    'tw:data-[state=open]:ring-4',\n\n    // disabled\n    'tw:disabled:cursor-not-allowed',\n    'tw:aria-disabled:cursor-not-allowed',\n\n    // placeholder (Radix sets data-placeholder on the trigger when no value)\n    'tw:data-[placeholder]:text-muted-foreground',\n\n    // child svg defaults\n    'tw:[&_svg]:shrink-0',\n    'tw:[&_svg]:pointer-events-none',\n  ],\n  {\n    defaultVariants: {\n      variant: 'primary',\n      state: 'default',\n      sizing: 'medium',\n    },\n    compoundVariants: [\n      {\n        variant: 'secondary',\n        state: 'error',\n        className: ['tw:bg-error-100'],\n      },\n      {\n        variant: 'secondary',\n        state: 'warning',\n        className: ['tw:bg-warning-100'],\n      },\n      // --- argo ---\n      {\n        variant: 'argo',\n        state: 'default',\n        className: [\n          'tw:focus:border-primary',\n          'tw:focus:ring-ring/50',\n          'tw:data-[state=open]:border-primary',\n          'tw:data-[state=open]:ring-ring/50',\n        ],\n      },\n      {\n        variant: 'argo',\n        state: 'error',\n        className: [\n          'tw:border-destructive',\n          'tw:focus:border-destructive',\n          'tw:focus:ring-destructive/20',\n          'tw:data-[state=open]:border-destructive',\n          'tw:data-[state=open]:ring-destructive/20',\n        ],\n      },\n    ],\n    variants: {\n      variant: {\n        primary: [\n          // The same field trio the `primary` `InputGroup` beside it uses, so a trigger and\n          // an input in one row stay the same colour.\n          //\n          // - `--input-background` resolves to white in light; the fill only moves in dark.\n          // - The `neutral` ramp is scheme-blind — `[data-theme='dark']` redefines only the\n          //   semantic tokens — so a literal here paints light chrome on a dark surface.\n          'tw:bg-input-background',\n          'tw:text-foreground',\n          'tw:border-input',\n          'tw:disabled:opacity-40',\n          'tw:aria-disabled:opacity-40',\n          // aria-invalid on the trigger surfaces the error chrome without a `state` prop — the\n          // accessible path (mirrors the `state=\"error\"` legacy tokens). The extra attribute\n          // selector outranks the default focus/open state, so it wins without `!important`.\n          'tw:aria-[invalid=true]:border-error-500',\n          'tw:aria-[invalid=true]:focus:border-error-500',\n          'tw:aria-[invalid=true]:focus:ring-error-200',\n          'tw:aria-[invalid=true]:data-[state=open]:border-error-500',\n          'tw:aria-[invalid=true]:data-[state=open]:ring-error-200',\n        ],\n        secondary: [\n          'tw:bg-neutral-100',\n          'tw:border-neutral-100',\n          'tw:disabled:opacity-40',\n          'tw:aria-disabled:opacity-40',\n          'tw:aria-[invalid=true]:border-error-500',\n          'tw:aria-[invalid=true]:focus:border-error-500',\n          'tw:aria-[invalid=true]:focus:ring-error-200',\n          'tw:aria-[invalid=true]:data-[state=open]:border-error-500',\n          'tw:aria-[invalid=true]:data-[state=open]:ring-error-200',\n        ],\n        argo: [\n          // muted filled input surface — gray, distinct from white containers; not the app-background token\n          'tw:bg-muted',\n          'tw:border-input',\n          // token-driven radius so the trigger tracks --radius-lg like sibling inputs (InputGroup/Combobox/Button)\n          'tw:rounded-[var(--radius-lg,0.25rem)]',\n          'tw:text-foreground',\n          'tw:disabled:opacity-50',\n          'tw:aria-disabled:opacity-50',\n          // aria-invalid on the trigger surfaces the error chrome without a `state` prop — the\n          // accessible path (uses the themeable `destructive` status token).\n          'tw:aria-[invalid=true]:border-destructive',\n          'tw:aria-[invalid=true]:focus:border-destructive',\n          'tw:aria-[invalid=true]:focus:ring-destructive/20',\n          'tw:aria-[invalid=true]:data-[state=open]:border-destructive',\n          'tw:aria-[invalid=true]:data-[state=open]:ring-destructive/20',\n        ],\n      },\n      sizing: {\n        // border-inclusive heights: 40 / 36 / 32 px (small matches Button small)\n        default: ['tw:px-4', 'tw:py-2.5', 'tw:text-sm/[18px]', 'tw:h-10', 'tw:min-h-10'],\n        medium: ['tw:px-4', 'tw:py-2', 'tw:text-sm/[18px]', 'tw:h-9', 'tw:min-h-9'],\n        small: ['tw:px-4', 'tw:py-2', 'tw:text-sm/[16px]', 'tw:h-8', 'tw:min-h-8'],\n      },\n      state: {\n        default: [\n          'tw:focus:border-ring',\n          'tw:focus:ring-ring/30',\n          'tw:data-[state=open]:border-ring',\n          'tw:data-[state=open]:ring-ring/30',\n        ],\n        error: [\n          'tw:border-error-500',\n          'tw:focus:border-error-500',\n          'tw:focus:ring-error-200',\n          'tw:data-[state=open]:border-error-500',\n          'tw:data-[state=open]:ring-error-200',\n        ],\n        warning: [\n          'tw:border-warning-500',\n          'tw:focus:border-warning-500',\n          'tw:focus:ring-warning-200',\n          'tw:data-[state=open]:border-warning-500',\n          'tw:data-[state=open]:ring-warning-200',\n        ],\n      },\n    },\n  },\n);\n"],"mappings":";;;;;;;AAOA,MAAa,yBAAyB,IACpC;CACE;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CAGA;CAGA;CAGA;CACA;CACA;CAGA;CACA;CAGA;CAGA;CACA;AACF,GACA;CACE,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,QAAQ;CACV;CACA,kBAAkB;EAChB;GACE,SAAS;GACT,OAAO;GACP,WAAW,CAAC,iBAAiB;EAC/B;EACA;GACE,SAAS;GACT,OAAO;GACP,WAAW,CAAC,mBAAmB;EACjC;EAEA;GACE,SAAS;GACT,OAAO;GACP,WAAW;IACT;IACA;IACA;IACA;GACF;EACF;EACA;GACE,SAAS;GACT,OAAO;GACP,WAAW;IACT;IACA;IACA;IACA;IACA;GACF;EACF;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;IAOP;IACA;IACA;IACA;IACA;IAIA;IACA;IACA;IACA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IAEJ;IACA;IAEA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,QAAQ;GAEN,SAAS;IAAC;IAAW;IAAa;IAAqB;IAAW;GAAa;GAC/E,QAAQ;IAAC;IAAW;IAAW;IAAqB;IAAU;GAAY;GAC1E,OAAO;IAAC;IAAW;IAAW;IAAqB;IAAU;GAAY;EAC3E;EACA,OAAO;GACL,SAAS;IACP;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;IACA;IACA;GACF;EACF;CACF;AACF,CACF"}