@almadar/ui 5.121.4 → 5.122.1

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.
@@ -397,6 +397,30 @@ var BUILT_IN_THEMES = [
397
397
  hasLightMode: false,
398
398
  hasDarkMode: true
399
399
  },
400
+ {
401
+ name: "game-sci-fi",
402
+ displayName: "Game: Sci-Fi",
403
+ hasLightMode: false,
404
+ hasDarkMode: true
405
+ },
406
+ {
407
+ name: "game-ui-pack",
408
+ displayName: "Game: Flat UI",
409
+ hasLightMode: false,
410
+ hasDarkMode: true
411
+ },
412
+ {
413
+ name: "game-adventure",
414
+ displayName: "Game: Adventure",
415
+ hasLightMode: false,
416
+ hasDarkMode: true
417
+ },
418
+ {
419
+ name: "game-rpg",
420
+ displayName: "Game: RPG",
421
+ hasLightMode: false,
422
+ hasDarkMode: true
423
+ },
400
424
  // Extended themes
401
425
  {
402
426
  name: "ocean",
@@ -395,6 +395,30 @@ var BUILT_IN_THEMES = [
395
395
  hasLightMode: false,
396
396
  hasDarkMode: true
397
397
  },
398
+ {
399
+ name: "game-sci-fi",
400
+ displayName: "Game: Sci-Fi",
401
+ hasLightMode: false,
402
+ hasDarkMode: true
403
+ },
404
+ {
405
+ name: "game-ui-pack",
406
+ displayName: "Game: Flat UI",
407
+ hasLightMode: false,
408
+ hasDarkMode: true
409
+ },
410
+ {
411
+ name: "game-adventure",
412
+ displayName: "Game: Adventure",
413
+ hasLightMode: false,
414
+ hasDarkMode: true
415
+ },
416
+ {
417
+ name: "game-rpg",
418
+ displayName: "Game: RPG",
419
+ hasLightMode: false,
420
+ hasDarkMode: true
421
+ },
398
422
  // Extended themes
399
423
  {
400
424
  name: "ocean",
@@ -3539,7 +3539,8 @@ var Button = React12__namespace.default.forwardRef(
3539
3539
  "font-medium",
3540
3540
  "rounded-sm",
3541
3541
  "cursor-pointer",
3542
- "transition-all duration-[var(--transition-normal)]",
3542
+ "chrome-button",
3543
+ "transition-all duration-normal",
3543
3544
  "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-offset-[length:var(--focus-ring-offset)]",
3544
3545
  "disabled:opacity-50 disabled:cursor-not-allowed",
3545
3546
  variantStyles2[variant],
@@ -3684,21 +3685,21 @@ var variantStyles4 = {
3684
3685
  "bg-card",
3685
3686
  "border-[length:var(--border-width)] border-border",
3686
3687
  "shadow-elevation-card",
3687
- "transition-all duration-[var(--transition-normal)]",
3688
+ "transition-all duration-normal",
3688
3689
  "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
3689
3690
  ].join(" "),
3690
3691
  bordered: [
3691
3692
  "bg-card",
3692
3693
  "border-[length:var(--border-width)] border-border",
3693
3694
  "shadow-elevation-card",
3694
- "transition-all duration-[var(--transition-normal)]",
3695
+ "transition-all duration-normal",
3695
3696
  "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
3696
3697
  ].join(" "),
3697
3698
  elevated: [
3698
3699
  "bg-card",
3699
3700
  "border-[length:var(--border-width)] border-border",
3700
3701
  "shadow",
3701
- "transition-all duration-[var(--transition-normal)]",
3702
+ "transition-all duration-normal",
3702
3703
  "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
3703
3704
  ].join(" "),
3704
3705
  // Interactive variant with theme-specific hover effects
@@ -3707,7 +3708,7 @@ var variantStyles4 = {
3707
3708
  "border-[length:var(--border-width)] border-border",
3708
3709
  "shadow",
3709
3710
  "cursor-pointer",
3710
- "transition-all duration-[var(--transition-normal)]",
3711
+ "transition-all duration-normal",
3711
3712
  "hover:shadow-elevation-dialog"
3712
3713
  ].join(" ")
3713
3714
  };
@@ -3758,7 +3759,8 @@ var Card = React12__namespace.default.forwardRef(
3758
3759
  ref,
3759
3760
  className: cn(
3760
3761
  "rounded-container relative",
3761
- "transition-all duration-[var(--transition-normal)]",
3762
+ "transition-all duration-normal",
3763
+ "chrome-panel",
3762
3764
  variantStyles4[variant],
3763
3765
  paddingStyles2[padding],
3764
3766
  lookStyles[look],
@@ -3518,7 +3518,8 @@ var Button = React12__default.forwardRef(
3518
3518
  "font-medium",
3519
3519
  "rounded-sm",
3520
3520
  "cursor-pointer",
3521
- "transition-all duration-[var(--transition-normal)]",
3521
+ "chrome-button",
3522
+ "transition-all duration-normal",
3522
3523
  "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-offset-[length:var(--focus-ring-offset)]",
3523
3524
  "disabled:opacity-50 disabled:cursor-not-allowed",
3524
3525
  variantStyles2[variant],
@@ -3663,21 +3664,21 @@ var variantStyles4 = {
3663
3664
  "bg-card",
3664
3665
  "border-[length:var(--border-width)] border-border",
3665
3666
  "shadow-elevation-card",
3666
- "transition-all duration-[var(--transition-normal)]",
3667
+ "transition-all duration-normal",
3667
3668
  "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
3668
3669
  ].join(" "),
3669
3670
  bordered: [
3670
3671
  "bg-card",
3671
3672
  "border-[length:var(--border-width)] border-border",
3672
3673
  "shadow-elevation-card",
3673
- "transition-all duration-[var(--transition-normal)]",
3674
+ "transition-all duration-normal",
3674
3675
  "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
3675
3676
  ].join(" "),
3676
3677
  elevated: [
3677
3678
  "bg-card",
3678
3679
  "border-[length:var(--border-width)] border-border",
3679
3680
  "shadow",
3680
- "transition-all duration-[var(--transition-normal)]",
3681
+ "transition-all duration-normal",
3681
3682
  "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
3682
3683
  ].join(" "),
3683
3684
  // Interactive variant with theme-specific hover effects
@@ -3686,7 +3687,7 @@ var variantStyles4 = {
3686
3687
  "border-[length:var(--border-width)] border-border",
3687
3688
  "shadow",
3688
3689
  "cursor-pointer",
3689
- "transition-all duration-[var(--transition-normal)]",
3690
+ "transition-all duration-normal",
3690
3691
  "hover:shadow-elevation-dialog"
3691
3692
  ].join(" ")
3692
3693
  };
@@ -3737,7 +3738,8 @@ var Card = React12__default.forwardRef(
3737
3738
  ref,
3738
3739
  className: cn(
3739
3740
  "rounded-container relative",
3740
- "transition-all duration-[var(--transition-normal)]",
3741
+ "transition-all duration-normal",
3742
+ "chrome-panel",
3741
3743
  variantStyles4[variant],
3742
3744
  paddingStyles2[padding],
3743
3745
  lookStyles[look],