@seed-design/css 2.6.0 → 2.6.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.
Files changed (7) hide show
  1. package/all.css +45 -5
  2. package/all.layered.css +45 -5
  3. package/all.layered.min.css +1 -1
  4. package/all.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/date-picker.css +49 -4
  7. package/recipes/date-picker.layered.css +53 -5
package/all.css CHANGED
@@ -4648,8 +4648,29 @@
4648
4648
 
4649
4649
  .seed-date-picker__root {
4650
4650
  box-sizing: border-box;
4651
+ --seed-box-height-base: auto;
4652
+ --seed-box-height-sm: var(--seed-box-height-base, initial);
4653
+ --seed-box-height-md: var(--seed-box-height-sm, initial);
4654
+ --seed-box-height-lg: var(--seed-box-height-md, initial);
4655
+ --seed-box-height-xl: var(--seed-box-height-lg, initial);
4656
+ --seed-box-height: var(--seed-box-height-base, initial);
4657
+ --seed-box-min-height-base: auto;
4658
+ --seed-box-min-height-sm: var(--seed-box-min-height-base, initial);
4659
+ --seed-box-min-height-md: var(--seed-box-min-height-sm, initial);
4660
+ --seed-box-min-height-lg: var(--seed-box-min-height-md, initial);
4661
+ --seed-box-min-height-xl: var(--seed-box-min-height-lg, initial);
4662
+ --seed-box-min-height: var(--seed-box-min-height-base, initial);
4663
+ --seed-box-max-height-base: none;
4664
+ --seed-box-max-height-sm: var(--seed-box-max-height-base, initial);
4665
+ --seed-box-max-height-md: var(--seed-box-max-height-sm, initial);
4666
+ --seed-box-max-height-lg: var(--seed-box-max-height-md, initial);
4667
+ --seed-box-max-height-xl: var(--seed-box-max-height-lg, initial);
4668
+ --seed-box-max-height: var(--seed-box-max-height-base, initial);
4651
4669
  width: 100%;
4652
4670
  min-width: 0;
4671
+ height: var(--seed-box-height);
4672
+ min-height: var(--seed-box-min-height);
4673
+ max-height: var(--seed-box-max-height);
4653
4674
  color: var(--seed-color-fg-neutral-muted);
4654
4675
  background-color: var(--seed-color-bg-layer-floating);
4655
4676
  position: relative;
@@ -5096,11 +5117,6 @@
5096
5117
  grid-template-columns: repeat(2, minmax(0, 1fr));
5097
5118
  }
5098
5119
 
5099
- .seed-date-picker__root--visibleRange_continuous {
5100
- height: 100%;
5101
- min-height: 0;
5102
- }
5103
-
5104
5120
  .seed-date-picker__weekdayRow--visibleRange_continuous {
5105
5121
  position: sticky;
5106
5122
  top: 0;
@@ -13690,6 +13706,12 @@
13690
13706
  --seed-box-max-height: var(--seed-box-max-height-sm, initial);
13691
13707
  }
13692
13708
 
13709
+ .seed-date-picker__root {
13710
+ --seed-box-height: var(--seed-box-height-sm, initial);
13711
+ --seed-box-min-height: var(--seed-box-min-height-sm, initial);
13712
+ --seed-box-max-height: var(--seed-box-max-height-sm, initial);
13713
+ }
13714
+
13693
13715
  .seed-help-bubble__content {
13694
13716
  --seed-box-max-width: var(--seed-box-max-width-sm, initial);
13695
13717
  }
@@ -13786,6 +13808,12 @@
13786
13808
  --seed-box-max-height: var(--seed-box-max-height-md, initial);
13787
13809
  }
13788
13810
 
13811
+ .seed-date-picker__root {
13812
+ --seed-box-height: var(--seed-box-height-md, initial);
13813
+ --seed-box-min-height: var(--seed-box-min-height-md, initial);
13814
+ --seed-box-max-height: var(--seed-box-max-height-md, initial);
13815
+ }
13816
+
13789
13817
  .seed-help-bubble__content {
13790
13818
  --seed-box-max-width: var(--seed-box-max-width-md, initial);
13791
13819
  }
@@ -13882,6 +13910,12 @@
13882
13910
  --seed-box-max-height: var(--seed-box-max-height-lg, initial);
13883
13911
  }
13884
13912
 
13913
+ .seed-date-picker__root {
13914
+ --seed-box-height: var(--seed-box-height-lg, initial);
13915
+ --seed-box-min-height: var(--seed-box-min-height-lg, initial);
13916
+ --seed-box-max-height: var(--seed-box-max-height-lg, initial);
13917
+ }
13918
+
13885
13919
  .seed-help-bubble__content {
13886
13920
  --seed-box-max-width: var(--seed-box-max-width-lg, initial);
13887
13921
  }
@@ -13978,6 +14012,12 @@
13978
14012
  --seed-box-max-height: var(--seed-box-max-height-xl, initial);
13979
14013
  }
13980
14014
 
14015
+ .seed-date-picker__root {
14016
+ --seed-box-height: var(--seed-box-height-xl, initial);
14017
+ --seed-box-min-height: var(--seed-box-min-height-xl, initial);
14018
+ --seed-box-max-height: var(--seed-box-max-height-xl, initial);
14019
+ }
14020
+
13981
14021
  .seed-help-bubble__content {
13982
14022
  --seed-box-max-width: var(--seed-box-max-width-xl, initial);
13983
14023
  }
