@keboola/design 13.0.0 → 13.0.2

package/dist/internal/blocks/AIKit.js

@@ -1,2 +1,2 @@
-import { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, FileDownloadChip, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName } from "../../AIKit-DcOlHIBr.js";
+import { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, FileDownloadChip, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName } from "../../AIKit-DDIi0r4w.js";
 export { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, FileDownloadChip, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName };

package/dist/internal/blocks/BrandEditor.js

@@ -1,2 +1,2 @@
-import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "../../BrandEditor-Bkd6dhb8.js";
+import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "../../BrandEditor-P8OZX2hi.js";
 export { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel };

package/dist/internal/blocks/ChipEditor.js

@@ -4,7 +4,7 @@ import { mergeRefs } from "../utils/mergeRefs.js";
 import { X } from "../../icons-wcA70iQx.js";
 import { InputGroup } from "../../InputGroup-CrlMRz4X.js";
 import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
-import { Badge } from "../../Badge-DIjhwPvh.js";
+import { Badge } from "../../Badge-Dz0cj6rj.js";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ChipEditor/ChipEditor.tsx

package/dist/internal/blocks/ColorModeSwitch.js

@@ -1,2 +1,2 @@
-import { ColorModeSwitch } from "../../ColorModeSwitch-Bw9wMyoL.js";
+import { ColorModeSwitch } from "../../ColorModeSwitch-D8Cki137.js";
 export { ColorModeSwitch };

package/dist/internal/blocks/ExportMenu.js

@@ -1,7 +1,7 @@
 import { Tooltip } from "../../utils-Bd28bWgm.js";
 import { Download } from "../../icons-wcA70iQx.js";
 import { Button } from "../../Button-B21oVcPU.js";
