@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.
@@ -4016,11 +4016,11 @@ _dec10 = Component({
4016
4016
  --ease-dropdown-panel-shadow,
4017
4017
  0 5px 20px 0 var(--color-black-15),
4018
4018
  0 1px 4px 0 var(--color-black-15),
4019
- 0 0 0 1px var(--color-white-4) inset,
4019
+ 0 0 0 .5px var(--color-white-4) inset,
4020
4020
  0 1px 0 0 var(--color-white-4) inset
4021
4021
  );
4022
4022
  background-clip: padding-box;
4023
- border: 1px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
4023
+ border: .25px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
4024
4024
  box-sizing: border-box;
4025
4025
  padding: var(--ease-dropdown-panel-padding, 4px);
4026
4026
  }
@@ -4038,7 +4038,7 @@ _dec10 = Component({
4038
4038
  }
4039
4039
 
4040
4040
  [part="content"] ::slotted(h4) {
4041
- margin: 4px 0 8px 0 !important;
4041
+ margin: 4px 0 !important;
4042
4042
  font-size: var(--ease-dropdown-group-label-font-size, 11px);
4043
4043
  line-height: 1;
4044
4044
  padding: var(--ease-dropdown-group-label-padding, 0 8px);
@@ -8876,6 +8876,7 @@ _dec29 = Component({
8876
8876
 
8877
8877
  [part="field"] {
8878
8878
  scroll-snap-align: start;
8879
+ scroll-margin-top: 8px;
8879
8880
  display: grid;
8880
8881
  grid-template-columns: var(--ease-field-label-width, 36%) auto;
8881
8882
  column-gap: var(--ease-field-column-gap, 12px);
@@ -24114,7 +24115,17 @@ _dec81 = Component({
24114
24115
  min-height: 0;
24115
24116
  width: 100%;
24116
24117
  box-sizing: border-box;
24117
- overflow: hidden;
24118
+ overflow-y: auto;
24119
+ overflow-x: hidden;
24120
+ mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
24121
+ animation-name: scroll-fade;
24122
+ animation-timeline: scroll(self y);
24123
+ scroll-snap-type: y proximity;
24124
+ scrollbar-width: none;
24125
+
24126
+ &::-webkit-scrollbar {
24127
+ display: none;
24128
+ }
24118
24129
  }
24119
24130
 
24120
24131
  [part="content"][data-animating="true"] {
@@ -24180,16 +24191,6 @@ _dec81 = Component({
24180
24191
  box-sizing: border-box;
24181
24192
  width: 100%;
24182
24193
  max-height: 100%;
24183
- overflow-y: auto;
24184
- mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
24185
- animation-name: scroll-fade;
24186
- animation-timeline: scroll(self y);
24187
- scroll-snap-type: y mandatory;
24188
- scrollbar-width: none;
24189
-
24190
- &::-webkit-scrollbar {
24191
- display: none;
24192
- }
24193
24194
  }
24194
24195
  `
24195
24196
  }), _dec124 = Prop({