@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.cjs CHANGED
@@ -4904,11 +4904,11 @@ var init_dropdown = __esm({
4904
4904
  --ease-dropdown-panel-shadow,
4905
4905
  0 5px 20px 0 var(--color-black-15),
4906
4906
  0 1px 4px 0 var(--color-black-15),
4907
- 0 0 0 1px var(--color-white-4) inset,
4907
+ 0 0 0 .5px var(--color-white-4) inset,
4908
4908
  0 1px 0 0 var(--color-white-4) inset
4909
4909
  );
4910
4910
  background-clip: padding-box;
4911
- border: 1px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
4911
+ border: .25px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
4912
4912
  box-sizing: border-box;
4913
4913
  padding: var(--ease-dropdown-panel-padding, 4px);
4914
4914
  }
@@ -4926,7 +4926,7 @@ var init_dropdown = __esm({
4926
4926
  }
4927
4927
 
4928
4928
  [part="content"] ::slotted(h4) {
4929
- margin: 4px 0 8px 0 !important;
4929
+ margin: 4px 0 !important;
4930
4930
  font-size: var(--ease-dropdown-group-label-font-size, 11px);
4931
4931
  line-height: 1;
4932
4932
  padding: var(--ease-dropdown-group-label-padding, 0 8px);
@@ -14817,6 +14817,7 @@ var init_field = __esm({
14817
14817
 
14818
14818
  [part="field"] {
14819
14819
  scroll-snap-align: start;
14820
+ scroll-margin-top: 8px;
14820
14821
  display: grid;
14821
14822
  grid-template-columns: var(--ease-field-label-width, 36%) auto;
14822
14823
  column-gap: var(--ease-field-column-gap, 12px);
@@ -15473,7 +15474,17 @@ var init_panel = __esm({
15473
15474
  min-height: 0;
15474
15475
  width: 100%;
15475
15476
  box-sizing: border-box;
15476
- overflow: hidden;
15477
+ overflow-y: auto;
15478
+ overflow-x: hidden;
15479
+ mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
15480
+ animation-name: scroll-fade;
15481
+ animation-timeline: scroll(self y);
15482
+ scroll-snap-type: y proximity;
15483
+ scrollbar-width: none;
15484
+
15485
+ &::-webkit-scrollbar {
15486
+ display: none;
15487
+ }
15477
15488
  }
15478
15489
 
15479
15490
  [part="content"][data-animating="true"] {
@@ -15539,16 +15550,6 @@ var init_panel = __esm({
15539
15550
  box-sizing: border-box;
15540
15551
  width: 100%;
15541
15552
  max-height: 100%;
15542
- overflow-y: auto;
15543
- mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
15544
- animation-name: scroll-fade;
15545
- animation-timeline: scroll(self y);
15546
- scroll-snap-type: y mandatory;
15547
- scrollbar-width: none;
15548
-
15549
- &::-webkit-scrollbar {
15550
- display: none;
15551
- }
15552
15553
  }
15553
15554
  `
15554
15555
  }), _dec121 = Prop({