-import { DropdownMenu } from "../../DropdownMenu-gRM-A8qU.js";
+import { DropdownMenu } from "../../DropdownMenu-BJGLjpVc.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ExportMenu/ExportMenu.tsx
 /**

package/dist/internal/blocks/Form/connectors/ComboboxField.js

@@ -1,4 +1,4 @@
-import { Combobox } from "../../../../Combobox-C_MTpQ1l.js";
+import { Combobox } from "../../../../Combobox-BNhW0TDB.js";
 import { FieldItem, useFieldContext } from "../../../../FieldItem-BHViBJS3.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/blocks/Form/connectors/ComboboxField.tsx

package/dist/internal/blocks/MultiCombobox.js

@@ -2,7 +2,7 @@ import { splitEntry } from "../../utils-Bd28bWgm.js";
 import { useArgoDesign } from "../../context-U293r3v-.js";
 import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
 import { forwardAccessibleName } from "../utils/accessibleName.js";
-import { Combobox as Combobox$1, ComboboxClearButton, ComboboxOpenButton, ComboboxOptions, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultQueryToCreateLabel, defaultRowLabel, defaultToCreateValue, flatItems, isCreatableItem, isGroupHeaderItem, isSelectAllItem, sanitizeTypedInput, selectAllItem, toEntries, toLabel, useCreatableStringValue, useGroupHeaders, useItemEquality, useQueryReporter, useVirtualList, useWithCreated } from "../../Combobox-C_MTpQ1l.js";
+import { Combobox as Combobox$1, ComboboxClearButton, ComboboxOpenButton, ComboboxOptions, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultQueryToCreateLabel, defaultRowLabel, defaultToCreateValue, flatItems, isCreatableItem, isGroupHeaderItem, isSelectAllItem, sanitizeTypedInput, selectAllItem, toEntries, toLabel, useCreatableStringValue, useGroupHeaders, useItemEquality, useQueryReporter, useVirtualList, useWithCreated } from "../../Combobox-BNhW0TDB.js";
 import { useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react/combobox";

package/dist/internal/blocks/PageToolbar.js

@@ -1,2 +1,2 @@
-import { PageToolbar } from "../../PageToolbar-CIW0VmKe.js";
+import { PageToolbar } from "../../PageToolbar-C06RKIif.js";
 export { PageToolbar };

package/dist/internal/blocks/SectionNav.js

@@ -1,2 +1,2 @@
-import { SectionNav } from "../../SectionNav-TU5i3JeM.js";
+import { SectionNav } from "../../SectionNav-I2p2uXTd.js";
 export { SectionNav };

package/dist/internal/blocks/SplitButton.js

@@ -1,7 +1,7 @@
 import { ChevronDown } from "../../icons-wcA70iQx.js";
 import { Button } from "../../Button-B21oVcPU.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
-import { DropdownMenu } from "../../DropdownMenu-gRM-A8qU.js";
+import { DropdownMenu } from "../../DropdownMenu-BJGLjpVc.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/SplitButton/SplitButton.tsx
 const iconSizeMap = {

package/dist/internal/components/Badge.js

@@ -1,2 +1,2 @@
-import { Badge } from "../../Badge-DIjhwPvh.js";
+import { Badge } from "../../Badge-Dz0cj6rj.js";
 export { Badge };

package/dist/internal/components/Combobox.js

@@ -1,2 +1,2 @@
-import { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "../../Combobox-C_MTpQ1l.js";
+import { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "../../Combobox-BNhW0TDB.js";
 export { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues };

package/dist/internal/components/DropdownMenu.js

@@ -1,2 +1,2 @@
-import { DropdownMenu } from "../../DropdownMenu-gRM-A8qU.js";
+import { DropdownMenu } from "../../DropdownMenu-BJGLjpVc.js";
 export { DropdownMenu };

package/dist/internal/components/RadioGroup.js

@@ -1,2 +1,2 @@
-import { RadioGroup } from "../../RadioGroup-CBPRLRN0.js";
+import { RadioGroup } from "../../RadioGroup-CYEp8Wnx.js";
 export { RadioGroup };

package/dist/internal/components/Sidebar.js

@@ -1,2 +1,2 @@
-import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "../../Sidebar-ZLMNIbg5.js";
+import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "../../Sidebar-D9ytIs8V.js";
 export { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar };

package/dist/markdown-editor.js

@@ -3,7 +3,7 @@ import { Tooltip } from "./utils-Bd28bWgm.js";
 import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-wcA70iQx.js";
 import { Button } from "./Button-B21oVcPU.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-gRM-A8qU.js";
+import { DropdownMenu } from "./DropdownMenu-BJGLjpVc.js";
 import { Label } from "./internal/components/Label.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
 import { TextInput } from "./TextInput-BWYXbfs4.js";

package/dist/rjsf.js

@@ -5,9 +5,9 @@ import { Label } from "./internal/components/Label.js";
 import { Link } from "./internal/components/Link.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
 import { TextInput } from "./TextInput-BWYXbfs4.js";
-import { RadioGroup } from "./RadioGroup-CBPRLRN0.js";
+import { RadioGroup } from "./RadioGroup-CYEp8Wnx.js";
 import { Checkbox } from "./Checkbox-8yIIgY7g.js";
-import { Combobox } from "./Combobox-C_MTpQ1l.js";
+import { Combobox } from "./Combobox-BNhW0TDB.js";
 import { FormGroup } from "./FormGroup-CmCppxOn.js";
 import { NumberInput } from "./internal/blocks/NumberInput.js";
 import { Textarea } from "./internal/blocks/Textarea.js";

package/dist/styles-DBGXH5-_.js

@@ -0,0 +1,127 @@
+import { cva } from "class-variance-authority";
+//#region src/components/RadioGroup/styles.ts
+/** The radio's circle: shape and checked state, shared by the form `Radio` and the menu radio. */
+const radioCircleVariants = cva([
+	"tw:shrink-0",
+	"tw:flex",
+	"tw:items-center",
+	"tw:justify-center",
+	"tw:size-4",
+	"tw:rounded-full",
+	"tw:border",
+	"tw:border-solid"
+], {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: ["tw:data-[state=checked]:border-primary", "tw:data-[state=unchecked]:border-neutral-200"],
+		argo: [
+			"tw:border-input",
+			"tw:transition-colors",
+			"tw:data-[state=checked]:bg-primary",
+			"tw:data-[state=checked]:border-primary"
+		]
+	} }
+});
+/** The form `Radio`'s button states, layered on `radioCircleVariants`. */
+const radioVariants = cva([
+	"tw:bg-transparent",
+	"tw:p-0",
+	"tw:peer",
+	"tw:cursor-pointer",
+	"tw:whitespace-nowrap",
+	"tw:disabled:cursor-not-allowed"
+], {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: [
+			"tw:disabled:opacity-40",
+			"tw:data-[state=unchecked]:hover:border-primary",
+			"tw:data-[state=unchecked]:disabled:hover:border-neutral-200",
+			"tw:focus-visible:ring-2",
+			"tw:focus-visible:ring-ring/30"
+		],
+		argo: [
+			"tw:disabled:opacity-50",
+			"tw:data-[state=unchecked]:not-disabled:hover:bg-accent",
+			"tw:data-[state=checked]:not-disabled:hover:bg-primary",
+			"tw:focus-visible:outline-hidden",
+			"tw:focus-visible:border-primary",
+			"tw:focus-visible:ring-2",
+			"tw:focus-visible:ring-ring/50"
+		]
+	} }
+});
+const radioIndicatorVariants = cva(["tw:size-2.5", "tw:fill-current"], {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: ["tw:text-primary"],
+		argo: ["tw:text-primary-foreground"]
+	} }
+});
+const radioItemButtonVariants = cva([
+	"tw:bg-transparent",
+	"tw:p-0",
+	"tw:peer",
+	"tw:cursor-pointer",
+	"tw:whitespace-nowrap",
+	"tw:flex",
+	"tw:items-center",
+	"tw:justify-center",
+	"tw:disabled:cursor-not-allowed",
+	"tw:w-full",
+	"tw:px-2",
+	"tw:py-1.5",
+	"tw:uppercase",
+	"tw:font-semibold",
+	"tw:font-sans",
+	"tw:text-[11px]",
+	"tw:whitespace-nowrap",
+	"tw:tracking-widest",
+	"tw:leading-[18px]",
+	"tw:border",
+	"tw:border-solid",
+	"tw:rounded"
+], {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: [
+			"tw:disabled:opacity-40",
+			"tw:text-secondary-600",
+			"tw:border-secondary-500",
+			"tw:data-[state=unchecked]:hover:bg-secondary-500",
+			"tw:data-[state=unchecked]:hover:text-white",
+			"tw:data-[state=unchecked]:disabled:hover:bg-white",
+			"tw:data-[state=unchecked]:disabled:hover:text-secondary-500",
+			"tw:data-[state=checked]:disabled:cursor-not-allowed",
+			"tw:data-[state=unchecked]:bg-white",
+			"tw:data-[state=checked]:bg-secondary-500",
+			"tw:data-[state=checked]:text-white",
+			"tw:data-[state=checked]:cursor-default",
+			"tw:focus-visible:outline",
+			"tw:focus-visible:outline-ring",
+			"tw:focus-visible:ring-4",
+			"tw:focus-visible:ring-ring/30"
+		],
+		argo: [
+			"tw:disabled:opacity-50",
+			"tw:text-foreground",
+			"tw:border-input",
+			"tw:transition-colors",
+			"tw:data-[state=unchecked]:bg-muted",
+			"tw:data-[state=unchecked]:not-disabled:hover:bg-accent",
+			"tw:data-[state=unchecked]:not-disabled:hover:text-accent-foreground",
+			"tw:data-[state=checked]:bg-primary",
+			"tw:data-[state=checked]:border-primary",
+			"tw:data-[state=checked]:text-primary-foreground",
+			"tw:data-[state=checked]:not-disabled:cursor-default",
+			"tw:focus-visible:outline-hidden",
+			"tw:focus-visible:border-primary",
+			"tw:focus-visible:ring-2",
+			"tw:focus-visible:ring-ring/50"
+		]
+	} }
+});
+//#endregion
+export { radioCircleVariants, radioIndicatorVariants, radioItemButtonVariants, radioVariants };
+
+//# sourceMappingURL=styles-DBGXH5-_.js.map

