@easemate/web-kit 0.5.3 → 0.5.4

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.
@@ -3926,11 +3926,11 @@ _dec10 = Component({
3926
3926
  --ease-dropdown-panel-shadow,
3927
3927
  0 5px 20px 0 var(--color-black-15),
3928
3928
  0 1px 4px 0 var(--color-black-15),
3929
- 0 0 0 1px var(--color-white-4) inset,
3929
+ 0 0 0 .5px var(--color-white-4) inset,
3930
3930
  0 1px 0 0 var(--color-white-4) inset
3931
3931
  );
3932
3932
  background-clip: padding-box;
3933
- border: 1px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
3933
+ border: .25px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
3934
3934
  box-sizing: border-box;
3935
3935
  padding: var(--ease-dropdown-panel-padding, 4px);
3936
3936
  }
@@ -3948,7 +3948,7 @@ _dec10 = Component({
3948
3948
  }
3949
3949
 
3950
3950
  [part="content"] ::slotted(h4) {
3951
- margin: 4px 0 8px 0 !important;
3951
+ margin: 4px 0 !important;
3952
3952
  font-size: var(--ease-dropdown-group-label-font-size, 11px);
3953
3953
  line-height: 1;
3954
3954
  padding: var(--ease-dropdown-group-label-padding, 0 8px);
@@ -8786,6 +8786,7 @@ _dec29 = Component({
8786
8786
 
8787
8787
  [part="field"] {
8788
8788
  scroll-snap-align: start;
8789
+ scroll-margin-top: 8px;
8789
8790
  display: grid;
8790
8791
  grid-template-columns: var(--ease-field-label-width, 36%) auto;
8791
8792
  column-gap: var(--ease-field-column-gap, 12px);
@@ -24024,7 +24025,17 @@ _dec81 = Component({
24024
24025
  min-height: 0;
24025
24026
  width: 100%;
24026
24027
  box-sizing: border-box;
24027
- overflow: hidden;
24028
+ overflow-y: auto;
24029
+ overflow-x: hidden;
24030
+ mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
24031
+ animation-name: scroll-fade;
24032
+ animation-timeline: scroll(self y);
24033
+ scroll-snap-type: y proximity;
24034
+ scrollbar-width: none;
24035
+
24036
+ &::-webkit-scrollbar {
24037
+ display: none;
24038
+ }
24028
24039
  }
24029
24040
 
24030
24041
  [part="content"][data-animating="true"] {
@@ -24090,16 +24101,6 @@ _dec81 = Component({
24090
24101
  box-sizing: border-box;
24091
24102
  width: 100%;
24092
24103
  max-height: 100%;
24093
- overflow-y: auto;
24094
- mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
24095
- animation-name: scroll-fade;
24096
- animation-timeline: scroll(self y);
24097
- scroll-snap-type: y mandatory;
24098
- scrollbar-width: none;
24099
-
24100
- &::-webkit-scrollbar {
24101
- display: none;
24102
- }
24103
24104
  }
24104
24105
  `
24105
24106
  }), _dec124 = Prop({