dialkit 0.2.0 → 0.2.2

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/dist/styles.css CHANGED
@@ -47,6 +47,7 @@
47
47
  -webkit-backdrop-filter: blur(var(--dial-backdrop-blur));
48
48
  padding: 10px 12px 12px 12px;
49
49
  transform: translateZ(0);
50
+ transform-origin: top right;
50
51
  max-height: calc(100vh - 80px);
51
52
  overflow-y: auto;
52
53
  }
@@ -203,8 +204,6 @@
203
204
  }
204
205
 
205
206
  .dialkit-folder-content {
206
- overflow-x: visible;
207
- overflow-y: clip;
208
207
  will-change: transform;
209
208
  }
210
209
 
@@ -675,7 +674,6 @@
675
674
 
676
675
  /* Select Control - Full-width row */
677
676
  .dialkit-select-row {
678
- position: relative;
679
677
  }
680
678
 
681
679
  .dialkit-select-trigger {
@@ -737,17 +735,13 @@
737
735
  opacity: 0.6;
738
736
  }
739
737
 
740
- /* Select Dropdown */
738
+ /* Select Dropdown (portaled to body) */
741
739
  .dialkit-select-dropdown {
742
- position: absolute;
743
- top: calc(100% + 4px);
744
- left: 0;
745
- right: 0;
746
740
  background: var(--dial-glass-bg);
747
741
  border: 1px solid var(--dial-border);
748
742
  border-radius: var(--dial-radius);
749
743
  padding: 4px;
750
- z-index: 100;
744
+ z-index: 10000;
751
745
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
752
746
  }
753
747
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dialkit",
3
- "version": "0.2.0",
3
+ "version": "0.2.2",
4
4
  "description": "Real-time parameter tweaking for React apps",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",