@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/index.cjs CHANGED
@@ -15104,11 +15104,11 @@ var init_dropdown = __esm({
15104
15104
  --ease-dropdown-panel-shadow,
15105
15105
  0 5px 20px 0 var(--color-black-15),
15106
15106
  0 1px 4px 0 var(--color-black-15),
15107
- 0 0 0 1px var(--color-white-4) inset,
15107
+ 0 0 0 .5px var(--color-white-4) inset,
15108
15108
  0 1px 0 0 var(--color-white-4) inset
15109
15109
  );
15110
15110
  background-clip: padding-box;
15111
- border: 1px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
15111
+ border: .25px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
15112
15112
  box-sizing: border-box;
15113
15113
  padding: var(--ease-dropdown-panel-padding, 4px);
15114
15114
  }
@@ -15126,7 +15126,7 @@ var init_dropdown = __esm({
15126
15126
  }
15127
15127
 
15128
15128
  [part="content"] ::slotted(h4) {
15129
- margin: 4px 0 8px 0 !important;
15129
+ margin: 4px 0 !important;
15130
15130
  font-size: var(--ease-dropdown-group-label-font-size, 11px);
15131
15131
  line-height: 1;
15132
15132
  padding: var(--ease-dropdown-group-label-padding, 0 8px);
@@ -19997,6 +19997,7 @@ var init_field = __esm({
19997
19997
 
19998
19998
  [part="field"] {
19999
19999
  scroll-snap-align: start;
20000
+ scroll-margin-top: 8px;
20000
20001
  display: grid;
20001
20002
  grid-template-columns: var(--ease-field-label-width, 36%) auto;
20002
20003
  column-gap: var(--ease-field-column-gap, 12px);
@@ -34308,7 +34309,17 @@ var init_panel = __esm({
34308
34309
  min-height: 0;
34309
34310
  width: 100%;
34310
34311
  box-sizing: border-box;
34311
- overflow: hidden;
34312
+ overflow-y: auto;
34313
+ overflow-x: hidden;
34314
+ mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
34315
+ animation-name: scroll-fade;
34316
+ animation-timeline: scroll(self y);
34317
+ scroll-snap-type: y proximity;
34318
+ scrollbar-width: none;
34319
+
34320
+ &::-webkit-scrollbar {
34321
+ display: none;
34322
+ }
34312
34323
  }
34313
34324
 
34314
34325
  [part="content"][data-animating="true"] {
@@ -34374,16 +34385,6 @@ var init_panel = __esm({
34374
34385
  box-sizing: border-box;
34375
34386
  width: 100%;
34376
34387
  max-height: 100%;
34377
- overflow-y: auto;
34378
- mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
34379
- animation-name: scroll-fade;
34380
- animation-timeline: scroll(self y);
34381
- scroll-snap-type: y mandatory;
34382
- scrollbar-width: none;
34383
-
34384
- &::-webkit-scrollbar {
34385
- display: none;
34386
- }
34387
34388
  }
34388
34389
  `
34389
34390
  }), _dec146 = Prop({