@uniai-fe/uds-foundation 0.4.3 → 0.4.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.
@@ -1,15 +1,296 @@
1
- import { ThemeColorPrimitive, ThemeColorSemanticSection } from '../types/theme-tokens.js';
2
-
3
1
  /**
4
2
  * Foundation Color Data; primitive color token snapshot
5
3
  * /_context/** 추출본을 참고해 수동으로 동기화한 컬러 토큰이다.
6
4
  * SCSS 값과 어긋나면 이 객체를 함께 수정해 문서/검증에 활용한다.
7
5
  */
8
- declare const color_primitive: ThemeColorPrimitive;
6
+ declare const color_primitive: {
7
+ cyan_10: string;
8
+ cyan_20: string;
9
+ cyan_30: string;
10
+ cyan_40: string;
11
+ cyan_45: string;
12
+ cyan_50: string;
13
+ cyan_55: string;
14
+ cyan_60: string;
15
+ cyan_70: string;
16
+ cyan_80: string;
17
+ cyan_90: string;
18
+ cyan_95: string;
19
+ cyan_99: string;
20
+ teal_10: string;
21
+ teal_20: string;
22
+ teal_30: string;
23
+ teal_40: string;
24
+ teal_45: string;
25
+ teal_50: string;
26
+ teal_55: string;
27
+ teal_60: string;
28
+ teal_70: string;
29
+ teal_80: string;
30
+ teal_90: string;
31
+ teal_95: string;
32
+ teal_99: string;
33
+ bright_green_10: string;
34
+ bright_green_20: string;
35
+ bright_green_30: string;
36
+ bright_green_40: string;
37
+ bright_green_45: string;
38
+ bright_green_50: string;
39
+ bright_green_55: string;
40
+ bright_green_60: string;
41
+ bright_green_70: string;
42
+ bright_green_80: string;
43
+ bright_green_90: string;
44
+ bright_green_95: string;
45
+ bright_green_99: string;
46
+ green_10: string;
47
+ green_20: string;
48
+ green_30: string;
49
+ green_40: string;
50
+ green_45: string;
51
+ green_50: string;
52
+ green_55: string;
53
+ green_60: string;
54
+ green_70: string;
55
+ green_80: string;
56
+ green_90: string;
57
+ green_95: string;
58
+ green_99: string;
59
+ lime_10: string;
60
+ lime_20: string;
61
+ lime_30: string;
62
+ lime_40: string;
63
+ lime_45: string;
64
+ lime_50: string;
65
+ lime_55: string;
66
+ lime_60: string;
67
+ lime_70: string;
68
+ lime_80: string;
69
+ lime_90: string;
70
+ lime_95: string;
71
+ lime_99: string;
72
+ yellow_10: string;
73
+ yellow_20: string;
74
+ yellow_30: string;
75
+ yellow_40: string;
76
+ yellow_45: string;
77
+ yellow_50: string;
78
+ yellow_55: string;
79
+ yellow_60: string;
80
+ yellow_70: string;
81
+ yellow_80: string;
82
+ yellow_90: string;
83
+ yellow_95: string;
84
+ yellow_99: string;
85
+ orange_10: string;
86
+ orange_20: string;
87
+ orange_30: string;
88
+ orange_40: string;
89
+ orange_45: string;
90
+ orange_50: string;
91
+ orange_55: string;
92
+ orange_60: string;
93
+ orange_70: string;
94
+ orange_80: string;
95
+ orange_90: string;
96
+ orange_95: string;
97
+ orange_99: string;
98
+ red_10: string;
99
+ red_20: string;
100
+ red_30: string;
101
+ red_40: string;
102
+ red_45: string;
103
+ red_50: string;
104
+ red_55: string;
105
+ red_60: string;
106
+ red_70: string;
107
+ red_80: string;
108
+ red_90: string;
109
+ red_95: string;
110
+ red_99: string;
111
+ pink_10: string;
112
+ pink_20: string;
113
+ pink_30: string;
114
+ pink_40: string;
115
+ pink_45: string;
116
+ pink_50: string;
117
+ pink_55: string;
118
+ pink_60: string;
119
+ pink_70: string;
120
+ pink_80: string;
121
+ pink_90: string;
122
+ pink_95: string;
123
+ pink_99: string;
124
+ magenta_10: string;
125
+ magenta_20: string;
126
+ magenta_30: string;
127
+ magenta_40: string;
128
+ magenta_45: string;
129
+ magenta_50: string;
130
+ magenta_55: string;
131
+ magenta_60: string;
132
+ magenta_70: string;
133
+ magenta_80: string;
134
+ magenta_90: string;
135
+ magenta_95: string;
136
+ magenta_99: string;
137
+ purple_10: string;
138
+ purple_20: string;
139
+ purple_30: string;
140
+ purple_40: string;
141
+ purple_45: string;
142
+ purple_50: string;
143
+ purple_55: string;
144
+ purple_60: string;
145
+ purple_70: string;
146
+ purple_80: string;
147
+ purple_90: string;
148
+ purple_95: string;
149
+ purple_99: string;
150
+ blue_10: string;
151
+ blue_20: string;
152
+ blue_30: string;
153
+ blue_40: string;
154
+ blue_45: string;
155
+ blue_50: string;
156
+ blue_55: string;
157
+ blue_60: string;
158
+ blue_70: string;
159
+ blue_80: string;
160
+ blue_90: string;
161
+ blue_95: string;
162
+ blue_99: string;
163
+ cool_gray_10: string;
164
+ cool_gray_20: string;
165
+ cool_gray_25: string;
166
+ cool_gray_30: string;
167
+ cool_gray_35: string;
168
+ cool_gray_40: string;
169
+ cool_gray_45: string;
170
+ cool_gray_50: string;
171
+ cool_gray_55: string;
172
+ cool_gray_60: string;
173
+ cool_gray_65: string;
174
+ cool_gray_70: string;
175
+ cool_gray_75: string;
176
+ cool_gray_80: string;
177
+ cool_gray_85: string;
178
+ cool_gray_90: string;
179
+ cool_gray_95: string;
180
+ cool_gray_99: string;
181
+ neutral_10: string;
182
+ neutral_20: string;
183
+ neutral_30: string;
184
+ neutral_40: string;
185
+ neutral_45: string;
186
+ neutral_50: string;
187
+ neutral_55: string;
188
+ neutral_60: string;
189
+ neutral_70: string;
190
+ neutral_80: string;
191
+ neutral_90: string;
192
+ neutral_95: string;
193
+ neutral_99: string;
194
+ common_99: string;
195
+ common_100: string;
196
+ common_0: string;
197
+ };
9
198
  /**
10
199
  * Foundation Color Data; semantic color token snapshot
11
200
  * canonical semantic 경로만 유지하며, CSS 하위호환 alias 변수는 SCSS 레이어에서만 함께 제공한다.
12
201
  */
