@uniai-fe/uds-primitives 0.5.3 → 0.5.5
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
|
@@ -255,6 +255,8 @@
|
|
|
255
255
|
--divider-color: var(--color-border-standard-cool-gray, #e4e5e7);
|
|
256
256
|
--divider-margin: var(--spacing-gap-4, 8px);
|
|
257
257
|
--drawer-overlay-bg: rgba(0, 0, 0, 0.44);
|
|
258
|
+
--drawer-overlay-z-index: 900;
|
|
259
|
+
--drawer-content-z-index: 901;
|
|
258
260
|
--drawer-surface-bg: var(--color-surface-static-white);
|
|
259
261
|
--drawer-radius-large: var(--theme-radius-large-2);
|
|
260
262
|
--drawer-radius-medium: var(--theme-radius-large-1);
|
|
@@ -2181,6 +2183,7 @@ figure.chip {
|
|
|
2181
2183
|
.drawer-overlay {
|
|
2182
2184
|
position: fixed;
|
|
2183
2185
|
inset: 0;
|
|
2186
|
+
z-index: var(--drawer-overlay-z-index);
|
|
2184
2187
|
background-color: var(--drawer-overlay-bg);
|
|
2185
2188
|
opacity: 0;
|
|
2186
2189
|
pointer-events: none;
|
|
@@ -2205,6 +2208,7 @@ figure.chip {
|
|
|
2205
2208
|
position: fixed;
|
|
2206
2209
|
display: flex;
|
|
2207
2210
|
flex-direction: column;
|
|
2211
|
+
z-index: var(--drawer-content-z-index);
|
|
2208
2212
|
background-color: var(--drawer-surface-bg);
|
|
2209
2213
|
outline: none;
|
|
2210
2214
|
border: none;
|
package/package.json
CHANGED
|
@@ -33,7 +33,7 @@ export default function AlternateLoadingIcon({
|
|
|
33
33
|
>
|
|
34
34
|
{size === "small" && (
|
|
35
35
|
<SpinnerSmallIcon
|
|
36
|
-
alt="불러오는 중"
|
|
36
|
+
// alt="불러오는 중"
|
|
37
37
|
width={24}
|
|
38
38
|
height={24}
|
|
39
39
|
viewBox="0 0 24 24"
|
|
@@ -42,7 +42,7 @@ export default function AlternateLoadingIcon({
|
|
|
42
42
|
)}
|
|
43
43
|
{size === "medium" && (
|
|
44
44
|
<SpinnerMediumIcon
|
|
45
|
-
alt="불러오는 중"
|
|
45
|
+
// alt="불러오는 중"
|
|
46
46
|
width={36}
|
|
47
47
|
height={36}
|
|
48
48
|
viewBox="0 0 36 36"
|
|
@@ -51,7 +51,7 @@ export default function AlternateLoadingIcon({
|
|
|
51
51
|
)}
|
|
52
52
|
{size === "large" && (
|
|
53
53
|
<SpinnerLargeIcon
|
|
54
|
-
alt="불러오는 중"
|
|
54
|
+
// alt="불러오는 중"
|
|
55
55
|
width={52}
|
|
56
56
|
height={52}
|
|
57
57
|
viewBox="0 0 52 52"
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
// Figma 기준 bottom sheet 여백/톤을 전역 변수로 정리한다.
|
|
3
3
|
--drawer-overlay-bg: rgba(0, 0, 0, 0.44);
|
|
4
|
+
--drawer-overlay-z-index: 900;
|
|
5
|
+
--drawer-content-z-index: 901;
|
|
4
6
|
--drawer-surface-bg: var(--color-surface-static-white);
|
|
5
7
|
--drawer-radius-large: var(--theme-radius-large-2);
|
|
6
8
|
--drawer-radius-medium: var(--theme-radius-large-1);
|
|
@@ -26,6 +28,7 @@
|
|
|
26
28
|
.drawer-overlay {
|
|
27
29
|
position: fixed;
|
|
28
30
|
inset: 0;
|
|
31
|
+
z-index: var(--drawer-overlay-z-index);
|
|
29
32
|
background-color: var(--drawer-overlay-bg);
|
|
30
33
|
opacity: 0;
|
|
31
34
|
pointer-events: none;
|
|
@@ -55,6 +58,7 @@
|
|
|
55
58
|
position: fixed;
|
|
56
59
|
display: flex;
|
|
57
60
|
flex-direction: column;
|
|
61
|
+
z-index: var(--drawer-content-z-index);
|
|
58
62
|
background-color: var(--drawer-surface-bg);
|
|
59
63
|
outline: none;
|
|
60
64
|
border: none;
|