@keboola/design 4.3.0 → 4.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -595,7 +595,7 @@ var init_styles = __esm({
595
595
  "tw-tracking-[1px]",
596
596
  "tw-uppercase",
597
597
  // border
598
- "tw-rounded",
598
+ "tw-rounded-[var(--radius-lg,0.25rem)]",
599
599
  "tw-border",
600
600
  "tw-border-transparent",
601
601
  // styling
@@ -749,7 +749,7 @@ var init_styles = __esm({
749
749
  // border
750
750
  "tw-border",
751
751
  "tw-border-transparent",
752
- "tw-rounded-lg",
752
+ "tw-rounded-[var(--radius-lg,0.25rem)]",
753
753
  // text
754
754
  "tw-font-medium",
755
755
  "tw-select-none",
@@ -811,6 +811,9 @@ var init_styles = __esm({
811
811
  outline: [
812
812
  "!tw-border-input",
813
813
  "tw-bg-background",
814
+ // Semantic base text color so the label/icon flips in dark mode
815
+ // (matches `invisible`); previously unset → inherited a fixed dark color.
816
+ "tw-text-foreground",
814
817
  "hover:not-disabled:tw-bg-accent",
815
818
  "hover:not-disabled:tw-text-accent-foreground",
816
819
  "hover:active:tw-bg-background",
@@ -1838,8 +1841,8 @@ var variants2 = classVarianceAuthority.cva(
1838
1841
  variant: {
1839
1842
  default: "tw-border tw-border-border tw-bg-popover",
1840
1843
  error: "tw-bg-error-550",
1841
- info: "tw-bg-secondary-600",
1842
- success: "tw-bg-primary-700",
1844
+ info: "tw-bg-blue-600",
1845
+ success: "tw-bg-green-700",
1843
1846
  warning: "tw-bg-warning-550"
1844
1847
  }
1845
1848
  }
@@ -2785,7 +2788,10 @@ var DropdownMenuRadioItem = ({
2785
2788
  "data-[state=checked]:tw-cursor-default",
2786
2789
  {
2787
2790
  "data-[state=checked]:tw-bg-neutral-100": indicator === "none",
2788
- "group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:tw-bg-sky-100": indicator === "check"
2791
+ // Semantic brand tint (flips under `[data-theme='dark']`) instead of a
2792
+ // hardcoded `tw-bg-sky-100`, which stayed light in dark mode and left the
2793
+ // checked item's text near-invisible.
2794
+ "group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:tw-bg-primary/10": indicator === "check"
2789
2795
  },
2790
2796
  className
2791
2797
  ),
@@ -3304,7 +3310,7 @@ var inputGroupVariants = classVarianceAuthority.cva(
3304
3310
  "tw-flex",
3305
3311
  "tw-items-center",
3306
3312
  // base
3307
- "tw-rounded",
3313
+ "tw-rounded-[var(--radius-lg,0.25rem)]",
3308
3314
  "tw-border",
3309
3315
  "tw-border-solid",
3310
3316
  "tw-border-neutral-200",
@@ -3425,7 +3431,6 @@ var inputGroupVariants = classVarianceAuthority.cva(
3425
3431
  // muted filled input surface — gray, distinct from white containers; not the app-background token
3426
3432
  "tw-bg-muted",
3427
3433
  "tw-border-input",
3428
- "tw-rounded-lg",
3429
3434
  "tw-text-foreground",
3430
3435
  "has-[:is(input,textarea):disabled]:tw-opacity-50",
3431
3436
  // higher specificity than has-[:is(input,textarea):focus] — prevents focus border on readonly