@tempots/beatui 0.50.1 → 0.50.3

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.
Files changed (3) hide show
  1. package/dist/beatui.css +13 -28
  2. package/dist/beatui.tailwind.css +13 -28
  3. package/package.json +1 -1
package/dist/beatui.css CHANGED
@@ -3909,7 +3909,6 @@ a:focus-visible {
3909
3909
  display: flex;
3910
3910
  flex-direction: row;
3911
3911
  align-items: center;
3912
- gap: var(--spacing-stack-sm, calc(var(--spacing-base) * 2));
3913
3912
  overflow: hidden;
3914
3913
  }
3915
3914
 
@@ -3929,7 +3928,7 @@ a:focus-visible {
3929
3928
  /* Default state */
3930
3929
  .bc-base-input-container--default,
3931
3930
  .bc-input-container--default {
3932
- color: var(--color-gray-900);
3931
+ color: var(--color-neutral-900);
3933
3932
  }
3934
3933
 
3935
3934
  .bc-input-container--default {
@@ -3938,28 +3937,24 @@ a:focus-visible {
3938
3937
  outline-offset: -1px;
3939
3938
  }
3940
3939
 
3941
- .bc-base-input-container--default::placeholder
3942
- .bc-input-container--default::placeholder {
3943
- color: var(--color-gray-400);
3940
+ .bc-base-input-container ::placeholder,
3941
+ .bc-input-container ::placeholder {
3942
+ color: var(--color-neutral-400);
3944
3943
  }
3945
3944
 
3946
3945
  /* Disabled state */
3947
3946
  .bc-base-input-container--disabled,
3948
3947
  .bc-input-container--disabled {
3949
- color: var(--color-gray-500);
3948
+ color: var(--color-neutral-500);
3950
3949
  cursor: not-allowed;
3951
3950
  }
3952
3951
 
3953
3952
  .bc-input-container--disabled {
3954
- background-color: var(--color-gray-200);
3953
+ background-color: var(--color-neutral-200);
3955
3954
  outline: 2px solid var(--border-divider-light);
3956
3955
  outline-offset: -2px;
3957
3956
  }
3958
3957
 
3959
- .bc-input-container--disabled::placeholder {
3960
- color: var(--color-gray-400);
3961
- }
3962
-
3963
3958
  /* Focus within state */
3964
3959
  .bc-input-container:focus-within {
3965
3960
  z-index: var(--z-index-navigation);
@@ -4015,17 +4010,10 @@ a:focus-visible {
4015
4010
  color: inherit;
4016
4011
  }
4017
4012
 
4018
- .bc-input-container input::placeholder,
4019
- .bc-input-container textarea::placeholder,
4020
- .bc-input::placeholder {
4021
- color: inherit;
4022
- opacity: 0.6;
4023
- }
4024
-
4025
4013
  /* Password toggle button */
4026
4014
  .bc-input-container__password-toggle {
4027
4015
  font-size: var(--font-size-sm);
4028
- fill: var(--color-gray-400);
4016
+ fill: var(--color-neutral-400);
4029
4017
  border-radius: var(--radius-full);
4030
4018
  padding: var(--spacing-sm) var(--spacing-md);
4031
4019
  background: transparent;
@@ -4038,13 +4026,13 @@ a:focus-visible {
4038
4026
  }
4039
4027
 
4040
4028
  .bc-input-container__password-toggle:hover {
4041
- background-color: var(--color-gray-100);
4029
+ background-color: var(--color-neutral-100);
4042
4030
  }
4043
4031
 
4044
4032
  /* Nullable reset button */
4045
4033
  .bc-input-container__reset {
4046
4034
  font-size: var(--font-size-sm);
4047
- fill: var(--color-gray-400);
4035
+ fill: var(--color-neutral-400);
4048
4036
  border-radius: var(--radius-full);
4049
4037
  padding: var(--spacing-sm);
4050
4038
  background: transparent;
@@ -4058,7 +4046,7 @@ a:focus-visible {
4058
4046
  }
4059
4047
 
4060
4048
  .bc-input-container__reset:hover {
4061
- background-color: var(--color-gray-100);
4049
+ background-color: var(--color-neutral-100);
4062
4050
  }
4063
4051
 
4064
4052
  /* Tags input wrapper */
@@ -4098,8 +4086,9 @@ a:focus-visible {
4098
4086
  background-color: var(--bg-elevated-dark);
4099
4087
  }
4100
4088
 
4101
- .b-dark .bc-input-container--default::placeholder {
4102
- color: var(--text-muted-dark);
4089
+ .b-dark .bc-input-container::placeholder,
4090
+ .b-dark .bc-base-input-container::placeholder {
4091
+ color: var(--gray-500);
4103
4092
  }
4104
4093
 
4105
4094
  .b-dark .bc-input-container--disabled {
@@ -4109,10 +4098,6 @@ a:focus-visible {
4109
4098
  opacity: 0.6;
4110
4099
  }
4111
4100
 
4112
- .b-dark .bc-input-container--disabled::placeholder {
4113
- color: var(--text-muted-dark);
4114
- }
4115
-
4116
4101
  .b-dark .bc-input-container--error {
4117
4102
  outline: 2px solid var(--color-danger-400);
4118
4103
  background-color: var(--color-danger-950);
package/dist/beatui.tailwind.css CHANGED
@@ -3584,7 +3584,6 @@ a:focus-visible {
3584
3584
  display: flex;
3585
3585
  flex-direction: row;
3586
3586
  align-items: center;
3587
- gap: var(--spacing-stack-sm, calc(var(--spacing-base) * 2));
3588
3587
  overflow: hidden;
3589
3588
  }
3590
3589
 
@@ -3604,7 +3603,7 @@ a:focus-visible {
3604
3603
  /* Default state */
3605
3604
  .bc-base-input-container--default,
3606
3605
  .bc-input-container--default {
3607
- color: var(--color-gray-900);
3606
+ color: var(--color-neutral-900);
3608
3607
  }
3609
3608
 
3610
3609
  .bc-input-container--default {
@@ -3613,28 +3612,24 @@ a:focus-visible {
3613
3612
  outline-offset: -1px;
3614
3613
  }
3615
3614
 
3616
- .bc-base-input-container--default::placeholder
3617
- .bc-input-container--default::placeholder {
3618
- color: var(--color-gray-400);
3615
+ .bc-base-input-container ::placeholder,
3616
+ .bc-input-container ::placeholder {
3617
+ color: var(--color-neutral-400);
3619
3618
  }
3620
3619
 
3621
3620
  /* Disabled state */
3622
3621
  .bc-base-input-container--disabled,
3623
3622
  .bc-input-container--disabled {
3624
- color: var(--color-gray-500);
3623
+ color: var(--color-neutral-500);
3625
3624
  cursor: not-allowed;
3626
3625
  }
3627
3626
 
3628
3627
  .bc-input-container--disabled {
3629
- background-color: var(--color-gray-200);
3628
+ background-color: var(--color-neutral-200);
3630
3629
  outline: 2px solid var(--border-divider-light);
3631
3630
  outline-offset: -2px;
3632
3631
  }
3633
3632
 
3634
- .bc-input-container--disabled::placeholder {
3635
- color: var(--color-gray-400);
3636
- }
3637
-
3638
3633
  /* Focus within state */
3639
3634
  .bc-input-container:focus-within {
3640
3635
  z-index: var(--z-index-navigation);
@@ -3690,17 +3685,10 @@ a:focus-visible {
3690
3685
  color: inherit;
3691
3686
  }
3692
3687
 
3693
- .bc-input-container input::placeholder,
3694
- .bc-input-container textarea::placeholder,
3695
- .bc-input::placeholder {
3696
- color: inherit;
3697
- opacity: 0.6;
3698
- }
3699
-
3700
3688
  /* Password toggle button */
3701
3689
  .bc-input-container__password-toggle {
3702
3690
  font-size: var(--font-size-sm);
3703
- fill: var(--color-gray-400);
3691
+ fill: var(--color-neutral-400);
3704
3692
  border-radius: var(--radius-full);
3705
3693
  padding: var(--spacing-sm) var(--spacing-md);
3706
3694
  background: transparent;
@@ -3713,13 +3701,13 @@ a:focus-visible {
3713
3701
  }
3714
3702
 
3715
3703
  .bc-input-container__password-toggle:hover {
3716
- background-color: var(--color-gray-100);
3704
+ background-color: var(--color-neutral-100);
3717
3705
  }
3718
3706
 
3719
3707
  /* Nullable reset button */
3720
3708
  .bc-input-container__reset {
3721
3709
  font-size: var(--font-size-sm);
3722
- fill: var(--color-gray-400);
3710
+ fill: var(--color-neutral-400);
3723
3711
  border-radius: var(--radius-full);
3724
3712
  padding: var(--spacing-sm);
3725
3713
  background: transparent;
@@ -3733,7 +3721,7 @@ a:focus-visible {
3733
3721
  }
3734
3722
 
3735
3723
  .bc-input-container__reset:hover {
3736
- background-color: var(--color-gray-100);
3724
+ background-color: var(--color-neutral-100);
3737
3725
  }
3738
3726
 
3739
3727
  /* Tags input wrapper */
@@ -3773,8 +3761,9 @@ a:focus-visible {
3773
3761
  background-color: var(--bg-elevated-dark);
3774
3762
  }
3775
3763
 
3776
- .b-dark .bc-input-container--default::placeholder {
3777
- color: var(--text-muted-dark);
3764
+ .b-dark .bc-input-container::placeholder,
3765
+ .b-dark .bc-base-input-container::placeholder {
3766
+ color: var(--gray-500);
3778
3767
  }
3779
3768
 
3780
3769
  .b-dark .bc-input-container--disabled {
@@ -3784,10 +3773,6 @@ a:focus-visible {
3784
3773
  opacity: 0.6;
3785
3774
  }
3786
3775
 
3787
- .b-dark .bc-input-container--disabled::placeholder {
3788
- color: var(--text-muted-dark);
3789
- }
3790
-
3791
3776
  .b-dark .bc-input-container--error {
3792
3777
  outline: 2px solid var(--color-danger-400);
3793
3778
  background-color: var(--color-danger-950);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tempots/beatui",
3
- "version": "0.50.1",
3
+ "version": "0.50.3",
4
4
  "type": "module",
5
5
  "main": "dist/index.umd.js",
6
6
  "module": "dist/index.es.js",