@stn-uiux/pub-ui 0.1.70 → 0.1.72
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/{chunk-JHRYIWWJ.js → chunk-7YKAIENZ.js} +11 -1
- package/dist/chunk-7YKAIENZ.js.map +1 -0
- package/dist/{chunk-4QTBT6OB.js → chunk-AHS3E6AS.js} +8 -3
- package/dist/chunk-AHS3E6AS.js.map +1 -0
- package/dist/{chunk-JHXSF7FS.js → chunk-AR7NYVE5.js} +2 -1
- package/dist/{chunk-JHXSF7FS.js.map → chunk-AR7NYVE5.js.map} +1 -1
- package/dist/{chunk-N4GLOJTF.js → chunk-J5UYMTVQ.js} +2 -2
- package/dist/{chunk-BTVWG4GB.js → chunk-LEAQPPMM.js} +2 -2
- package/dist/chunk-OYP5UJ62.js +9 -0
- package/dist/chunk-OYP5UJ62.js.map +1 -0
- package/dist/{chunk-ESH5VDHX.js → chunk-YRZXP3U5.js} +2 -2
- package/dist/cli.js +3 -3
- package/dist/data/index.js +7 -7
- package/dist/data/stnBreadcrumb.js +3 -3
- package/dist/data/stnHeader.js +3 -3
- package/dist/data/stnPackageVersion.d.ts +2 -2
- package/dist/data/stnPackageVersion.js +1 -1
- package/dist/data/stnSectionSide.d.ts +8 -0
- package/dist/data/stnSectionSide.js +1 -1
- package/dist/data/stnSideNavItem.js +3 -3
- package/dist/data/stnSystemIcons.js +2 -2
- package/dist/data/stnSystemIconsData.generated.js +1 -1
- package/dist/index.js +7 -7
- package/package.json +1 -1
- package/styles/@assets/svg/system/line/dots-horizontal.svg +5 -0
- package/styles/components/stn-card.css +8 -34
- package/styles/components/stn-checkbox.css +20 -0
- package/styles/components/stn-chip.css +0 -3
- package/styles/components/stn-header-title.css +2 -2
- package/styles/components/stn-label-prefix.css +16 -3
- package/styles/components/stn-logo.css +8 -8
- package/styles/components/stn-pagination.css +15 -25
- package/styles/components/stn-side-nav.css +2 -13
- package/styles/components/stn-status.css +0 -13
- package/styles/components/stn-table.css +5 -0
- package/styles/layouts/stn-layer0-bg.css +6 -9
- package/styles/patterns/stn-alert-center.css +2 -2
- package/styles/patterns/stn-floating-toolbar.css +0 -9
- package/styles/patterns/stn-header.css +3 -3
- package/styles/patterns/stn-section-side.css +9 -0
- package/styles/patterns/stn-tree.css +2 -2
- package/styles/tokens/stn-colors-semantic.css +26 -4
- package/styles/tokens/stn-colors.css +9 -9
- package/styles/tokens/stn-gradients.css +2 -2
- package/styles/tokens/stn-shadow.css +2 -2
- package/styles/tokens/stn-size-semantic.css +3 -0
- package/dist/chunk-4QTBT6OB.js.map +0 -1
- package/dist/chunk-JHRYIWWJ.js.map +0 -1
- package/dist/chunk-QQYDH4WU.js +0 -9
- package/dist/chunk-QQYDH4WU.js.map +0 -1
- /package/dist/{chunk-N4GLOJTF.js.map → chunk-J5UYMTVQ.js.map} +0 -0
- /package/dist/{chunk-BTVWG4GB.js.map → chunk-LEAQPPMM.js.map} +0 -0
- /package/dist/{chunk-ESH5VDHX.js.map → chunk-YRZXP3U5.js.map} +0 -0
|
@@ -375,6 +375,11 @@ td.stn-table__col-check .stn-checkbox {
|
|
|
375
375
|
justify-content: flex-start;
|
|
376
376
|
}
|
|
377
377
|
|
|
378
|
+
.stn-table th.stn-table__th--align-center .stn-table__sort {
|
|
379
|
+
width: 100%;
|
|
380
|
+
justify-content: center;
|
|
381
|
+
}
|
|
382
|
+
|
|
378
383
|
.stn-table th.stn-table__th--align-right .stn-table__sort {
|
|
379
384
|
width: 100%;
|
|
380
385
|
justify-content: flex-end;
|
|
@@ -36,9 +36,6 @@
|
|
|
36
36
|
background-color: var(--stn-elevation-surface-0);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
[data-theme='light'] .stn-layer0-bg.image {
|
|
40
|
-
background-color: var(--stn-elevation-surface-0);
|
|
41
|
-
}
|
|
42
39
|
|
|
43
40
|
.stn-layer0-bg__media {
|
|
44
41
|
position: absolute;
|
|
@@ -63,19 +60,19 @@
|
|
|
63
60
|
display: block;
|
|
64
61
|
}
|
|
65
62
|
|
|
66
|
-
[data-
|
|
63
|
+
[data-mode='dark'] .stn-layer0-bg__img.light {
|
|
67
64
|
display: none;
|
|
68
65
|
}
|
|
69
66
|
|
|
70
|
-
[data-
|
|
67
|
+
[data-mode='dark'] .stn-layer0-bg__img.dark {
|
|
71
68
|
display: block;
|
|
72
69
|
}
|
|
73
70
|
|
|
74
|
-
[data-
|
|
71
|
+
[data-mode='light'] .stn-layer0-bg__img.light {
|
|
75
72
|
display: block;
|
|
76
73
|
}
|
|
77
74
|
|
|
78
|
-
[data-
|
|
75
|
+
[data-mode='light'] .stn-layer0-bg__img.dark {
|
|
79
76
|
display: none;
|
|
80
77
|
}
|
|
81
78
|
|
|
@@ -91,7 +88,7 @@
|
|
|
91
88
|
);
|
|
92
89
|
}
|
|
93
90
|
|
|
94
|
-
[data-
|
|
91
|
+
[data-mode='light'] .stn-layer0-bg__overlay:not(.radial) {
|
|
95
92
|
display: block;
|
|
96
93
|
}
|
|
97
94
|
|
|
@@ -104,6 +101,6 @@
|
|
|
104
101
|
);
|
|
105
102
|
}
|
|
106
103
|
|
|
107
|
-
[data-
|
|
104
|
+
[data-mode='light'] .stn-layer0-bg__overlay.radial {
|
|
108
105
|
display: none;
|
|
109
106
|
}
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
/* ==========================================================================
|
|
48
48
|
Component Tokens — Dark Mode override
|
|
49
49
|
========================================================================== */
|
|
50
|
-
[data-
|
|
50
|
+
[data-mode='dark'] {
|
|
51
51
|
--stn-alert-center-bg: var(--stn-gray-850);
|
|
52
52
|
--stn-alert-center-border: var(--stn-gray-700);
|
|
53
53
|
--stn-alert-center-shadow: var(--stn-shadow-4);
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
/* ==========================================================================
|
|
61
61
|
Component Tokens — Light Mode explicit override (specificity fix)
|
|
62
62
|
========================================================================== */
|
|
63
|
-
[data-
|
|
63
|
+
[data-mode='light'] {
|
|
64
64
|
--stn-alert-center-bg: var(--stn-gray-25);
|
|
65
65
|
--stn-alert-center-border: var(--stn-border-subtle);
|
|
66
66
|
--stn-alert-center-shadow: var(--stn-shadow-4);
|
|
@@ -28,12 +28,6 @@
|
|
|
28
28
|
transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
/* Light Theme */
|
|
32
|
-
[data-theme='light'] .stn-floating-toolbar {
|
|
33
|
-
background: var(--stn-floating-toolbar-bg);
|
|
34
|
-
border: 1px solid var(--stn-floating-toolbar-border);
|
|
35
|
-
box-shadow: var(--stn-floating-toolbar-shadow);
|
|
36
|
-
}
|
|
37
31
|
|
|
38
32
|
/* 플로팅 위치 유틸리티 (절대 좌표 배치 시) */
|
|
39
33
|
.stn-floating-toolbar--bottom-left {
|
|
@@ -101,6 +95,3 @@
|
|
|
101
95
|
margin: var(--stn-space-2) auto;
|
|
102
96
|
}
|
|
103
97
|
|
|
104
|
-
[data-theme='light'] .stn-floating-toolbar__divider {
|
|
105
|
-
background-color: var(--stn-floating-toolbar-divider);
|
|
106
|
-
}
|
|
@@ -198,12 +198,12 @@
|
|
|
198
198
|
}
|
|
199
199
|
|
|
200
200
|
/* theme toggle — sun/moon SVG stroke #40474F · dark에서 밝게 */
|
|
201
|
-
:root:not([data-
|
|
202
|
-
[data-
|
|
201
|
+
:root:not([data-mode='light']) .stn-header-chip--theme .stn-btn__leading img,
|
|
202
|
+
[data-mode='dark'] .stn-header-chip--theme .stn-btn__leading img {
|
|
203
203
|
filter: brightness(0) invert(1);
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
-
[data-
|
|
206
|
+
[data-mode='light'] .stn-header-chip--theme .stn-btn__leading img {
|
|
207
207
|
filter: none;
|
|
208
208
|
}
|
|
209
209
|
|
|
@@ -21,6 +21,15 @@
|
|
|
21
21
|
overflow: hidden;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
/* translucent variant — 반투명 블러 글래스모피즘 외형 */
|
|
25
|
+
.stn-section-side.translucent,
|
|
26
|
+
.stn-section-side--translucent {
|
|
27
|
+
background: var(--stn-section-side-bg-translucent);
|
|
28
|
+
backdrop-filter: blur(var(--stn-section-side-translucent-blur, 8px));
|
|
29
|
+
-webkit-backdrop-filter: blur(var(--stn-section-side-translucent-blur, 8px));
|
|
30
|
+
border-color: var(--stn-section-side-border-translucent, var(--stn-border-subtle));
|
|
31
|
+
}
|
|
32
|
+
|
|
24
33
|
/* fullWidth prop 또는 부모 LNB 컨테이너 안에서 가로 100% 확장 지원 */
|
|
25
34
|
.stn-section-side.is-full-width,
|
|
26
35
|
.stn-section-side--full,
|
|
@@ -192,11 +192,11 @@
|
|
|
192
192
|
display: none;
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
[data-
|
|
195
|
+
[data-mode='dark'] .stn-tree__icon--server .stn-tree__server-icon--light {
|
|
196
196
|
display: none;
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
[data-
|
|
199
|
+
[data-mode='dark'] .stn-tree__icon--server .stn-tree__server-icon--dark {
|
|
200
200
|
display: block;
|
|
201
201
|
}
|
|
202
202
|
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
/* STN Pub color semantic aliases and UI Component Chrome tokens (SSOT) */
|
|
8
8
|
|
|
9
9
|
:root,
|
|
10
|
-
[data-
|
|
10
|
+
[data-mode='dark'] {
|
|
11
11
|
--stn-primary: var(--stn-blue-400);
|
|
12
12
|
--stn-secondary: var(--stn-purple-400);
|
|
13
13
|
--stn-gradient-main: linear-gradient(135deg, var(--stn-blue-300) 0%, var(--stn-purple-250) 100%);
|
|
@@ -63,9 +63,11 @@
|
|
|
63
63
|
--stn-input-focus: 1px solid var(--stn-blue-300);
|
|
64
64
|
--stn-input-focus-bg: color-mix(in srgb, var(--stn-blue-250) 10%, transparent);
|
|
65
65
|
--stn-input-focus-fg: var(--stn-blue-300);
|
|
66
|
-
--stn-input-placeholder: var(--stn-gray-
|
|
66
|
+
--stn-input-placeholder: var(--stn-gray-400);
|
|
67
67
|
--stn-dropdown-bg-translucent: var(--stn-opacity-black-25);
|
|
68
68
|
--stn-label-prefix-label-bg: var(--stn-gray-800);
|
|
69
|
+
--stn-label-prefix-bg-translucent: var(--stn-opacity-black-60);
|
|
70
|
+
--stn-label-prefix-border-translucent: var(--stn-border-subtle);
|
|
69
71
|
--stn-tooltip-bg-neutral: var(--stn-gray-700);
|
|
70
72
|
--stn-tooltip-fg-neutral: var(--stn-static-white);
|
|
71
73
|
--stn-tooltip-border-neutral: var(--stn-gray-600);
|
|
@@ -94,6 +96,8 @@
|
|
|
94
96
|
--stn-login-field-fg: var(--stn-gray-50);
|
|
95
97
|
--stn-login-field-placeholder: var(--stn-gray-500);
|
|
96
98
|
--stn-checkbox-bg: var(--stn-gray-900);
|
|
99
|
+
--stn-checkbox-bg-translucent: var(--stn-opacity-black-60);
|
|
100
|
+
--stn-checkbox-border-translucent: var(--stn-border-subtle);
|
|
97
101
|
--stn-checkbox-border: var(--stn-gray-650);
|
|
98
102
|
--stn-checkbox-check: var(--stn-blue-350);
|
|
99
103
|
--stn-checkbox-check-disabled: var(--stn-gray-500);
|
|
@@ -121,6 +125,8 @@
|
|
|
121
125
|
--stn-tree-server-icon: var(--stn-gray-400);
|
|
122
126
|
--stn-scroll-thumb: var(--stn-gray-650);
|
|
123
127
|
--stn-section-side-bg: var(--stn-gray-900);
|
|
128
|
+
--stn-section-side-bg-translucent: var(--stn-opacity-black-50);
|
|
129
|
+
--stn-section-side-border-translucent: var(--stn-border-subtle);
|
|
124
130
|
--stn-section-side-border: var(--stn-gray-800);
|
|
125
131
|
--stn-section-side-radius: 10px;
|
|
126
132
|
--stn-section-side-shadow: none;
|
|
@@ -145,8 +151,13 @@
|
|
|
145
151
|
--stn-pagination-active-bg: var(--stn-opacity-white-10);
|
|
146
152
|
--stn-pagination-active-color: var(--stn-gray-50);
|
|
147
153
|
--stn-pagination-color: var(--stn-gray-50);
|
|
154
|
+
--stn-pagination-outlined-border: var(--stn-gray-400);
|
|
148
155
|
--stn-pagination-font-size: var(--stn-font-size-13);
|
|
149
156
|
--stn-pagination-font-weight: var(--stn-font-weight-regular, 400);
|
|
157
|
+
--stn-card-bg-flat: var(--stn-gray-850);
|
|
158
|
+
--stn-card-bg-elevated: var(--stn-gray-800);
|
|
159
|
+
--stn-card-border-color: var(--stn-gray-700);
|
|
160
|
+
--stn-card-shadow: none;
|
|
150
161
|
--stn-search-requirement-bg: transparent;
|
|
151
162
|
--stn-search-requirement-border: var(--stn-gray-750);
|
|
152
163
|
--stn-search-requirement-export-bg: var(--stn-gray-800);
|
|
@@ -325,7 +336,7 @@
|
|
|
325
336
|
--stn-progress-circle-accent-end: var(--stn-blue-300);
|
|
326
337
|
--stn-progress-circle-teal-start: var(--stn-teal-400);
|
|
327
338
|
--stn-progress-circle-teal-end: var(--stn-blue-400);
|
|
328
|
-
--stn-header-subtitle: var(--stn-gray-
|
|
339
|
+
--stn-header-subtitle: var(--stn-gray-300);
|
|
329
340
|
--stn-system-chip-dot: var(--stn-blue-400);
|
|
330
341
|
--stn-system-chip-dot-critical: var(--stn-red-400);
|
|
331
342
|
--stn-system-chip-dot-major: var(--stn-orange-400);
|
|
@@ -604,7 +615,7 @@
|
|
|
604
615
|
--stn-status-dot-bordered-bg: var(--stn-gray-800);
|
|
605
616
|
}
|
|
606
617
|
|
|
607
|
-
[data-
|
|
618
|
+
[data-mode='light'] {
|
|
608
619
|
--stn-primary: var(--stn-blue-500);
|
|
609
620
|
--stn-secondary: var(--stn-purple-500);
|
|
610
621
|
--stn-gradient-main: linear-gradient(135deg, var(--stn-blue-400) 0%, var(--stn-purple-400) 100%);
|
|
@@ -663,6 +674,8 @@
|
|
|
663
674
|
--stn-input-placeholder: var(--stn-gray-400);
|
|
664
675
|
--stn-dropdown-bg-translucent: var(--stn-opacity-white-50);
|
|
665
676
|
--stn-label-prefix-label-bg: var(--stn-gray-50);
|
|
677
|
+
--stn-label-prefix-bg-translucent: var(--stn-opacity-white-50);
|
|
678
|
+
--stn-label-prefix-border-translucent: var(--stn-border-subtle);
|
|
666
679
|
--stn-label-prefix-divider: var(--stn-gray-200);
|
|
667
680
|
--stn-label-prefix-label-color: var(--stn-gray-500);
|
|
668
681
|
--stn-tooltip-bg-neutral: var(--stn-gray-600);
|
|
@@ -691,6 +704,8 @@
|
|
|
691
704
|
--stn-login-field-fg: var(--stn-gray-900);
|
|
692
705
|
--stn-login-field-placeholder: var(--stn-gray-400);
|
|
693
706
|
--stn-checkbox-bg: var(--stn-static-white);
|
|
707
|
+
--stn-checkbox-bg-translucent: var(--stn-opacity-white-50);
|
|
708
|
+
--stn-checkbox-border-translucent: var(--stn-border-subtle);
|
|
694
709
|
--stn-checkbox-border: var(--stn-gray-200);
|
|
695
710
|
--stn-checkbox-check: var(--stn-blue-350);
|
|
696
711
|
--stn-checkbox-check-disabled: var(--stn-gray-400);
|
|
@@ -718,6 +733,8 @@
|
|
|
718
733
|
--stn-tree-server-icon: var(--stn-gray-400);
|
|
719
734
|
--stn-scroll-thumb: var(--stn-gray-200);
|
|
720
735
|
--stn-section-side-bg: var(--stn-static-white);
|
|
736
|
+
--stn-section-side-bg-translucent: var(--stn-opacity-white-50);
|
|
737
|
+
--stn-section-side-border-translucent: var(--stn-border-subtle);
|
|
721
738
|
--stn-section-side-border: var(--stn-gray-25);
|
|
722
739
|
--stn-section-side-radius: 8px;
|
|
723
740
|
--stn-section-side-shadow: 0 3px 10px var(--stn-gray-75);
|
|
@@ -742,8 +759,13 @@
|
|
|
742
759
|
--stn-pagination-active-bg: var(--stn-opacity-black-5);
|
|
743
760
|
--stn-pagination-active-color: var(--stn-gray-900);
|
|
744
761
|
--stn-pagination-color: var(--stn-gray-700);
|
|
762
|
+
--stn-pagination-outlined-border: var(--stn-gray-500);
|
|
745
763
|
--stn-pagination-font-size: var(--stn-font-size-14);
|
|
746
764
|
--stn-pagination-font-weight: var(--stn-font-weight-medium, 500);
|
|
765
|
+
--stn-card-bg-flat: var(--stn-gray-50);
|
|
766
|
+
--stn-card-bg-elevated: var(--stn-static-white);
|
|
767
|
+
--stn-card-border-color: var(--stn-border-subtle);
|
|
768
|
+
--stn-card-shadow: var(--stn-shadow-2, 0 4px 14px rgba(0, 0, 0, 0.07));
|
|
747
769
|
--stn-search-requirement-bg: transparent;
|
|
748
770
|
--stn-search-requirement-border: var(--stn-gray-75);
|
|
749
771
|
--stn-search-requirement-export-bg: var(--stn-gray-50);
|
|
@@ -91,15 +91,15 @@
|
|
|
91
91
|
--stn-blue-250: #5bc7fa;
|
|
92
92
|
--stn-blue-300: #46bdf7;
|
|
93
93
|
--stn-blue-350: #28b2f2;
|
|
94
|
-
--stn-blue-400: #
|
|
95
|
-
--stn-blue-450: #
|
|
96
|
-
--stn-blue-500: #
|
|
97
|
-
--stn-blue-550: #
|
|
98
|
-
--stn-blue-600: #
|
|
99
|
-
--stn-blue-650: #
|
|
100
|
-
--stn-blue-700: #
|
|
101
|
-
--stn-blue-750: #
|
|
102
|
-
--stn-blue-800: #
|
|
94
|
+
--stn-blue-400: #0091ef;
|
|
95
|
+
--stn-blue-450: #008edb;
|
|
96
|
+
--stn-blue-500: #007fc5;
|
|
97
|
+
--stn-blue-550: #006fac;
|
|
98
|
+
--stn-blue-600: #005e92;
|
|
99
|
+
--stn-blue-650: #004c77;
|
|
100
|
+
--stn-blue-700: #00385d;
|
|
101
|
+
--stn-blue-750: #001f46;
|
|
102
|
+
--stn-blue-800: #00182f;
|
|
103
103
|
--stn-cobalt-25: #f2f6ff;
|
|
104
104
|
--stn-cobalt-50: #e6eeff;
|
|
105
105
|
--stn-cobalt-75: #d9e5ff;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
/* STN Pub gradient semantics (SSOT) */
|
|
8
8
|
|
|
9
9
|
:root,
|
|
10
|
-
[data-
|
|
10
|
+
[data-mode='dark'] {
|
|
11
11
|
--stn-gradient-l0-background: linear-gradient(135deg, var(--stn-gray-850) 0%, var(--stn-gray-950) 100%);
|
|
12
12
|
--stn-gradient-main: linear-gradient(135deg, var(--stn-blue-300) 0%, var(--stn-purple-250) 100%);
|
|
13
13
|
--stn-gradient-primary: linear-gradient(135deg, var(--stn-blue-500) 0%, var(--stn-blue-350) 100%);
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
--stn-login-card-glow-duration: 4s;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
[data-
|
|
29
|
+
[data-mode='light'] {
|
|
30
30
|
--stn-gradient-l0-background: linear-gradient(224.38deg, color-mix(in srgb, var(--stn-layer0-wash) 50%, transparent) 0%, color-mix(in srgb, var(--stn-elevation-surface-0) 50%, transparent) 67.15%), linear-gradient(90deg, var(--stn-elevation-surface-0) 0%, var(--stn-elevation-surface-0) 100%);
|
|
31
31
|
--stn-gradient-main: linear-gradient(135deg, var(--stn-blue-400) 0%, var(--stn-purple-400) 100%);
|
|
32
32
|
--stn-gradient-primary: linear-gradient(135deg, var(--stn-blue-600) 0%, var(--stn-blue-400) 100%);
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
/* STN Pub shadow tokens (box-shadow scale 1-5) */
|
|
8
8
|
|
|
9
9
|
:root,
|
|
10
|
-
[data-
|
|
10
|
+
[data-mode='dark'] {
|
|
11
11
|
--stn-shadow-1: 0 2px 4px 0 color-mix(in srgb, var(--stn-gray-900) 10%, transparent), 0 0 2px 0 color-mix(in srgb, var(--stn-gray-900) 5%, transparent);
|
|
12
12
|
--stn-shadow-2: 0 4px 8px 0 color-mix(in srgb, var(--stn-gray-900) 10%, transparent), 0 0 4px 0 color-mix(in srgb, var(--stn-gray-900) 5%, transparent);
|
|
13
13
|
--stn-shadow-3: 0 8px 12px 0 color-mix(in srgb, var(--stn-gray-900) 20%, transparent), 0 0 8px 0 color-mix(in srgb, var(--stn-gray-900) 5%, transparent);
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
--stn-tooltip-shadow: var(--stn-shadow-3);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
[data-
|
|
29
|
+
[data-mode='light'] {
|
|
30
30
|
--stn-text-field-icon-box-shadow: 2px 2px 4px 0 var(--stn-gray-150), 0 0 2px 0 var(--stn-gray-150), 4px 4px 16px 0 var(--stn-gray-50), inset 1px 1px 2px 0 var(--stn-static-white);
|
|
31
31
|
--stn-icon-box-shadow: 2px 2px 4px 0 var(--stn-gray-150), 0 0 2px 0 var(--stn-gray-150), 4px 4px 16px 0 var(--stn-gray-50), inset 1px 1px 2px 0 var(--stn-static-white);
|
|
32
32
|
--stn-login-card-shadow: 4px 4px 16px 0 var(--stn-gray-200);
|
|
@@ -222,6 +222,9 @@
|
|
|
222
222
|
--stn-header-breadcrumb-mobile-max-width: var(--stn-size-140);
|
|
223
223
|
--stn-widget-translucent-blur: var(--stn-size-8);
|
|
224
224
|
--stn-dropdown-translucent-blur: var(--stn-size-8);
|
|
225
|
+
--stn-section-side-translucent-blur: var(--stn-size-8);
|
|
226
|
+
--stn-label-prefix-translucent-blur: var(--stn-size-8);
|
|
227
|
+
--stn-checkbox-translucent-blur: var(--stn-size-4);
|
|
225
228
|
--stn-widget-overlay-blur: var(--stn-size-4);
|
|
226
229
|
--stn-widget-severity-blur: var(--stn-size-6);
|
|
227
230
|
--stn-widget-dot-size: var(--stn-size-8);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/data/stnSystemIcons.ts"],"sourcesContent":["/**\n * Infomap Figma 스타일가이드 — 시스템 아이콘 카탈로그\n * Source: aM4VC49NEejqjOPd7DYkCr / icon component (40002193:30716)\n * Assets: styles/@assets/svg/system/{slug}.{ext}\n */\n\nimport { SYSTEM_ICON_DATA_URLS } from './stnSystemIconsData.generated'\n\nexport type StnSystemIconStyle = 'line' | 'fill' | 'other'\n\nexport type StnSystemIconExt = 'svg' | 'png'\n\n\nexport type StnSystemIconRow = {\n id: string\n name: string\n /** path under /@assets/svg/system/ without extension */\n slug: string\n label: string\n style: StnSystemIconStyle\n ext: StnSystemIconExt\n}\n\nfunction styleFromSlug(slug: string): StnSystemIconStyle {\n if (slug.startsWith('line/')) return 'line'\n if (slug.startsWith('fill/')) return 'fill'\n return 'other'\n}\n\nfunction labelFromName(name: string): string {\n return name.replace(/^icon\\/(line|fill|3d)\\//, '').replace(/^icon\\//, '')\n}\n\nconst RAW: Array<{ id: string; name: string; slug: string; ext?: StnSystemIconExt }> = [\n { id: '40002193:30717', name: 'icon/blank', slug: 'blank' },\n { id: '40002193:30721', name: 'icon/line/server_3', slug: 'line/server_3' },\n { id: '40002193:30732', name: 'icon/line/server_2', slug: 'line/server_2' },\n { id: '40002193:30740', name: 'icon/line/server_1', slug: 'line/server_1' },\n { id: '40002193:30745', name: 'icon/line/home', slug: 'line/home' },\n { id: '40002193:30749', name: 'icon/fill/ractangle_up', slug: 'fill/ractangle_up' },\n { id: '40002193:30755', name: 'icon/line/arrow right', slug: 'line/arrow-right' },\n { id: '40002193:30757', name: 'icon/line/arrow left', slug: 'line/arrow-left' },\n { id: '40002193:30759', name: 'icon/line/apps', slug: 'line/apps' },\n { id: '40002193:30766', name: 'icon/line/refresh', slug: 'line/refresh' },\n { id: '40002193:30770', name: 'icon/line/battery-4', slug: 'line/battery-4' },\n { id: '40002193:30777', name: 'icon/line/terminal', slug: 'line/terminal' },\n { id: '40002193:30782', name: 'icon/line/bettery_2', slug: 'line/bettery_2' },\n { id: '40002193:30787', name: 'icon/line/settings', slug: 'line/settings' },\n { id: '40002193:30791', name: 'icon/line/plus', slug: 'line/plus' },\n { id: '40002193:30795', name: 'icon/line/activity', slug: 'line/activity' },\n { id: '40002193:30798', name: 'icon/line/clipboard', slug: 'line/clipboard' },\n { id: '40002193:30806', name: 'icon/line/alert-triangle', slug: 'line/alert-triangle' },\n { id: '40002193:30811', name: 'icon/line/chart-histogram', slug: 'line/chart-histogram' },\n { id: '40002193:30815', name: 'icon/line/world', slug: 'line/world' },\n { id: '40002193:30822', name: 'icon/line/detect', slug: 'line/detect' },\n { id: '40002193:30827', name: 'icon/line/detect', slug: 'line/detect-alt' },\n { id: '40002193:30835', name: 'icon/line/package', slug: 'line/package' },\n { id: '40002193:30842', name: 'icon/line/database', slug: 'line/database' },\n { id: '40002193:30851', name: 'icon/line/vertical_line', slug: 'line/vertical_line' },\n { id: '40002193:30854', name: 'icon/line/tree_connector', slug: 'line/tree_connector' },\n { id: '40002193:30857', name: 'icon/line/tree_connector_midium', slug: 'line/tree_connector_midium' },\n { id: '40002193:30860', name: 'icon/line/bell', slug: 'line/bell' },\n { id: '40002193:30864', name: 'icon/line/bell-ring', slug: 'line/bell-ring' },\n { id: '40002193:30870', name: 'icon/line/logout', slug: 'line/logout' },\n { id: '40002193:30875', name: 'icon/line/user', slug: 'line/user' },\n { id: 'stn:line/lock', name: 'icon/line/lock', slug: 'line/lock' },\n { id: '40002193:30879', name: 'icon/line/arrows-up-down', slug: 'line/arrows-up-down' },\n { id: '40002193:30885', name: 'icon/line/search', slug: 'line/search' },\n { id: '40002193:30889', name: 'icon/line/adjustments-horizontal 1', slug: 'line/adjustments-horizontal' },\n { id: '40002193:30900', name: 'icon/line/chart-bar', slug: 'line/chart-bar' },\n { id: '40002193:30906', name: 'icon/line/chart-bar2', slug: 'line/chart-bar2' },\n { id: '40002193:30912', name: 'icon/line/chart-bar-popular', slug: 'line/chart-bar-popular' },\n { id: '40002193:30918', name: 'icon/line/layout-grid', slug: 'line/layout-grid' },\n { id: '40002193:30924', name: 'icon/line/cpu', slug: 'line/cpu' },\n { id: '40002193:30936', name: 'icon/line/arrow-narrow-up', slug: 'line/arrow-narrow-up' },\n { id: '40002193:30941', name: 'icon/line/arrow-narrow-down', slug: 'line/arrow-narrow-down' },\n { id: '40002193:30946', name: 'icon/line/chart-pie 1', slug: 'line/chart-pie' },\n { id: '40002193:30950', name: 'icon/line/pencil-minus', slug: 'line/pencil-minus' },\n { id: 'stn:line/trash', name: 'icon/line/trash', slug: 'line/trash' },\n { id: 'stn:line/dots-vertical', name: 'icon/line/dots-vertical', slug: 'line/dots-vertical' },\n { id: 'stn:line/minimize', name: 'icon/line/minimize', slug: 'line/minimize' },\n { id: 'stn:line/panel-open', name: 'icon/line/panel-open', slug: 'line/panel-open' },\n { id: 'stn:line/wifi', name: 'icon/line/wifi', slug: 'line/wifi' },\n { id: 'stn:line/check-circle', name: 'icon/line/check-circle', slug: 'line/check-circle' },\n { id: '40002193:30955', name: 'icon/line/report', slug: 'line/report' },\n { id: '40002193:30964', name: 'icon/line/file-analytics 1', slug: 'line/file-analytics' },\n { id: '40002193:30971', name: 'icon/line/restore', slug: 'line/restore' },\n { id: '40002193:30987', name: 'icon/fill/server_2', slug: 'fill/server_2' },\n { id: '40002193:31000', name: 'icon/fill/folder', slug: 'fill/folder' },\n { id: '40002193:31003', name: 'icon/fill/folder-open', slug: 'fill/folder-open' },\n { id: '40002193:31016', name: 'icon/fill/exclamation-circle', slug: 'fill/exclamation-circle' },\n { id: '40002193:31036', name: 'icon/fill/info-hexagon 1', slug: 'fill/info-hexagon' },\n { id: '40002193:31049', name: 'icon/fill/info-hexagon1', slug: 'fill/info-hexagon1' },\n { id: '40002193:31074', name: 'icon/fill/alert1', slug: 'fill/alert1' },\n { id: '40002193:31085', name: 'icon/line/shield 1', slug: 'line/shield' },\n { id: '40002193:31100', name: 'icon/fill/system_status_on', slug: 'fill/system_status_on' },\n { id: '40002193:31106', name: 'icon/fill/alert4', slug: 'fill/alert4' },\n { id: '40002193:31116', name: 'icon/fill/alert3', slug: 'fill/alert3' },\n { id: '40002193:31124', name: 'icon/fill/alert2', slug: 'fill/alert2' },\n { id: '40002193:31132', name: 'icon/line/shield-check 1', slug: 'line/shield-check' },\n { id: '40002193:31136', name: 'icon/line/volume 1', slug: 'line/volume' },\n { id: '40002193:31141', name: 'icon/fill/circle-dot 1', slug: 'fill/circle-dot' },\n { id: '40002193:31149', name: 'icon/line/map 1', slug: 'line/map' },\n { id: '40002193:31155', name: 'icon/line/topology-ring-3 1', slug: 'line/topology-ring-3' },\n { id: '40002193:31166', name: 'icon/line/sun-high 1', slug: 'line/sun-high' },\n { id: '40002193:31177', name: 'icon/line/moon (1) 1', slug: 'line/moon' },\n { id: '40002193:31180', name: 'icon/line/chart', slug: 'line/chart' },\n { id: '40002193:31194', name: 'icon/line/bookmark 1', slug: 'line/bookmark' },\n { id: '40002193:31197', name: 'icon/line/calendar-week 1', slug: 'line/calendar-week' },\n { id: '40002193:31210', name: 'icon/line/player-pause (1) 1', slug: 'line/player-pause' },\n { id: '40002193:31218', name: 'icon/line/ai-gateway 1', slug: 'line/ai-gateway' },\n { id: '40002193:31225', name: 'icon/line/database (1) 1', slug: 'line/database-alt' },\n { id: '40002193:31237', name: 'icon/line/network 1', slug: 'line/network' },\n { id: '40002193:31247', name: 'icon/line/player-skip-forward 1', slug: 'line/player-skip-forward' },\n { id: '40002193:31251', name: 'icon/line/player-play 1', slug: 'line/player-play' },\n { id: '40002193:31254', name: 'icon/line/affiliate 1', slug: 'line/affiliate' },\n { id: '40002193:31262', name: 'icon/line/pin', slug: 'line/pin' },\n { id: '40002193:31267', name: 'icon/line/eye', slug: 'line/eye' },\n { id: '40002193:31278', name: 'icon/line/clock 1', slug: 'line/clock' },\n { id: '40002193:31281', name: 'icon/line/gamma', slug: 'line/gamma' },\n { id: '40002193:31287', name: 'icon/line/brightness-2 1', slug: 'line/brightness-2' },\n { id: '40002193:31318', name: 'icon/line/x 1', slug: 'line/x' },\n { id: 'stn:line/Organization', name: 'icon/line/Organization', slug: 'line/Organization' },\n { id: 'stn:line/antenna-bars-1 1', name: 'icon/line/antenna-bars-1 1', slug: 'line/antenna-bars-1 1' },\n { id: 'stn:line/arrows-diagonal 1', name: 'icon/line/arrows-diagonal 1', slug: 'line/arrows-diagonal 1' },\n { id: 'stn:line/arrows-diagonal 2', name: 'icon/line/arrows-diagonal 2', slug: 'line/arrows-diagonal 2' },\n { id: 'stn:line/arrows-maximize 1', name: 'icon/line/arrows-maximize 1', slug: 'line/arrows-maximize 1' },\n { id: 'stn:line/arrows-minimize 1', name: 'icon/line/arrows-minimize 1', slug: 'line/arrows-minimize 1' },\n { id: 'stn:line/brand-redhat 1', name: 'icon/line/brand-redhat 1', slug: 'line/brand-redhat 1' },\n { id: 'stn:line/brand-windows 1', name: 'icon/line/brand-windows 1', slug: 'line/brand-windows 1' },\n { id: 'stn:line/etc', name: 'icon/line/etc', slug: 'line/etc' },\n { id: 'stn:line/exclamation-circle 6', name: 'icon/line/exclamation-circle 6', slug: 'line/exclamation-circle 6' },\n { id: 'stn:line/input-check-mark', name: 'icon/line/input-check-mark', slug: 'line/input-check-mark' },\n { id: 'stn:line/minus 2', name: 'icon/line/minus 2', slug: 'line/minus 2' },\n { id: 'stn:line/refresh 1', name: 'icon/line/refresh 1', slug: 'line/refresh 1' },\n { id: 'stn:line/rotate-clockwise 1', name: 'icon/line/rotate-clockwise 1', slug: 'line/rotate-clockwise 1' },\n { id: 'stn:line/chevron-down', name: 'icon/line/chevron-down', slug: 'line/chevron-down' },\n { id: 'stn:line/chevron-up', name: 'icon/line/chevron-up', slug: 'line/chevron-up' },\n { id: 'stn:fill/detect-knob', name: 'icon/fill/detect-knob', slug: 'fill/detect-knob' },\n { id: 'stn:fill/server_2_tree_light', name: 'icon/fill/server_2_tree_light', slug: 'fill/server_2_tree_light' },\n { id: 'stn:line/help-circle', name: 'icon/line/help-circle', slug: 'line/help-circle' },\n { id: 'stn:line/alert-circle', name: 'icon/line/alert-circle', slug: 'line/alert-circle' },\n { id: 'stn:line/chevron-right', name: 'icon/line/chevron-right', slug: 'line/chevron-right' },\n { id: 'stn:line/star', name: 'icon/line/star', slug: 'line/star' },\n { id: 'stn:line/external-link', name: 'icon/line/external-link', slug: 'line/external-link' },\n { id: 'stn:line/check', name: 'icon/line/check', slug: 'line/check' },\n { id: 'stn:line/eye', name: 'icon/line/eye', slug: 'line/eye' },\n { id: 'stn:line/eye-off', name: 'icon/line/eye-off', slug: 'line/eye-off' },\n]\n\nexport const STN_SYSTEM_ICON_INTRO =\n '시스템 아이콘은 화면에서 주요 기능과 정보를 직관적으로 전달하여 사용자 경험의 일관성을 유지합니다. Figma Infomap 스타일가이드 icon component 세트입니다. npm 패키지는 SVG를 번들하며, 문서 사이트는 /@assets/svg/system/ 정적 경로도 사용합니다.'\n\nexport const STN_SYSTEM_ICON_ROWS: StnSystemIconRow[] = RAW.map((row) => ({\n ...row,\n ext: row.ext ?? 'svg',\n label: labelFromName(row.name),\n style: styleFromSlug(row.slug),\n}))\n\n/** 문서·정적 HTML용 사이트 루트 경로 */\nexport function systemIconPublicPath(slug: string, ext: StnSystemIconExt = 'svg'): string {\n return `/@assets/svg/system/${slug}.${ext}`\n}\n\nfunction normalizeIconSlug(name: string): string {\n return name\n .replace(/^icon\\//, '')\n .replace(/^\\/?(@assets\\/svg\\/system\\/|svg\\/system\\/)/, '')\n .replace(/\\.(svg|png)$/, '')\n}\n\n/**\n * 런타임 src — 기본적으로 번들된 Base64 Data URL을 반환하며, 없을 경우 정적 경로로 폴백\n */\nexport function systemIconSrc(slug: string, ext: StnSystemIconExt = 'svg'): string {\n const norm = normalizeIconSlug(slug)\n return SYSTEM_ICON_DATA_URLS[norm] ?? SYSTEM_ICON_DATA_URLS[slug] ?? systemIconPublicPath(slug, ext)\n}\n\nconst SYSTEM_ICON_BY_SLUG = new Map(STN_SYSTEM_ICON_ROWS.map((row) => [row.slug, row]))\n\n/**\n * Iconography slug → 런타임 src (Base64 Data URL 또는 폴백 경로).\n * - `line/home` · `fill/folder` · `blank` …\n */\nexport function resolveSystemIconSrcFromName(name: string): string | null {\n const norm = normalizeIconSlug(name)\n if (SYSTEM_ICON_DATA_URLS[norm]) return SYSTEM_ICON_DATA_URLS[norm]\n if (SYSTEM_ICON_DATA_URLS[name]) return SYSTEM_ICON_DATA_URLS[name]\n\n const row = SYSTEM_ICON_BY_SLUG.get(name) || SYSTEM_ICON_BY_SLUG.get(norm)\n if (row) return systemIconSrc(row.slug, row.ext)\n if (\n norm.startsWith('line/') ||\n norm.startsWith('fill/')\n ) {\n return systemIconSrc(norm, 'svg')\n }\n return null\n}\n\nexport { SYSTEM_ICON_DATA_URLS }\n"],"mappings":"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","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/data/stnSectionSide.ts"],"sourcesContent":["/**\n * Infomap section-side panel\n * Dark 40000040:102539 · Light 40000042:187762\n * @see StnSectionSide · stn-section-side.css\n */\n\nexport const STN_SECTION_SIDE_FIGMA = {\n dark: '40000040:102539',\n light: '40000042:187762',\n} as const\n\nexport const STN_SECTION_SIDE_INTRO =\n '맵·대시보드 **사이드 패널** 패턴. Light: white · gray-25 border · radius 8 · shadow. Dark: gray-900 · gray-800 border · radius 10. 본문 `StnScroll` + `StnTree`.'\n\nexport const STN_SECTION_SIDE_SPEC = [\n { property: 'Width', value: '264px', note: 'Figma frame' },\n { property: 'Padding', value: '8px', note: '' },\n {\n property: 'Radius',\n value: '`--stn-section-side-radius`',\n note: 'light 8 · dark 10',\n },\n {\n property: 'Background',\n value: '`--stn-section-side-bg`',\n note: 'light white · dark gray-900',\n },\n {\n property: 'Border',\n value: '`--stn-section-side-border`',\n note: 'light gray-25 · dark gray-800',\n },\n {\n property: 'Shadow',\n value: '`--stn-section-side-shadow`',\n note: 'light 0 3px 10px gray-75 · dark none',\n },\n { property: 'Body', value: 'StnScroll vertical', note: 'overflow tree' },\n {\n property: 'fill',\n value: '`fill` prop → `.stn-section-side--fill`',\n note: 'list view — search+table 열 높이 · 하단 inset은 .stn-container padding-bottom',\n },\n] as const\n\nexport const STN_SECTION_SIDE_USAGE = `import {\n StnSectionSide,\n StnTree,\n} from '@stn-uiux/pub-ui-react'\nimport { STN_TREE_DEMO } from '@stn-uiux/pub-ui/data/stnTree'\n\n<StnSectionSide style={{ height: 360 }}>\n <StnTree\n heading=\"FOLDER STRUCTURE\"\n nodes={STN_TREE_DEMO}\n defaultExpandedIds={['root', 'group-a', 'equip', 'group-b']}\n />\n</StnSectionSide>`\n"],"mappings":";AAMO,IAAM,yBAAyB;AAAA,EACpC,MAAM;AAAA,EACN,OAAO;AACT;AAEO,IAAM,yBACX;AAEK,IAAM,wBAAwB;AAAA,EACnC,EAAE,UAAU,SAAS,OAAO,SAAS,MAAM,cAAc;AAAA,EACzD,EAAE,UAAU,WAAW,OAAO,OAAO,MAAM,GAAG;AAAA,EAC9C;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,EAAE,UAAU,QAAQ,OAAO,sBAAsB,MAAM,gBAAgB;AAAA,EACvE;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;AAEO,IAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}
|
package/dist/chunk-QQYDH4WU.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/data/stnPackageVersion.ts"],"sourcesContent":["/** Package version constants */\nexport const STN_UI_VERSION = '0.1.68'\nexport const STN_UI_VERSION_LABEL = 'v0.1.68'\n"],"mappings":";AACO,IAAM,iBAAiB;AACvB,IAAM,uBAAuB;","names":[]}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|