package/dist/styles-DBGXH5-_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-DBGXH5-_.js","names":[],"sources":["../src/components/RadioGroup/styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/** The radio's circle: shape and checked state, shared by the form `Radio` and the menu radio. */\nexport const radioCircleVariants = cva(\n  [\n    'tw:shrink-0',\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:size-4',\n    'tw:rounded-full',\n    'tw:border',\n    'tw:border-solid',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        default: [\n          'tw:data-[state=checked]:border-primary',\n          'tw:data-[state=unchecked]:border-neutral-200',\n        ],\n        argo: [\n          'tw:border-input',\n          'tw:transition-colors',\n          'tw:data-[state=checked]:bg-primary',\n          'tw:data-[state=checked]:border-primary',\n        ],\n      },\n    },\n  },\n);\n\n/** The form `Radio`'s button states, layered on `radioCircleVariants`. */\nexport const radioVariants = cva(\n  [\n    // reset\n    'tw:bg-transparent',\n    'tw:p-0',\n    'tw:peer',\n    'tw:cursor-pointer',\n    'tw:whitespace-nowrap',\n\n    'tw:disabled:cursor-not-allowed',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        default: [\n          'tw:disabled:opacity-40',\n\n          'tw:data-[state=unchecked]:hover:border-primary',\n          'tw:data-[state=unchecked]:disabled:hover:border-neutral-200',\n\n          'tw:focus-visible:ring-2',\n          'tw:focus-visible:ring-ring/30',\n        ],\n        argo: [\n          'tw:disabled:opacity-50',\n\n          'tw:data-[state=unchecked]:not-disabled:hover:bg-accent',\n          'tw:data-[state=checked]:not-disabled:hover:bg-primary',\n\n          'tw:focus-visible:outline-hidden',\n          'tw:focus-visible:border-primary',\n          'tw:focus-visible:ring-2',\n          'tw:focus-visible:ring-ring/50',\n        ],\n      },\n    },\n  },\n);\n\nexport const radioIndicatorVariants = cva(['tw:size-2.5', 'tw:fill-current'], {\n  defaultVariants: {\n    variant: 'default',\n  },\n  variants: {\n    variant: {\n      default: ['tw:text-primary'],\n      argo: ['tw:text-primary-foreground'],\n    },\n  },\n});\n\nexport const radioItemButtonVariants = cva(\n  [\n    // reset\n    'tw:bg-transparent',\n    'tw:p-0',\n    'tw:peer',\n    'tw:cursor-pointer',\n    'tw:whitespace-nowrap',\n\n    // position\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n\n    'tw:disabled:cursor-not-allowed',\n\n    // layouts\n    'tw:w-full',\n    'tw:px-2',\n    'tw:py-1.5',\n\n    // fonts\n    'tw:uppercase',\n    'tw:font-semibold',\n    'tw:font-sans',\n    'tw:text-[11px]',\n    'tw:whitespace-nowrap',\n    'tw:tracking-widest',\n    'tw:leading-[18px]',\n\n    // border\n    'tw:border',\n    'tw:border-solid',\n    'tw:rounded',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        default: [\n          'tw:disabled:opacity-40',\n          'tw:text-secondary-600',\n          'tw:border-secondary-500',\n\n          'tw:data-[state=unchecked]:hover:bg-secondary-500',\n          'tw:data-[state=unchecked]:hover:text-white',\n\n          'tw:data-[state=unchecked]:disabled:hover:bg-white',\n          'tw:data-[state=unchecked]:disabled:hover:text-secondary-500',\n          'tw:data-[state=checked]:disabled:cursor-not-allowed',\n\n          'tw:data-[state=unchecked]:bg-white',\n          'tw:data-[state=checked]:bg-secondary-500',\n          'tw:data-[state=checked]:text-white',\n          'tw:data-[state=checked]:cursor-default',\n\n          'tw:focus-visible:outline',\n          'tw:focus-visible:outline-ring',\n          'tw:focus-visible:ring-4',\n          'tw:focus-visible:ring-ring/30',\n        ],\n        argo: [\n          'tw:disabled:opacity-50',\n          'tw:text-foreground',\n          'tw:border-input',\n          'tw:transition-colors',\n\n          // muted filled control surface — gray, distinct from white containers; not the app-background token\n          'tw:data-[state=unchecked]:bg-muted',\n          'tw:data-[state=unchecked]:not-disabled:hover:bg-accent',\n          'tw:data-[state=unchecked]:not-disabled:hover:text-accent-foreground',\n\n          'tw:data-[state=checked]:bg-primary',\n          'tw:data-[state=checked]:border-primary',\n          'tw:data-[state=checked]:text-primary-foreground',\n          'tw:data-[state=checked]:not-disabled:cursor-default',\n\n          'tw:focus-visible:outline-hidden',\n          'tw:focus-visible:border-primary',\n          'tw:focus-visible:ring-2',\n          'tw:focus-visible:ring-ring/50',\n        ],\n      },\n    },\n  },\n);\n\nexport type RadioStyleVariant = 'default' | 'argo';\n"],"mappings":";;;AAGA,MAAa,sBAAsB,IACjC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS,CACP,0CACA,8CACF;EACA,MAAM;GACJ;GACA;GACA;GACA;EACF;CACF,EACF;AACF,CACF;;AAGA,MAAa,gBAAgB,IAC3B;CAEE;CACA;CACA;CACA;CACA;CAEA;AACF,GACA;CACE,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS;GACP;GAEA;GACA;GAEA;GACA;EACF;EACA,MAAM;GACJ;GAEA;GACA;GAEA;GACA;GACA;GACA;EACF;CACF,EACF;AACF,CACF;AAEA,MAAa,yBAAyB,IAAI,CAAC,eAAe,iBAAiB,GAAG;CAC5E,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS,CAAC,iBAAiB;EAC3B,MAAM,CAAC,4BAA4B;CACrC,EACF;AACF,CAAC;AAED,MAAa,0BAA0B,IACrC;CAEE;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CAEA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;AACF,GACA;CACE,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS;GACP;GACA;GACA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;GACA;GACA;GAEA;GACA;GACA;GACA;EACF;EACA,MAAM;GACJ;GACA;GACA;GACA;GAGA;GACA;GACA;GAEA;GACA;GACA;GACA;GAEA;GACA;GACA;GACA;EACF;CACF,EACF;AACF,CACF"}