@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.js CHANGED
@@ -15092,11 +15092,11 @@ var init_dropdown = __esm({
15092
15092
  --ease-dropdown-panel-shadow,
15093
15093
  0 5px 20px 0 var(--color-black-15),
15094
15094
  0 1px 4px 0 var(--color-black-15),
15095
- 0 0 0 1px var(--color-white-4) inset,
15095
+ 0 0 0 .5px var(--color-white-4) inset,
15096
15096
  0 1px 0 0 var(--color-white-4) inset
15097
15097
  );
15098
15098
  background-clip: padding-box;
15099
- border: 1px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
15099
+ border: .25px solid var(--ease-dropdown-panel-border-color, var(--color-gray-825));
15100
15100
  box-sizing: border-box;
15101
15101
  padding: var(--ease-dropdown-panel-padding, 4px);
15102
15102
  }
@@ -15114,7 +15114,7 @@ var init_dropdown = __esm({
15114
15114
  }
15115
15115
 
15116
15116
  [part="content"] ::slotted(h4) {
15117
- margin: 4px 0 8px 0 !important;
15117
+ margin: 4px 0 !important;
15118
15118
  font-size: var(--ease-dropdown-group-label-font-size, 11px);
15119
15119
  line-height: 1;
15120
15120
  padding: var(--ease-dropdown-group-label-padding, 0 8px);
@@ -19984,6 +19984,7 @@ var init_field = __esm({
19984
19984
 
19985
19985
  [part="field"] {
19986
19986
  scroll-snap-align: start;
19987
+ scroll-margin-top: 8px;
19987
19988
  display: grid;
19988
19989
  grid-template-columns: var(--ease-field-label-width, 36%) auto;
19989
19990
  column-gap: var(--ease-field-column-gap, 12px);
@@ -34295,7 +34296,17 @@ var init_panel = __esm({
34295
34296
  min-height: 0;
34296
34297
  width: 100%;
34297
34298
  box-sizing: border-box;
34298
- overflow: hidden;
34299
+ overflow-y: auto;
34300
+ overflow-x: hidden;
34301
+ mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
34302
+ animation-name: scroll-fade;
34303
+ animation-timeline: scroll(self y);
34304
+ scroll-snap-type: y proximity;
34305
+ scrollbar-width: none;
34306
+
34307
+ &::-webkit-scrollbar {
34308
+ display: none;
34309
+ }
34299
34310
  }
34300
34311
 
34301
34312
  [part="content"][data-animating="true"] {
@@ -34361,16 +34372,6 @@ var init_panel = __esm({
34361
34372
  box-sizing: border-box;
34362
34373
  width: 100%;
34363
34374
  max-height: 100%;
34364
- overflow-y: auto;
34365
- mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
34366
- animation-name: scroll-fade;
34367
- animation-timeline: scroll(self y);
34368
- scroll-snap-type: y mandatory;
34369
- scrollbar-width: none;
34370
-
34371
- &::-webkit-scrollbar {
34372
- display: none;
34373
- }
34374
34375
  }
34375
34376
  `
34376
34377
  }), _dec146 = Prop({