@seed-design/css 2.6.0 → 2.6.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 (11) hide show
  1. package/all.css +47 -5
  2. package/all.layered.css +47 -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/attachment-input.css +1 -0
  7. package/recipes/attachment-input.layered.css +1 -0
  8. package/recipes/date-picker.css +49 -4
  9. package/recipes/date-picker.layered.css +53 -5
  10. package/recipes/field.css +1 -0
  11. package/recipes/field.layered.css +1 -0
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;
@@ -5514,6 +5530,7 @@
5514
5530
  flex-direction: column;
5515
5531
  width: 100%;
5516
5532
  display: flex;
5533
+ position: relative;
5517
5534
  }
5518
5535
 
5519
5536
  .seed-field__header {
@@ -5626,6 +5643,7 @@
5626
5643
  margin-inline: calc(var(--seed-attachment-input-extend-x) * -1);
5627
5644
  flex-direction: column;
5628
5645
  display: flex;
5646
+ position: relative;
5629
5647
  }
5630
5648
 
5631
5649
  .seed-attachment-input__dropzone {
@@ -13690,6 +13708,12 @@
13690
13708
  --seed-box-max-height: var(--seed-box-max-height-sm, initial);
13691
13709
  }
13692
13710
 
13711
+ .seed-date-picker__root {
13712
+ --seed-box-height: var(--seed-box-height-sm, initial);
13713
+ --seed-box-min-height: var(--seed-box-min-height-sm, initial);
13714
+ --seed-box-max-height: var(--seed-box-max-height-sm, initial);
13715
+ }
13716
+
13693
13717
  .seed-help-bubble__content {
13694
13718
  --seed-box-max-width: var(--seed-box-max-width-sm, initial);
13695
13719
  }
@@ -13786,6 +13810,12 @@
13786
13810
  --seed-box-max-height: var(--seed-box-max-height-md, initial);
13787
13811
  }
13788
13812
 
13813
+ .seed-date-picker__root {
13814
+ --seed-box-height: var(--seed-box-height-md, initial);
13815
+ --seed-box-min-height: var(--seed-box-min-height-md, initial);
13816
+ --seed-box-max-height: var(--seed-box-max-height-md, initial);
13817
+ }
13818
+
13789
13819
  .seed-help-bubble__content {
13790
13820
  --seed-box-max-width: var(--seed-box-max-width-md, initial);
13791
13821
  }
@@ -13882,6 +13912,12 @@
13882
13912
  --seed-box-max-height: var(--seed-box-max-height-lg, initial);
13883
13913
  }
13884
13914
 
13915
+ .seed-date-picker__root {
13916
+ --seed-box-height: var(--seed-box-height-lg, initial);
13917
+ --seed-box-min-height: var(--seed-box-min-height-lg, initial);
13918
+ --seed-box-max-height: var(--seed-box-max-height-lg, initial);
13919
+ }
13920
+
13885
13921
  .seed-help-bubble__content {
13886
13922
  --seed-box-max-width: var(--seed-box-max-width-lg, initial);
13887
13923
  }
@@ -13978,6 +14014,12 @@
13978
14014
  --seed-box-max-height: var(--seed-box-max-height-xl, initial);
13979
14015
  }
13980
14016
 
14017
+ .seed-date-picker__root {
14018
+ --seed-box-height: var(--seed-box-height-xl, initial);
14019
+ --seed-box-min-height: var(--seed-box-min-height-xl, initial);
14020
+ --seed-box-max-height: var(--seed-box-max-height-xl, initial);
14021
+ }
14022
+
13981
14023
  .seed-help-bubble__content {
13982
14024
  --seed-box-max-width: var(--seed-box-max-width-xl, initial);
13983
14025
  }
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;
@@ -5763,6 +5779,7 @@
5763
5779
  flex-direction: column;
5764
5780
  width: 100%;
5765
5781
  display: flex;
5782
+ position: relative;
5766
5783
  }
5767
5784
 
5768
5785
  .seed-field__header {
@@ -5875,6 +5892,7 @@
5875
5892
  margin-inline: calc(var(--seed-attachment-input-extend-x) * -1);
5876
5893
  flex-direction: column;
5877
5894
  display: flex;
5895
+ position: relative;
5878
5896
  }
5879
5897
 
5880
5898
  .seed-attachment-input__dropzone {
@@ -13806,6 +13824,12 @@
13806
13824
  --seed-box-max-height: var(--seed-box-max-height-sm, initial);
13807
13825
  }
13808
13826
 
13827
+ .seed-date-picker__root {
13828
+ --seed-box-height: var(--seed-box-height-sm, initial);
13829
+ --seed-box-min-height: var(--seed-box-min-height-sm, initial);
13830
+ --seed-box-max-height: var(--seed-box-max-height-sm, initial);
13831
+ }
13832
+
13809
13833
  .seed-help-bubble__content {
13810
13834
  --seed-box-max-width: var(--seed-box-max-width-sm, initial);
13811
13835
  }
@@ -13867,6 +13891,12 @@
13867
13891
  --seed-box-max-height: var(--seed-box-max-height-md, initial);
13868
13892
  }
13869
13893
 
13894
+ .seed-date-picker__root {
13895
+ --seed-box-height: var(--seed-box-height-md, initial);
13896
+ --seed-box-min-height: var(--seed-box-min-height-md, initial);
13897
+ --seed-box-max-height: var(--seed-box-max-height-md, initial);
13898
+ }
13899
+
13870
13900
  .seed-help-bubble__content {
13871
13901
  --seed-box-max-width: var(--seed-box-max-width-md, initial);
13872
13902
  }
@@ -13928,6 +13958,12 @@
13928
13958
  --seed-box-max-height: var(--seed-box-max-height-lg, initial);
13929
13959
  }
13930
13960
 
13961
+ .seed-date-picker__root {
13962
+ --seed-box-height: var(--seed-box-height-lg, initial);
13963
+ --seed-box-min-height: var(--seed-box-min-height-lg, initial);
13964
+ --seed-box-max-height: var(--seed-box-max-height-lg, initial);
13965
+ }
13966
+
13931
13967
  .seed-help-bubble__content {
13932
13968
  --seed-box-max-width: var(--seed-box-max-width-lg, initial);
13933
13969
  }
@@ -13989,6 +14025,12 @@
13989
14025
  --seed-box-max-height: var(--seed-box-max-height-xl, initial);
13990
14026
  }
13991
14027
 
14028
+ .seed-date-picker__root {
14029
+ --seed-box-height: var(--seed-box-height-xl, initial);
14030
+ --seed-box-min-height: var(--seed-box-min-height-xl, initial);
14031
+ --seed-box-max-height: var(--seed-box-max-height-xl, initial);
14032
+ }
14033
+
13992
14034
  .seed-help-bubble__content {
13993
14035
  --seed-box-max-width: var(--seed-box-max-width-xl, initial);
13994
14036
  }