@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/react.js CHANGED
@@ -4892,11 +4892,11 @@ var init_dropdown = __esm({
4892
4892
  --ease-dropdown-panel-shadow,
4893
4893
  0 5px 20px 0 var(--color-black-15),
4894
4894
  0 1px 4px 0 var(--color-black-15),
4895
- 0 0 0 1px var(--color-white-4) inset,
4895
+ 0 0 0 .5px var(--color-white-4) inset,
4896
4896
  0 1px 0 0 var(--color-white-4) inset
4897
4897
  );
4898
4898
  background-clip: padding-box;
4899
- border: 1px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
4899
+ border: .25px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
4900
4900
  box-sizing: border-box;
4901
4901
  padding: var(--ease-dropdown-panel-padding, 4px);
4902
4902
  }
@@ -4914,7 +4914,7 @@ var init_dropdown = __esm({
4914
4914
  }
4915
4915
 
4916
4916
  [part="content"] ::slotted(h4) {
4917
- margin: 4px 0 8px 0 !important;
4917
+ margin: 4px 0 !important;
4918
4918
  font-size: var(--ease-dropdown-group-label-font-size, 11px);
4919
4919
  line-height: 1;
4920
4920
  padding: var(--ease-dropdown-group-label-padding, 0 8px);
@@ -14804,6 +14804,7 @@ var init_field = __esm({
14804
14804
 
14805
14805
  [part="field"] {
14806
14806
  scroll-snap-align: start;
14807
+ scroll-margin-top: 8px;
14807
14808
  display: grid;
14808
14809
  grid-template-columns: var(--ease-field-label-width, 36%) auto;
14809
14810
  column-gap: var(--ease-field-column-gap, 12px);
@@ -15460,7 +15461,17 @@ var init_panel = __esm({
15460
15461
  min-height: 0;
15461
15462
  width: 100%;
15462
15463
  box-sizing: border-box;
15463
- overflow: hidden;
15464
+ overflow-y: auto;
15465
+ overflow-x: hidden;
15466
+ mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
15467
+ animation-name: scroll-fade;
15468
+ animation-timeline: scroll(self y);
15469
+ scroll-snap-type: y proximity;
15470
+ scrollbar-width: none;
15471
+
15472
+ &::-webkit-scrollbar {
15473
+ display: none;
15474
+ }
15464
15475
  }
15465
15476
 
15466
15477
  [part="content"][data-animating="true"] {
@@ -15526,16 +15537,6 @@ var init_panel = __esm({
15526
15537
  box-sizing: border-box;
15527
15538
  width: 100%;
15528
15539
  max-height: 100%;
15529
- overflow-y: auto;
15530
- mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
15531
- animation-name: scroll-fade;
15532
- animation-timeline: scroll(self y);
15533
- scroll-snap-type: y mandatory;
15534
- scrollbar-width: none;
15535
-
15536
- &::-webkit-scrollbar {
15537
- display: none;
15538
- }
15539
15540
  }
15540
15541
  `
15541
15542
  }), _dec121 = Prop({