@keboola/design 10.1.0 → 11.0.1

package/dist/rolldown-runtime-Bdc48AWt.js

@@ -0,0 +1,33 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+export { __commonJSMin, __exportAll, __toESM };

package/dist/styles-DSUP_-9Z.js

@@ -0,0 +1,158 @@
+import { cva } from "class-variance-authority";
+//#region src/components/OverlayTrigger/styles.ts
+/**
+* Chrome for a control that looks like an input but opens an overlay on click. Shared by
+* `SelectTrigger` and `DateRangePicker`'s trigger so both sit at the same height and colour when
+* they stand next to each other in a filter row.
+*/
+const overlayTriggerVariants = cva([
+	"tailwindcss-preflight",
+	"tw:group",
+	"tw:box-border",
+	"tw:inline-flex",
+	"tw:items-center",
+	"tw:justify-between",
+	"tw:gap-2",
+	"tw:w-full",
+	"tw:text-left",
+	"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",
+	"tw:focus:ring-4",
+	"tw:data-[state=open]:ring-4",
+	"tw:disabled:cursor-not-allowed",
+	"tw:aria-disabled:cursor-not-allowed",
+	"tw:data-[placeholder]:text-muted-foreground",
+	"tw:[&_svg]:shrink-0",
+	"tw:[&_svg]:pointer-events-none"
+], {
+	defaultVariants: {
+		variant: "primary",
+		state: "default",
+		sizing: "medium"
+	},
+	compoundVariants: [
+		{
+			variant: "secondary",
+			state: "error",
+			className: ["tw:bg-error-100"]
+		},
+		{
+			variant: "secondary",
+			state: "warning",
+			className: ["tw:bg-warning-100"]
+		},
+		{
+			variant: "argo",
+			state: "default",
+			className: [
+				"tw:focus:border-primary",
+				"tw:focus:ring-ring/50",
+				"tw:data-[state=open]:border-primary",
+				"tw:data-[state=open]:ring-ring/50"
+			]
+		},
+		{
+			variant: "argo",
+			state: "error",
+			className: [
+				"tw:border-destructive",
+				"tw:focus:border-destructive",
+				"tw:focus:ring-destructive/20",
+				"tw:data-[state=open]:border-destructive",
+				"tw:data-[state=open]:ring-destructive/20"
+			]
+		}
+	],
+	variants: {
+		variant: {
+			primary: [
+				"tw:bg-white",
+				"tw:disabled:opacity-40",
+				"tw:aria-disabled:opacity-40",
+				"tw:aria-[invalid=true]:border-error-500",
+				"tw:aria-[invalid=true]:focus:border-error-500",
+				"tw:aria-[invalid=true]:focus:ring-error-200",
+				"tw:aria-[invalid=true]:data-[state=open]:border-error-500",
+				"tw:aria-[invalid=true]:data-[state=open]:ring-error-200"
+			],
+			secondary: [
+				"tw:bg-neutral-100",
+				"tw:border-neutral-100",
+				"tw:disabled:opacity-40",
+				"tw:aria-disabled:opacity-40",
+				"tw:aria-[invalid=true]:border-error-500",
+				"tw:aria-[invalid=true]:focus:border-error-500",
+				"tw:aria-[invalid=true]:focus:ring-error-200",
+				"tw:aria-[invalid=true]:data-[state=open]:border-error-500",
+				"tw:aria-[invalid=true]:data-[state=open]:ring-error-200"
+			],
+			argo: [
+				"tw:bg-muted",
+				"tw:border-input",
+				"tw:rounded-[var(--radius-lg,0.25rem)]",
+				"tw:text-foreground",
+				"tw:disabled:opacity-50",
+				"tw:aria-disabled:opacity-50",
+				"tw:aria-[invalid=true]:border-destructive",
+				"tw:aria-[invalid=true]:focus:border-destructive",
+				"tw:aria-[invalid=true]:focus:ring-destructive/20",
+				"tw:aria-[invalid=true]:data-[state=open]:border-destructive",
+				"tw:aria-[invalid=true]:data-[state=open]:ring-destructive/20"
+			]
+		},
+		sizing: {
+			default: [
+				"tw:px-4",
+				"tw:py-2.5",
+				"tw:text-sm/[18px]",
+				"tw:h-10",
+				"tw:min-h-10"
+			],
+			medium: [
+				"tw:px-4",
+				"tw:py-2",
+				"tw:text-sm/[18px]",
+				"tw:h-9",
+				"tw:min-h-9"
+			],
+			small: [
+				"tw:px-4",
+				"tw:py-2",
+				"tw:text-sm/[16px]",
+				"tw:h-8",
+				"tw:min-h-8"
+			]
+		},
+		state: {
+			default: [
+				"tw:focus:border-ring",
+				"tw:focus:ring-ring/30",
+				"tw:data-[state=open]:border-ring",
+				"tw:data-[state=open]:ring-ring/30"
+			],
+			error: [
+				"tw:border-error-500",
+				"tw:focus:border-error-500",
+				"tw:focus:ring-error-200",
+				"tw:data-[state=open]:border-error-500",
+				"tw:data-[state=open]:ring-error-200"
+			],
+			warning: [
+				"tw:border-warning-500",
+				"tw:focus:border-warning-500",
+				"tw:focus:ring-warning-200",
+				"tw:data-[state=open]:border-warning-500",
+				"tw:data-[state=open]:ring-warning-200"
+			]
+		}
+	}
+});
+//#endregion
+export { overlayTriggerVariants };
+
+//# sourceMappingURL=styles-DSUP_-9Z.js.map

package/dist/styles-DSUP_-9Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-DSUP_-9Z.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    'tw:border-neutral-200',\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          'tw:bg-white',\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;CACA;CACA;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;IACP;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"}