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