@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/elements.js CHANGED
@@ -3939,11 +3939,11 @@ _dec10 = Component({
3939
3939
  --ease-dropdown-panel-shadow,
3940
3940
  0 5px 20px 0 var(--color-black-15),
3941
3941
  0 1px 4px 0 var(--color-black-15),
3942
- 0 0 0 1px var(--color-white-4) inset,
3942
+ 0 0 0 .5px var(--color-white-4) inset,
3943
3943
  0 1px 0 0 var(--color-white-4) inset
3944
3944
  );
3945
3945
  background-clip: padding-box;
3946
- border: 1px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
3946
+ border: .25px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
3947
3947
  box-sizing: border-box;
3948
3948
  padding: var(--ease-dropdown-panel-padding, 4px);
3949
3949
  }
@@ -3961,7 +3961,7 @@ _dec10 = Component({
3961
3961
  }
3962
3962
 
3963
3963
  [part="content"] ::slotted(h4) {
3964
- margin: 4px 0 8px 0 !important;
3964
+ margin: 4px 0 !important;
3965
3965
  font-size: var(--ease-dropdown-group-label-font-size, 11px);
3966
3966
  line-height: 1;
3967
3967
  padding: var(--ease-dropdown-group-label-padding, 0 8px);
@@ -8799,6 +8799,7 @@ _dec29 = Component({
8799
8799
 
8800
8800
  [part="field"] {
8801
8801
  scroll-snap-align: start;
8802
+ scroll-margin-top: 8px;
8802
8803
  display: grid;
8803
8804
  grid-template-columns: var(--ease-field-label-width, 36%) auto;
8804
8805
  column-gap: var(--ease-field-column-gap, 12px);
@@ -24037,7 +24038,17 @@ _dec81 = Component({
24037
24038
  min-height: 0;
24038
24039
  width: 100%;
24039
24040
  box-sizing: border-box;
24040
- overflow: hidden;
24041
+ overflow-y: auto;
24042
+ overflow-x: hidden;
24043
+ mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
24044
+ animation-name: scroll-fade;
24045
+ animation-timeline: scroll(self y);
24046
+ scroll-snap-type: y proximity;
24047
+ scrollbar-width: none;
24048
+
24049
+ &::-webkit-scrollbar {
24050
+ display: none;
24051
+ }
24041
24052
  }
24042
24053
 
24043
24054
  [part="content"][data-animating="true"] {
@@ -24103,16 +24114,6 @@ _dec81 = Component({
24103
24114
  box-sizing: border-box;
24104
24115
  width: 100%;
24105
24116
  max-height: 100%;
24106
- overflow-y: auto;
24107
- mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
24108
- animation-name: scroll-fade;
24109
- animation-timeline: scroll(self y);
24110
- scroll-snap-type: y mandatory;
24111
- scrollbar-width: none;
24112
-
24113
- &::-webkit-scrollbar {
24114
- display: none;
24115
- }
24116
24117
  }
24117
24118
  `
24118
24119
  }), _dec124 = Prop({