@x-plat/design-system 0.14.3 → 0.14.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.
Files changed (19) hide show
  1. package/dist/components/Dropdown/index.cjs +2 -2
  2. package/dist/components/Dropdown/index.css +3 -1
  3. package/dist/components/Dropdown/index.js +2 -2
  4. package/dist/components/PopOver/index.cjs +2 -2
  5. package/dist/components/PopOver/index.css +3 -1
  6. package/dist/components/PopOver/index.js +2 -2
  7. package/dist/components/Select/index.cjs +2 -2
  8. package/dist/components/Select/index.css +1 -1
  9. package/dist/components/Select/index.js +2 -2
  10. package/dist/components/TimePicker/index.cjs +2 -2
  11. package/dist/components/TimePicker/index.css +3 -1
  12. package/dist/components/TimePicker/index.js +2 -2
  13. package/dist/components/index.cjs +2 -2
  14. package/dist/components/index.css +4 -4
  15. package/dist/components/index.js +2 -2
  16. package/dist/index.cjs +2 -2
  17. package/dist/index.css +4 -4
  18. package/dist/index.js +2 -2
  19. package/package.json +1 -1
package/dist/components/Dropdown/index.cjs CHANGED
@@ -74,8 +74,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
74
74
  left = triggerRect.right - popW;
75
75
  }
76
76
  if (left < 8) left = 8;