package/all.layered.css CHANGED
@@ -4897,8 +4897,29 @@
4897
4897
 
4898
4898
  .seed-date-picker__root {
4899
4899
  box-sizing: border-box;
4900
+ --seed-box-height-base: auto;
4901
+ --seed-box-height-sm: var(--seed-box-height-base, initial);
4902
+ --seed-box-height-md: var(--seed-box-height-sm, initial);
4903
+ --seed-box-height-lg: var(--seed-box-height-md, initial);
4904
+ --seed-box-height-xl: var(--seed-box-height-lg, initial);
4905
+ --seed-box-height: var(--seed-box-height-base, initial);
4906
+ --seed-box-min-height-base: auto;
4907
+ --seed-box-min-height-sm: var(--seed-box-min-height-base, initial);
4908
+ --seed-box-min-height-md: var(--seed-box-min-height-sm, initial);
4909
+ --seed-box-min-height-lg: var(--seed-box-min-height-md, initial);
4910
+ --seed-box-min-height-xl: var(--seed-box-min-height-lg, initial);
4911
+ --seed-box-min-height: var(--seed-box-min-height-base, initial);
4912
+ --seed-box-max-height-base: none;
4913
+ --seed-box-max-height-sm: var(--seed-box-max-height-base, initial);
4914
+ --seed-box-max-height-md: var(--seed-box-max-height-sm, initial);
4915
+ --seed-box-max-height-lg: var(--seed-box-max-height-md, initial);
4916
+ --seed-box-max-height-xl: var(--seed-box-max-height-lg, initial);
4917
+ --seed-box-max-height: var(--seed-box-max-height-base, initial);
4900
4918
  width: 100%;
4901
4919
  min-width: 0;
4920
+ height: var(--seed-box-height);
4921
+ min-height: var(--seed-box-min-height);
4922
+ max-height: var(--seed-box-max-height);
4902
4923
  color: var(--seed-color-fg-neutral-muted);
4903
4924
  background-color: var(--seed-color-bg-layer-floating);
4904
4925
  position: relative;
@@ -5345,11 +5366,6 @@
5345
5366
  grid-template-columns: repeat(2, minmax(0, 1fr));
5346
5367
  }
5347
5368
 
5348
- .seed-date-picker__root--visibleRange_continuous {
5349
- height: 100%;
5350
- min-height: 0;
5351
- }
5352
-
5353
5369
  .seed-date-picker__weekdayRow--visibleRange_continuous {
5354
5370
  position: sticky;
5355
5371
  top: 0;
@@ -13806,6 +13822,12 @@
13806
13822
  --seed-box-max-height: var(--seed-box-max-height-sm, initial);
13807
13823
  }
13808
13824
 
13825
+ .seed-date-picker__root {
13826
+ --seed-box-height: var(--seed-box-height-sm, initial);
13827
+ --seed-box-min-height: var(--seed-box-min-height-sm, initial);
13828
+ --seed-box-max-height: var(--seed-box-max-height-sm, initial);
13829
+ }
13830
+
13809
13831
  .seed-help-bubble__content {
13810
13832
  --seed-box-max-width: var(--seed-box-max-width-sm, initial);
13811
13833
  }
@@ -13867,6 +13889,12 @@
13867
13889
  --seed-box-max-height: var(--seed-box-max-height-md, initial);
13868
13890
  }
13869
13891
 
13892
+ .seed-date-picker__root {
13893
+ --seed-box-height: var(--seed-box-height-md, initial);
13894
+ --seed-box-min-height: var(--seed-box-min-height-md, initial);
13895
+ --seed-box-max-height: var(--seed-box-max-height-md, initial);
13896
+ }
13897
+
13870
13898
  .seed-help-bubble__content {
13871
13899
  --seed-box-max-width: var(--seed-box-max-width-md, initial);
13872
13900
  }
@@ -13928,6 +13956,12 @@
13928
13956
  --seed-box-max-height: var(--seed-box-max-height-lg, initial);
13929
13957
  }
13930
13958
 
13959
+ .seed-date-picker__root {
13960
+ --seed-box-height: var(--seed-box-height-lg, initial);
13961
+ --seed-box-min-height: var(--seed-box-min-height-lg, initial);
13962
+ --seed-box-max-height: var(--seed-box-max-height-lg, initial);
13963
+ }
13964
+
13931
13965
  .seed-help-bubble__content {
13932
13966
  --seed-box-max-width: var(--seed-box-max-width-lg, initial);
13933
13967
  }
@@ -13989,6 +14023,12 @@
13989
14023
  --seed-box-max-height: var(--seed-box-max-height-xl, initial);
13990
14024
  }
13991
14025
 
14026
+ .seed-date-picker__root {
14027
+ --seed-box-height: var(--seed-box-height-xl, initial);
14028
+ --seed-box-min-height: var(--seed-box-min-height-xl, initial);
14029
+ --seed-box-max-height: var(--seed-box-max-height-xl, initial);
14030
+ }
14031
+
13992
14032
  .seed-help-bubble__content {
13993
14033
  --seed-box-max-width: var(--seed-box-max-width-xl, initial);
13994
14034
  }