@almadar/ui 2.25.4 → 2.26.0

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.
@@ -6642,28 +6642,28 @@ var marginYStyles = {
6642
6642
  };
6643
6643
  var bgStyles = {
6644
6644
  transparent: "bg-transparent",
6645
- primary: "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
6646
- secondary: "bg-[var(--color-secondary)] text-[var(--color-secondary-foreground)]",
6647
- muted: "bg-[var(--color-muted)] text-[var(--color-foreground)]",
6648
- accent: "bg-[var(--color-accent)] text-[var(--color-accent-foreground)]",
6649
- surface: "bg-[var(--color-card)]",
6650
- overlay: "bg-[var(--color-card)]/80 backdrop-blur-sm"
6645
+ primary: "bg-primary text-primary-foreground",
6646
+ secondary: "bg-secondary text-secondary-foreground",
6647
+ muted: "bg-muted text-foreground",
6648
+ accent: "bg-accent text-accent-foreground",
6649
+ surface: "bg-card",
6650
+ overlay: "bg-card/80 backdrop-blur-sm"
6651
6651
  };
6652
6652
  var roundedStyles = {
6653
6653
  none: "rounded-none",
6654
- sm: "rounded-[var(--radius-sm)]",
6655
- md: "rounded-[var(--radius-md)]",
6656
- lg: "rounded-[var(--radius-lg)]",
6657
- xl: "rounded-[var(--radius-xl)]",
6658
- "2xl": "rounded-[var(--radius-xl)]",
6659
- full: "rounded-[var(--radius-full)]"
6654
+ sm: "rounded-sm",
6655
+ md: "rounded-md",
6656
+ lg: "rounded-lg",
6657
+ xl: "rounded-xl",
6658
+ "2xl": "rounded-xl",
6659
+ full: "rounded-full"
6660
6660
  };
6661
6661
  var shadowStyles = {
6662
6662
  none: "shadow-none",
6663
- sm: "shadow-[var(--shadow-sm)]",
6664
- md: "shadow-[var(--shadow-main)]",
6665
- lg: "shadow-[var(--shadow-lg)]",
6666
- xl: "shadow-[var(--shadow-lg)]"
6663
+ sm: "shadow-sm",
6664
+ md: "shadow",
6665
+ lg: "shadow-lg",
6666
+ xl: "shadow-lg"
6667
6667
  };
6668
6668
  var displayStyles = {
6669
6669
  block: "block",
@@ -6751,7 +6751,7 @@ var Box = React26__default.default.forwardRef(
6751
6751
  // Background
6752
6752
  bgStyles[bg],
6753
6753
  // Border - uses theme variables
6754
- border && "border-[length:var(--border-width)] border-[var(--color-border)]",
6754
+ border && "border-[length:var(--border-width)] border-border",
6755
6755
  // Rounded
6756
6756
  roundedStyles[rounded],
6757
6757
  // Shadow
@@ -6636,28 +6636,28 @@ var marginYStyles = {
6636
6636
  };
6637
6637
  var bgStyles = {
6638
6638
  transparent: "bg-transparent",
6639
- primary: "bg-[var(--color-primary)] text-[var(--color-primary-foreground)]",
6640
- secondary: "bg-[var(--color-secondary)] text-[var(--color-secondary-foreground)]",
6641
- muted: "bg-[var(--color-muted)] text-[var(--color-foreground)]",
6642
- accent: "bg-[var(--color-accent)] text-[var(--color-accent-foreground)]",
6643
- surface: "bg-[var(--color-card)]",
6644
- overlay: "bg-[var(--color-card)]/80 backdrop-blur-sm"
6639
+ primary: "bg-primary text-primary-foreground",
6640
+ secondary: "bg-secondary text-secondary-foreground",
6641
+ muted: "bg-muted text-foreground",
6642
+ accent: "bg-accent text-accent-foreground",
6643
+ surface: "bg-card",
6644
+ overlay: "bg-card/80 backdrop-blur-sm"
6645
6645
  };
6646
6646
  var roundedStyles = {
6647
6647
  none: "rounded-none",
6648
- sm: "rounded-[var(--radius-sm)]",
6649
- md: "rounded-[var(--radius-md)]",
6650
- lg: "rounded-[var(--radius-lg)]",
6651
- xl: "rounded-[var(--radius-xl)]",
6652
- "2xl": "rounded-[var(--radius-xl)]",
6653
- full: "rounded-[var(--radius-full)]"
6648
+ sm: "rounded-sm",
6649
+ md: "rounded-md",
6650
+ lg: "rounded-lg",
6651
+ xl: "rounded-xl",
6652
+ "2xl": "rounded-xl",
6653
+ full: "rounded-full"
6654
6654
  };
6655
6655
  var shadowStyles = {
6656
6656
  none: "shadow-none",
6657
- sm: "shadow-[var(--shadow-sm)]",
6658
- md: "shadow-[var(--shadow-main)]",
6659
- lg: "shadow-[var(--shadow-lg)]",
6660
- xl: "shadow-[var(--shadow-lg)]"
6657
+ sm: "shadow-sm",
6658
+ md: "shadow",
6659
+ lg: "shadow-lg",
6660
+ xl: "shadow-lg"
6661
6661
  };
6662
6662
  var displayStyles = {
6663
6663
  block: "block",
@@ -6745,7 +6745,7 @@ var Box = React26.forwardRef(
6745
6745
  // Background
6746
6746
  bgStyles[bg],
6747
6747
  // Border - uses theme variables
6748
- border && "border-[length:var(--border-width)] border-[var(--color-border)]",
6748
+ border && "border-[length:var(--border-width)] border-border",
6749
6749
  // Rounded
6750
6750
  roundedStyles[rounded],
6751
6751
  // Shadow