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