@keboola/design 1.3.1 → 2.0.1

package/dist/markdown-editor.cjs

@@ -613,15 +613,38 @@ var init_styles = __esm({
             ]
           },
           size: {
-            medium: ["tw-max-h-10", "tw-min-h-10", "tw-px-4", "tw-py-2.5", "[&_svg]:tw-size-4"],
-            small: ["tw-max-h-8", "tw-min-h-8", "tw-px-4", "tw-py-1.5", "[&_svg]:tw-size-4"],
-            large: ["tw-max-h-12", "tw-min-h-12", "tw-px-4", "tw-py-3.5", "[&_svg]:tw-size-4"],
-            "icon-lg": ["tw-size-12", "tw-p-0", "[&_svg]:tw-size-6"],
-            icon: ["tw-size-10", "tw-p-0", "[&_svg]:tw-size-4"],
-            "icon-sm": ["tw-size-8", "tw-p-0", "[&_svg]:tw-size-4"],
-            "icon-xs": ["tw-size-6", "tw-p-0", "[&_svg]:tw-size-4"],
-            "icon-2xs": ["!tw-inline-flex", "tw-size-5", "tw-max-h-5", "[&_svg]:tw-size-3"],
-            "icon-3xs": ["tw-h-fit", "tw-w-fit", "[&_svg]:tw-size-4"]
+            medium: [
+              "tw-max-h-10",
+              "tw-min-h-10",
+              "tw-px-4",
+              "tw-py-2.5",
+              '[&_svg:not([class*="tw-size-"])]:tw-size-4'
+            ],
+            small: [
+              "tw-max-h-8",
+              "tw-min-h-8",
+              "tw-px-4",
+              "tw-py-1.5",
+              '[&_svg:not([class*="tw-size-"])]:tw-size-4'
+            ],
+            large: [
+              "tw-max-h-12",
+              "tw-min-h-12",
+              "tw-px-4",
+              "tw-py-3.5",
+              '[&_svg:not([class*="tw-size-"])]:tw-size-4'
+            ],
+            "icon-lg": ["tw-size-12", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-6'],
+            icon: ["tw-size-10", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-4'],
+            "icon-sm": ["tw-size-8", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-4'],
+            "icon-xs": ["tw-size-6", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-4'],
+            "icon-2xs": [
+              "!tw-inline-flex",
+              "tw-size-5",
+              "tw-max-h-5",
+              '[&_svg:not([class*="tw-size-"])]:tw-size-3'
+            ],
+            "icon-3xs": ["tw-h-fit", "tw-w-fit", '[&_svg:not([class*="tw-size-"])]:tw-size-4']
           }
         }
       }
@@ -816,7 +839,10 @@ var init_ButtonInline = __esm({
         "disabled:tw-cursor-not-allowed",
         "disabled:tw-text-neutral-500",
         "disabled:tw-no-underline",
-        "[&_svg]:disabled:tw-text-neutral-400"
+        "[&_svg]:disabled:tw-text-neutral-400",
+        // Default size for nested Lucide icons; callers can override on the icon.
+        "[&_svg:not([class*='tw-size-'])]:tw-size-4",
+        "[&_svg]:tw-shrink-0"
       ],
       {
         defaultVariants: {
@@ -1642,7 +1668,7 @@ var ToastDismiss = ({
       "tw-row-start-1",
       "tailwindcss-preflight",
       "[&_svg]:tw-aspect-square",
-      "[&_svg]:tw-size-4",
+      '[&_svg:not([class*="tw-size-"])]:tw-size-4',
       "[&_svg]:tw-m-1",
       "tw-text-white",
       "group-data-[variant=default]/toast:[&_svg]:tw-text-popover-foreground",
@@ -1799,7 +1825,7 @@ var ToastRoot = ({
           "tw-aspect-square",
           "tw-size-5",
           "tw-shrink-0",
-          "[&_svg]:tw-size-5",
+          '[&_svg:not([class*="tw-size-"])]:tw-size-5',
           "tw-text-white",
           "group-data-[variant=default]/toast:tw-text-popover-foreground"
         ),
@@ -2231,7 +2257,7 @@ var variants3 = classVarianceAuthority.cva(
           "tw-border-border",
           "tw-rounded-full",
           "tw-bg-white",
-          "[&_svg]:tw-size-2",
+          '[&_svg:not([class*="tw-size-"])]:tw-size-2',
           "[&_svg]:data-[state=unchecked]:tw-hidden",
           // Lucide Circle is stroke-only — force fill to match the stroke
           // (currentColor) so the indicator reads as a solid dot.
@@ -2239,14 +2265,14 @@ var variants3 = classVarianceAuthority.cva(
           "group-data-[variant=argo]/dropdown-menu-content:[&_svg]:tw-text-primary",
           "group-data-[variant=default]/dropdown-menu-content:[&_svg]:tw-text-secondary-500"
         ],
-        check: ["[&_svg]:tw-size-3.5", "[&_svg]:tw-text-primary"],
+        check: ['[&_svg:not([class*="tw-size-"])]:tw-size-3.5', "[&_svg]:tw-text-primary"],
         checkbox: [
           "[&_svg]:tw-text-white",
           "tw-border",
           "tw-border-solid",
           "tw-border-neutral-200",
           "tw-rounded",
-          "[&_svg]:tw-size-3",
+          '[&_svg:not([class*="tw-size-"])]:tw-size-3',
           "[&_svg]:data-[state=unchecked]:tw-hidden",
           "group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:tw-border-primary",
           "group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:tw-bg-primary",
@@ -2257,7 +2283,7 @@ var variants3 = classVarianceAuthority.cva(
           "tw-size-5",
           // Lucide SVGs default to 24×24 — constrain the rendered ToggleRight
           // to the indicator slot so it doesn't overflow.
-          "[&_svg]:tw-size-5",
+          '[&_svg:not([class*="tw-size-"])]:tw-size-5',
           "tw-text-neutral-400",
           "data-[state=unchecked]:tw-rotate-180",
           "group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:tw-text-secondary-500",
@@ -2308,7 +2334,7 @@ var ItemIcon = ({ className, children, ...props }) => /* @__PURE__ */ jsxRuntime
       // 20px container fits the 16px Lucide glyph plus 2px breathing room
       // each side — the previous tw-size-4 + tw-p-0.5 clipped the 16px child.
       "tw-size-5",
-      "[&_svg]:tw-size-4",
+      '[&_svg:not([class*="tw-size-"])]:tw-size-4',
       "group-data-[variant=default]/dropdown-menu-content:tw-text-neutral-400",
       "group-data-[variant=argo]/dropdown-menu-content:tw-text-primary",
       "group-data-[variant=argo]/dropdown-menu-content:group-aria-disabled:tw-text-muted-foreground",
@@ -3016,32 +3042,42 @@ init_utils();
 
 // src/components/InputGroup/InputGroupAddon.tsx
 init_utils();
-var addonVariants = classVarianceAuthority.cva(["tw-flex", "tw-items-center", "tw-gap-1"], {
-  defaultVariants: {
-    align: "inline-start"
-  },
-  variants: {
-    align: {
-      "inline-start": ["tw-order-first", "[&:not(:empty)]:tw-pl-4"],
-      "inline-end": ["tw-order-last", "[&:not(:empty)]:tw-pr-4"],
-      "block-start": [
-        "tw-order-first",
-        // `tw-w-full` needs to be empty-conditional too — when the addon
-        // has no content the root stays in flex-row, and a 100%-wide
-        // empty addon would claim half of the input row beside the input.
-        "[&:not(:empty)]:tw-w-full",
-        "[&:not(:empty)]:tw-px-4",
-        "[&:not(:empty)]:tw-py-1.5"
-      ],
-      "block-end": [
-        "tw-order-last",
-        "[&:not(:empty)]:tw-w-full",
-        "[&:not(:empty)]:tw-px-4",
-        "[&:not(:empty)]:tw-py-1.5"
-      ]
+var addonVariants = classVarianceAuthority.cva(
+  [
+    "tw-flex",
+    "tw-items-center",
+    "tw-gap-1",
+    // Default size for nested Lucide icons in prefix/suffix slots; callers can override on the icon.
+    "[&_svg:not([class*='tw-size-'])]:tw-size-4",
+    "[&_svg]:tw-shrink-0"
+  ],
+  {
+    defaultVariants: {
+      align: "inline-start"
+    },
+    variants: {
+      align: {
+        "inline-start": ["tw-order-first", "[&:not(:empty)]:tw-pl-4"],
+        "inline-end": ["tw-order-last", "[&:not(:empty)]:tw-pr-4"],
+        "block-start": [
+          "tw-order-first",
+          // `tw-w-full` needs to be empty-conditional too — when the addon
+          // has no content the root stays in flex-row, and a 100%-wide
+          // empty addon would claim half of the input row beside the input.
+          "[&:not(:empty)]:tw-w-full",
+          "[&:not(:empty)]:tw-px-4",
+          "[&:not(:empty)]:tw-py-1.5"
+        ],
+        "block-end": [
+          "tw-order-last",
+          "[&:not(:empty)]:tw-w-full",
+          "[&:not(:empty)]:tw-px-4",
+          "[&:not(:empty)]:tw-py-1.5"
+        ]
+      }
     }
   }
-});
+);
 var InputGroupAddon = ({
   children,
   align = "inline-start",
@@ -3213,7 +3249,7 @@ var inputGroupVariants = classVarianceAuthority.cva(
     defaultVariants: {
       variant: "primary",
       state: "default",
-      sizing: "default",
+      sizing: "medium",
       focusVariant: "default"
     },
     compoundVariants: [