77
- pop.style.top = `${top}px`;
78
- pop.style.left = `${left}px`;
77
+ pop.style.top = `${top + window.scrollY}px`;
78
+ pop.style.left = `${left + window.scrollX}px`;
79
79
  if (next !== directionRef.current) {
80
80
  directionRef.current = next;
81
81
  setDirection(next);
package/dist/components/Dropdown/index.css CHANGED
@@ -1,3 +1,5 @@
1
+ @charset "UTF-8";
2
+
1
3
  /* src/components/Dropdown/dropdown.scss */
2
4
  .lib-xplat-dropdown {
3
5
  position: relative;
@@ -8,7 +10,7 @@
8
10
  cursor: pointer;
9
11
  }
10
12
  .lib-xplat-dropdown-menu {
11
- position: fixed;
13
+ position: absolute;
12
14
  z-index: 1000;
13
15
  min-width: 160px;
14
16
  background: var(--semantic-surface-neutral-primary);
package/dist/components/Dropdown/index.js CHANGED
@@ -38,8 +38,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
38
38
  left = triggerRect.right - popW;
39
39
  }
40
40
  if (left < 8) left = 8;
41
- pop.style.top = `${top}px`;
42
- pop.style.left = `${left}px`;
41
+ pop.style.top = `${top + window.scrollY}px`;
42
+ pop.style.left = `${left + window.scrollX}px`;
43
43
  if (next !== directionRef.current) {
44
44
  directionRef.current = next;
45
45
  setDirection(next);
package/dist/components/PopOver/index.cjs CHANGED
@@ -74,8 +74,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
74
74
  left = triggerRect.right - popW;
75
75
  }
76
76
  if (left < 8) left = 8;
77
- pop.style.top = `${top}px`;
78
- pop.style.left = `${left}px`;
77
+ pop.style.top = `${top + window.scrollY}px`;
78
+ pop.style.left = `${left + window.scrollX}px`;
79
79
  if (next !== directionRef.current) {
80
80
  directionRef.current = next;
81
81
  setDirection(next);
package/dist/components/PopOver/index.css CHANGED
@@ -1,3 +1,5 @@
1
+ @charset "UTF-8";
2
+
1
3
  /* src/components/PopOver/popOver.scss */
2
4
  .lib-xplat-pop-over {
3
5
  position: relative;
@@ -7,7 +9,7 @@
7
9
  user-select: none;
8
10
  }
9
11
  .lib-xplat-pop-over-content {
10
- position: fixed;
12
+ position: absolute;
11
13
  z-index: 1000;
12
14
  cursor: default;
13
15
  transition: transform 0.2s ease, opacity 0.2s ease;
package/dist/components/PopOver/index.js CHANGED
@@ -38,8 +38,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
38
38
  left = triggerRect.right - popW;
39
39
  }
40
40
  if (left < 8) left = 8;
41
- pop.style.top = `${top}px`;
42
- pop.style.left = `${left}px`;
41
+ pop.style.top = `${top + window.scrollY}px`;
42
+ pop.style.left = `${left + window.scrollX}px`;
43
43
  if (next !== directionRef.current) {
44
44
  directionRef.current = next;
45
45
  setDirection(next);
package/dist/components/Select/index.cjs CHANGED
@@ -75,8 +75,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
75
75
  left = triggerRect.right - popW;
76
76
  }
77
77
  if (left < 8) left = 8;
78
- pop.style.top = `${top}px`;
79
- pop.style.left = `${left}px`;
78
+ pop.style.top = `${top + window.scrollY}px`;
79
+ pop.style.left = `${left + window.scrollX}px`;
80
80
  if (next !== directionRef.current) {
81
81
  directionRef.current = next;
82
82
  setDirection(next);
package/dist/components/Select/index.css CHANGED
@@ -199,7 +199,7 @@
199
199
  letter-spacing: var(--semantic-typo-label-2-m-ls);
200
200
  }
201
201
  .lib-xplat-select-content {
202
- position: fixed;
202
+ position: absolute;
203
203
  z-index: 1000;
204
204
  padding: var(--spacing-space-1) 0;
205
205
  border-radius: var(--spacing-radius-md);
package/dist/components/Select/index.js CHANGED
@@ -38,8 +38,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
38
38
  left = triggerRect.right - popW;
39
39
  }
40
40
  if (left < 8) left = 8;
41
- pop.style.top = `${top}px`;
42
- pop.style.left = `${left}px`;
41
+ pop.style.top = `${top + window.scrollY}px`;
42
+ pop.style.left = `${left + window.scrollX}px`;
43
43
  if (next !== directionRef.current) {
44
44
  directionRef.current = next;
45
45
  setDirection(next);
package/dist/components/TimePicker/index.cjs CHANGED
@@ -74,8 +74,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
74
74
  left = triggerRect.right - popW;
75
75
  }
76
76
  if (left < 8) left = 8;
77
- pop.style.top = `${top}px`;
78
- pop.style.left = `${left}px`;
77
+ pop.style.top = `${top + window.scrollY}px`;
78
+ pop.style.left = `${left + window.scrollX}px`;
79
79
  if (next !== directionRef.current) {
80
80
  directionRef.current = next;
81
81
  setDirection(next);
package/dist/components/TimePicker/index.css CHANGED
@@ -1,3 +1,5 @@
1
+ @charset "UTF-8";
2
+
1
3
  /* src/components/FieldMessage/fieldMessage.scss */
2
4
  .lib-xplat-field {
3
5
  display: flex;
@@ -116,7 +118,7 @@
116
118
  color: var(--semantic-text-disabled);
117
119
  }
118
120
  .lib-xplat-time-picker-content {
119
- position: fixed;
121
+ position: absolute;
120
122
  z-index: 1000;
121
123
  max-height: 220px;
122
124
  overflow-y: auto;
package/dist/components/TimePicker/index.js CHANGED
@@ -38,8 +38,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
38
38
  left = triggerRect.right - popW;
39
39
  }
40
40
  if (left < 8) left = 8;
41
- pop.style.top = `${top}px`;
42
- pop.style.left = `${left}px`;
41
+ pop.style.top = `${top + window.scrollY}px`;
42
+ pop.style.left = `${left + window.scrollX}px`;
43
43
  if (next !== directionRef.current) {
44
44
  directionRef.current = next;
45
45
  setDirection(next);
package/dist/components/index.cjs CHANGED
@@ -4001,8 +4001,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
4001
4001
  left = triggerRect.right - popW;
4002
4002
  }
4003
4003
  if (left < 8) left = 8;
4004
- pop.style.top = `${top}px`;
4005
- pop.style.left = `${left}px`;
4004
+ pop.style.top = `${top + window.scrollY}px`;
4005
+ pop.style.left = `${left + window.scrollX}px`;
4006
4006
  if (next !== directionRef.current) {
4007
4007
  directionRef.current = next;
4008
4008
  setDirection(next);
package/dist/components/index.css CHANGED
@@ -3273,7 +3273,7 @@
3273
3273
  cursor: pointer;
3274
3274
  }
3275
3275
  .lib-xplat-dropdown-menu {
3276
- position: fixed;
3276
+ position: absolute;
3277
3277
  z-index: 1000;
3278
3278
  min-width: 160px;
3279
3279
  background: var(--semantic-surface-neutral-primary);
@@ -4160,7 +4160,7 @@
4160
4160
  user-select: none;
4161
4161
  }
4162
4162
  .lib-xplat-pop-over-content {
4163
- position: fixed;
4163
+ position: absolute;
4164
4164
  z-index: 1000;
4165
4165
  cursor: default;
4166
4166
  transition: transform 0.2s ease, opacity 0.2s ease;
@@ -4500,7 +4500,7 @@
4500
4500
  letter-spacing: var(--semantic-typo-label-2-m-ls);
4501
4501
  }
4502
4502
  .lib-xplat-select-content {
4503
- position: fixed;
4503
+ position: absolute;
4504
4504
  z-index: 1000;
4505
4505
  padding: var(--spacing-space-1) 0;
4506
4506
  border-radius: var(--spacing-radius-md);
@@ -5620,7 +5620,7 @@
5620
5620
  color: var(--semantic-text-disabled);
5621
5621
  }
5622
5622
  .lib-xplat-time-picker-content {
5623
- position: fixed;
5623
+ position: absolute;
5624
5624
  z-index: 1000;
5625
5625
  max-height: 220px;
5626
5626
  overflow-y: auto;
package/dist/components/index.js CHANGED
@@ -3899,8 +3899,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
3899
3899
  left = triggerRect.right - popW;
3900
3900
  }
3901
3901
  if (left < 8) left = 8;
3902
- pop.style.top = `${top}px`;
3903
- pop.style.left = `${left}px`;
3902
+ pop.style.top = `${top + window.scrollY}px`;
3903
+ pop.style.left = `${left + window.scrollX}px`;
3904
3904
  if (next !== directionRef.current) {
3905
3905
  directionRef.current = next;
3906
3906
  setDirection(next);
package/dist/index.cjs CHANGED
@@ -8413,8 +8413,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
8413
8413
  left = triggerRect.right - popW;
8414
8414
  }
8415
8415
  if (left < 8) left = 8;
8416
- pop.style.top = `${top}px`;
8417
- pop.style.left = `${left}px`;
8416
+ pop.style.top = `${top + window.scrollY}px`;
8417
+ pop.style.left = `${left + window.scrollX}px`;
8418
8418
  if (next !== directionRef.current) {
8419
8419
  directionRef.current = next;
8420
8420
  setDirection(next);
package/dist/index.css CHANGED
@@ -3273,7 +3273,7 @@
3273
3273
  cursor: pointer;
3274
3274
  }
3275
3275
  .lib-xplat-dropdown-menu {
3276
- position: fixed;
3276
+ position: absolute;
3277
3277
  z-index: 1000;
3278
3278
  min-width: 160px;
3279
3279
  background: var(--semantic-surface-neutral-primary);
@@ -4160,7 +4160,7 @@
4160
4160
  user-select: none;
4161
4161
  }
4162
4162
  .lib-xplat-pop-over-content {
4163
- position: fixed;
4163
+ position: absolute;
4164
4164
  z-index: 1000;
4165
4165
  cursor: default;
4166
4166
  transition: transform 0.2s ease, opacity 0.2s ease;
@@ -4500,7 +4500,7 @@
4500
4500
  letter-spacing: var(--semantic-typo-label-2-m-ls);
4501
4501
  }
4502
4502
  .lib-xplat-select-content {
4503
- position: fixed;
4503
+ position: absolute;
4504
4504
  z-index: 1000;
4505
4505
  padding: var(--spacing-space-1) 0;
4506
4506
  border-radius: var(--spacing-radius-md);
@@ -5620,7 +5620,7 @@
5620
5620
  color: var(--semantic-text-disabled);
5621
5621
  }
5622
5622
  .lib-xplat-time-picker-content {
5623
- position: fixed;
5623
+ position: absolute;
5624
5624
  z-index: 1000;
5625
5625
  max-height: 220px;
5626
5626
  overflow-y: auto;
package/dist/index.js CHANGED
@@ -8002,8 +8002,8 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
8002
8002
  left = triggerRect.right - popW;
8003
8003
  }
8004
8004
  if (left < 8) left = 8;
8005
- pop.style.top = `${top}px`;
8006
- pop.style.left = `${left}px`;
8005
+ pop.style.top = `${top + window.scrollY}px`;
8006
+ pop.style.left = `${left + window.scrollX}px`;
8007
8007
  if (next !== directionRef.current) {
8008
8008
  directionRef.current = next;
8009
8009
  setDirection(next);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@x-plat/design-system",
3
- "version": "0.14.3",
3
+ "version": "0.14.4",
4
4
  "description": "XPLAT UI Design System",
5
5
  "author": "XPLAT WOONG",
6
6
  "main": "dist/index.cjs",