13
- declare const color_semantic: ThemeColorSemanticSection;
202
+ declare const color_semantic: {
203
+ primary: {
204
+ default: string;
205
+ strong: string;
206
+ heavy: string;
207
+ };
208
+ secondary: {
209
+ default: string;
210
+ strong: string;
211
+ heavy: string;
212
+ };
213
+ tertiary: {
214
+ default: string;
215
+ strong: string;
216
+ heavy: string;
217
+ };
218
+ label: {
219
+ strong: string;
220
+ standard: string;
221
+ neutral: string;
222
+ alternative: string;
223
+ assistive: string;
224
+ disabled: string;
225
+ };
226
+ border: {
227
+ standard: {
228
+ cool_gray: string;
229
+ blue: string;
230
+ strong: string;
231
+ heavy: string;
232
+ alternative: string;
233
+ assistive: string;
234
+ };
235
+ };
236
+ background: {
237
+ standard: {
238
+ cool_gray: string;
239
+ neutral: string;
240
+ };
241
+ alternative: {
242
+ cool_gray: string;
243
+ neutral: string;
244
+ };
245
+ };
246
+ surface: {
247
+ static: {
248
+ white: string;
249
+ cool_gray: string;
250
+ cool_gray_darker: string;
251
+ neutral: string;
252
+ blue: string;
253
+ };
254
+ neutral: string;
255
+ standard: string;
256
+ strong: string;
257
+ heavy: string;
258
+ };
259
+ interaction: {
260
+ static: string;
261
+ disabled: string;
262
+ };
263
+ state: {
264
+ /**
265
+ * @deprecated Use state.static_disabled instead.
266
+ */
267
+ disabled: string;
268
+ primary_hover: string;
269
+ primary_pressed: string;
270
+ primary_selected: string;
271
+ secondary_hover: string;
272
+ secondary_pressed: string;
273
+ secondary_selected: string;
274
+ static_disabled: string;
275
+ };
276
+ icon: {
277
+ default: string;
278
+ alternative: string;
279
+ assistive: string;
280
+ /**
281
+ * @deprecated Use icon.disabled instead.
282
+ */
283
+ disable: string;
284
+ disabled: string;
285
+ };
286
+ feedback: {
287
+ danger: string;
288
+ error: string;
289
+ warning: string;
290
+ success: string;
291
+ information: string;
292
+ new: string;
293
+ };
294
+ };
14
295
 
15
296
  export { color_primitive, color_semantic };
@@ -1,45 +1,64 @@
1
- import { ThemeTokens } from '../types/theme-tokens.js';
2
-
3
1
  /**
4
2
  * Foundation Layout Data; breakpoint token snapshot
5
3
  */
6
- declare const layout_breakpoint: ThemeTokens["layout"]["breakpoint"];
4
+ declare const layout_breakpoint: {
5
+ xsmall: number;
6
+ small: number;
7
+ medium: number;
8
+ large: number;
9
+ };
7
10
  /**
8
11
  * Foundation Layout Data; layout size token snapshot
9
12
  */
10
- declare const layout_size: ThemeTokens["layout"]["size"];
13
+ declare const layout_size: {
14
+ xxsmall: number;
15
+ xsmall_1: number;
16
+ xsmall_2: number;
17
+ xsmall_3: number;
18
+ small_1: number;
19
+ small_2: number;
20
+ small_3: number;
21
+ medium_1: number;
22
+ medium_2: number;
23
+ medium_3: number;
24
+ medium_4: number;
25
+ large_1: number;
26
+ large_2: number;
27
+ xlarge_1: number;
28
+ xlarge_2: number;
29
+ };
11
30
  /**
12
31
  * Foundation Layout Data; radius-by-size와 radius-by-level token snapshot
13
32
  */
14
33
  declare const layout_radius: {
15
- readonly size: {
16
- readonly size_4x4: 1;
17
- readonly size_8x8: 2;
18
- readonly size_12x12: 2;
19
- readonly size_16x16: 2;
20
- readonly size_20x20: 4;
21
- readonly size_24x24: 4;
22
- readonly size_32x32: 4;
23
- readonly size_40x40: 6;
24
- readonly size_48x48: 6;
25
- readonly size_56x56: 8;
26
- readonly size_64x64: 10;
27
- readonly size_72x72: 12;
28
- readonly size_80x80: 16;
29
- readonly size_96x96: 16;
30
- readonly size_120x120: 16;
34
+ size: {
35
+ size_4x4: number;
36
+ size_8x8: number;
37
+ size_12x12: number;
38
+ size_16x16: number;
39
+ size_20x20: number;
40
+ size_24x24: number;
41
+ size_32x32: number;
42
+ size_40x40: number;
43
+ size_48x48: number;
44
+ size_56x56: number;
45
+ size_64x64: number;
46
+ size_72x72: number;
47
+ size_80x80: number;
48
+ size_96x96: number;
49
+ size_120x120: number;
31
50
  };
32
- readonly level: {
33
- readonly xxsmall: 1;
34
- readonly xsmall: 2;
35
- readonly small: 4;
36
- readonly medium_1: 6;
37
- readonly medium_2: 6;
38
- readonly medium_3: 8;
39
- readonly medium_4: 10;
40
- readonly large_1: 12;
41
- readonly large_2: 16;
42
- readonly xlarge: 16;
51
+ level: {
52
+ xxsmall: number;
53
+ xsmall: number;
54
+ small: number;
55
+ medium_1: number;
56
+ medium_2: number;
57
+ medium_3: number;
58
+ medium_4: number;
59
+ large_1: number;
60
+ large_2: number;
61
+ xlarge: number;
43
62
  };
44
63
  };
45
64
 
@@ -1,12 +1,38 @@
1
- import { ThemeSpacingScale } from '../types/theme-tokens.js';
2
-
3
1
  /**
4
2
  * Foundation Spacing Data; padding token snapshot
5
3
  */
6
- declare const spacing_padding: ThemeSpacingScale;
4
+ declare const spacing_padding: {
5
+ padding_1: number;
6
+ padding_2: number;
7
+ padding_3: number;
8
+ padding_4: number;
9
+ padding_5: number;
10
+ padding_6: number;
11
+ padding_7: number;
12
+ padding_8: number;
13
+ padding_9: number;
14
+ padding_10: number;
15
+ padding_11: number;
16
+ };
7
17
  /**
8
18
  * Foundation Spacing Data; gap token snapshot
9
19
  */
10
- declare const spacing_gap: ThemeSpacingScale;
20
+ declare const spacing_gap: {
21
+ gap_1: number;
22
+ gap_2: number;
23
+ gap_3: number;
24
+ gap_4: number;
25
+ gap_5: number;
26
+ gap_6: number;
27
+ gap_7: number;
28
+ gap_8: number;
29
+ gap_9: number;
30
+ gap_10: number;
31
+ gap_11: number;
32
+ gap_12: number;
33
+ gap_13: number;
34
+ gap_14: number;
35
+ gap_15: number;
36
+ };
11
37
 
12
38
  export { spacing_gap, spacing_padding };