dak-krds 0.1.4 → 0.1.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.
Files changed (2) hide show
  1. package/dist/styles.css +413 -0
  2. package/package.json +4 -3
package/dist/styles.css ADDED
@@ -0,0 +1,413 @@
1
+ :root {
2
+ --krds-color-primary-5: #ecf2fe;
3
+ --krds-color-primary-10: #d8e5fd;
4
+ --krds-color-primary-20: #b1cefb;
5
+ --krds-color-primary-30: #86aff9;
6
+ --krds-color-primary-40: #4c87f6;
7
+ --krds-color-primary-50: #256ef4;
8
+ --krds-color-primary-60: #0b50d0;
9
+ --krds-color-primary-70: #083891;
10
+ --krds-color-primary-80: #052561;
11
+ --krds-color-primary-90: #03163a;
12
+ --krds-color-primary-95: #020f27;
13
+
14
+ --krds-color-secondary-5: #eef2f7;
15
+ --krds-color-secondary-10: #d6e0eb;
16
+ --krds-color-secondary-20: #bacbde;
17
+ --krds-color-secondary-30: #90b0d5;
18
+ --krds-color-secondary-40: #6b96c7;
19
+ --krds-color-secondary-50: #346fb2;
20
+ --krds-color-secondary-60: #1c589c;
21
+ --krds-color-secondary-70: #063a74;
22
+ --krds-color-secondary-80: #052b57;
23
+ --krds-color-secondary-90: #031f3f;
24
+ --krds-color-secondary-95: #02162c;
25
+
26
+ --krds-color-gray-0: #ffffff;
27
+ --krds-color-gray-5: #f4f5f6;
28
+ --krds-color-gray-10: #e6e8ea;
29
+ --krds-color-gray-20: #cdd1d5;
30
+ --krds-color-gray-30: #b1b8be;
31
+ --krds-color-gray-40: #8a949e;
32
+ --krds-color-gray-50: #6d7882;
33
+ --krds-color-gray-60: #58616a;
34
+ --krds-color-gray-70: #464c53;
35
+ --krds-color-gray-80: #33363d;
36
+ --krds-color-gray-90: #1e2124;
37
+ --krds-color-gray-95: #131416;
38
+ --krds-color-gray-100: #000000;
39
+
40
+ --krds-color-alpha-black100: #000000;
41
+ --krds-color-alpha-black75: #000000bf;
42
+ --krds-color-alpha-black50: #00000080;
43
+ --krds-color-alpha-black25: #00000040;
44
+ --krds-color-alpha-black10: #0000001a;
45
+ --krds-color-alpha-black0: #00000000;
46
+ --krds-color-alpha-white100: #ffffff;
47
+ --krds-color-alpha-white75: #ffffffbf;
48
+ --krds-color-alpha-white50: #ffffff80;
49
+ --krds-color-alpha-white25: #ffffff40;
50
+ --krds-color-alpha-white10: #ffffff1a;
51
+ --krds-color-alpha-white0: #ffffff00;
52
+
53
+ --krds-color-danger-5: #fdefec;
54
+ --krds-color-danger-10: #fcdfd9;
55
+ --krds-color-danger-20: #f7afa1;
56
+ --krds-color-danger-30: #f48771;
57
+ --krds-color-danger-40: #f05f42;
58
+ --krds-color-danger-50: #de3412;
59
+ --krds-color-danger-60: #bd2c0f;
60
+ --krds-color-danger-70: #8a240f;
61
+ --krds-color-danger-80: #5c180a;
62
+ --krds-color-danger-90: #390d05;
63
+ --krds-color-danger-95: #260903;
64
+
65
+ --krds-color-information-5: #e7f4fe;
66
+ --krds-color-information-10: #d3ebfd;
67
+ --krds-color-information-20: #9ed2fa;
68
+ --krds-color-information-30: #5fb5f7;
69
+ --krds-color-information-40: #2098f3;
70
+ --krds-color-information-50: #0b78cb;
71
+ --krds-color-information-60: #096ab3;
72
+ --krds-color-information-70: #085691;
73
+ --krds-color-information-80: #053961;
74
+ --krds-color-information-90: #03253f;
75
+ --krds-color-information-95: #021a2c;
76
+
77
+ --krds-color-warning-5: #fff3db;
78
+ --krds-color-warning-10: #ffe0a3;
79
+ --krds-color-warning-20: #ffc95c;
80
+ --krds-color-warning-30: #ffb114;
81
+ --krds-color-warning-40: #c78500;
82
+ --krds-color-warning-50: #9e6a00;
83
+ --krds-color-warning-60: #8a5c00;
84
+ --krds-color-warning-70: #614100;
85
+ --krds-color-warning-80: #422c00;
86
+ --krds-color-warning-90: #2e1f00;
87
+ --krds-color-warning-95: #241800;
88
+
89
+ --krds-color-success-5: #eaf6ec;
90
+ --krds-color-success-10: #d8eedd;
91
+ --krds-color-success-20: #a9dab4;
92
+ --krds-color-success-30: #7ec88e;
93
+ --krds-color-success-40: #3fa654;
94
+ --krds-color-success-50: #228738;
95
+ --krds-color-success-60: #267337;
96
+ --krds-color-success-70: #285d33;
97
+ --krds-color-success-80: #1f4727;
98
+ --krds-color-success-90: #122b18;
99
+ --krds-color-success-95: #0e2012;
100
+
101
+ --krds-color-point-5: #fbeff0;
102
+ --krds-color-point-10: #f5d6d9;
103
+ --krds-color-point-20: #ebadb2;
104
+ --krds-color-point-30: #e0858c;
105
+ --krds-color-point-40: #d65c66;
106
+ --krds-color-point-50: #d63d4a;
107
+ --krds-color-point-60: #ab2b36;
108
+ --krds-color-point-70: #7a1f26;
109
+ --krds-color-point-80: #521419;
110
+ --krds-color-point-90: #310c0f;
111
+ --krds-color-point-95: #21080a;
112
+
113
+ --krds-color-graphic-10: #e5ecf9;
114
+ --krds-color-graphic-30: #98acc5;
115
+ --krds-color-graphic-50: #61758f;
116
+ --krds-color-graphic-70: #39506c;
117
+ --krds-color-graphic-90: #223a58;
118
+
119
+ --krds-typo-font-weight-regular: 400;
120
+ --krds-typo-font-weight-bold: 700;
121
+
122
+ --krds-typo-letter-spacing-0: 0rem;
123
+ --krds-typo-letter-spacing-1: 0.1rem;
124
+
125
+ --krds-number-0: 0rem;
126
+ --krds-number-1: 0.1rem;
127
+ --krds-number-2: 0.2rem;
128
+ --krds-number-3: 0.4rem;
129
+ --krds-number-4: 0.6rem;
130
+ --krds-number-5: 0.8rem;
131
+ --krds-number-6: 1rem;
132
+ --krds-number-7: 1.2rem;
133
+ --krds-number-8: 1.6rem;
134
+ --krds-number-9: 2rem;
135
+ --krds-number-10: 2.4rem;
136
+ --krds-number-11: 2.8rem;
137
+ --krds-number-12: 3.2rem;
138
+ --krds-number-13: 3.6rem;
139
+ --krds-number-14: 4rem;
140
+ --krds-number-15: 4.4rem;
141
+ --krds-number-16: 4.8rem;
142
+ --krds-number-17: 5.6rem;
143
+ --krds-number-18: 6.4rem;
144
+ --krds-number-19: 7.2rem;
145
+ --krds-number-20: 8rem;
146
+ --krds-number-21: 9.6rem;
147
+ --krds-number-max: 100rem;
148
+ }
149
+
150
+ [data-theme="high-contrast"] {
151
+ --krds-color-primary-5: #ecf2fe;
152
+ --krds-color-primary-10: #d8e5fd;
153
+ --krds-color-primary-20: #b1cefb;
154
+ --krds-color-primary-30: #86aff9;
155
+ --krds-color-primary-40: #4c87f6;
156
+ --krds-color-primary-50: #256ef4;
157
+ --krds-color-primary-60: #0b50d0;
158
+ --krds-color-primary-70: #083891;
159
+ --krds-color-primary-80: #052561;
160
+ --krds-color-primary-90: #03163a;
161
+ --krds-color-primary-95: #020f27;
162
+
163
+ --krds-color-secondary-5: #edf6f8;
164
+ --krds-color-secondary-10: #d5ebf1;
165
+ --krds-color-secondary-20: #abd8e3;
166
+ --krds-color-secondary-30: #75c0d1;
167
+ --krds-color-secondary-40: #3d9fb8;
168
+ --krds-color-secondary-50: #268097;
169
+ --krds-color-secondary-60: #1f687a;
170
+ --krds-color-secondary-70: #17505e;
171
+ --krds-color-secondary-80: #113b45;
172
+ --krds-color-secondary-90: #0e3139;
173
+ --krds-color-secondary-95: #091f25;
174
+
175
+ --krds-color-gray-0: #ffffff;
176
+ --krds-color-gray-5: #f4f5f6;
177
+ --krds-color-gray-10: #e6e8ea;
178
+ --krds-color-gray-20: #cdd1d5;
179
+ --krds-color-gray-30: #b1b8be;
180
+ --krds-color-gray-40: #8a949e;
181
+ --krds-color-gray-50: #6d7882;
182
+ --krds-color-gray-60: #58616a;
183
+ --krds-color-gray-70: #464c53;
184
+ --krds-color-gray-80: #33363d;
185
+ --krds-color-gray-90: #1e2124;
186
+ --krds-color-gray-95: #131416;
187
+ --krds-color-gray-100: #000000;
188
+
189
+ --krds-color-alpha-black100: #000000;
190
+ --krds-color-alpha-black75: #000000bf;
191
+ --krds-color-alpha-black50: #00000080;
192
+ --krds-color-alpha-black25: #00000040;
193
+ --krds-color-alpha-black10: #0000001a;
194
+ --krds-color-alpha-black0: #00000000;
195
+ --krds-color-alpha-white100: #ffffff;
196
+ --krds-color-alpha-white75: #ffffffbf;
197
+ --krds-color-alpha-white50: #ffffff80;
198
+ --krds-color-alpha-white25: #ffffff40;
199
+ --krds-color-alpha-white10: #ffffff1a;
200
+ --krds-color-alpha-white0: #ffffff00;
201
+
202
+ --krds-color-danger-5: #fdefec;
203
+ --krds-color-danger-10: #fcdfd9;
204
+ --krds-color-danger-20: #f7afa1;
205
+ --krds-color-danger-30: #f48771;
206
+ --krds-color-danger-40: #f05f42;
207
+ --krds-color-danger-50: #de3412;
208
+ --krds-color-danger-60: #bd2c0f;
209
+ --krds-color-danger-70: #8a240f;
210
+ --krds-color-danger-80: #5c180a;
211
+ --krds-color-danger-90: #390d05;
212
+ --krds-color-danger-95: #260903;
213
+
214
+ --krds-color-information-5: #e7f4fe;
215
+ --krds-color-information-10: #d3ebfd;
216
+ --krds-color-information-20: #9ed2fa;
217
+ --krds-color-information-30: #5fb5f7;
218
+ --krds-color-information-40: #2098f3;
219
+ --krds-color-information-50: #0b78cb;
220
+ --krds-color-information-60: #096ab3;
221
+ --krds-color-information-70: #085691;
222
+ --krds-color-information-80: #053961;
223
+ --krds-color-information-90: #03253f;
224
+ --krds-color-information-95: #021a2c;
225
+
226
+ --krds-color-warning-5: #fff3db;
227
+ --krds-color-warning-10: #ffe0a3;
228
+ --krds-color-warning-20: #ffc95c;
229
+ --krds-color-warning-30: #ffb114;
230
+ --krds-color-warning-40: #c78500;
231
+ --krds-color-warning-50: #9e6a00;
232
+ --krds-color-warning-60: #8a5c00;
233
+ --krds-color-warning-70: #614100;
234
+ --krds-color-warning-80: #422c00;
235
+ --krds-color-warning-90: #2e1f00;
236
+ --krds-color-warning-95: #241800;
237
+
238
+ --krds-color-success-5: #eaf6ec;
239
+ --krds-color-success-10: #d8eedd;
240
+ --krds-color-success-20: #a9dab4;
241
+ --krds-color-success-30: #7ec88e;
242
+ --krds-color-success-40: #3fa654;
243
+ --krds-color-success-50: #228738;
244
+ --krds-color-success-60: #267337;
245
+ --krds-color-success-70: #285d33;
246
+ --krds-color-success-80: #1f4727;
247
+ --krds-color-success-90: #122b18;
248
+ --krds-color-success-95: #0e2012;
249
+
250
+ --krds-color-point-5: #fbeff0;
251
+ --krds-color-point-10: #f5d6d9;
252
+ --krds-color-point-20: #ebadb2;
253
+ --krds-color-point-30: #e0858c;
254
+ --krds-color-point-40: #d65c66;
255
+ --krds-color-point-50: #d63d4a;
256
+ --krds-color-point-60: #ab2b36;
257
+ --krds-color-point-70: #7a1f26;
258
+ --krds-color-point-80: #521419;
259
+ --krds-color-point-90: #310c0f;
260
+ --krds-color-point-95: #21080a;
261
+
262
+ --krds-color-graphic-10: #e5ecf9;
263
+ --krds-color-graphic-30: #98acc5;
264
+ --krds-color-graphic-50: #61758f;
265
+ --krds-color-graphic-70: #39506c;
266
+ --krds-color-graphic-90: #223a58;
267
+ }
268
+
269
+ @font-face {
270
+ font-family: "Pretendard GOV";
271
+ font-weight: 100;
272
+ font-style: normal;
273
+ src: url("../../../../../lib/assets/font/PretendardGOV-Thin.otf")
274
+ format("opentype");
275
+ font-display: swap;
276
+ }
277
+
278
+ @font-face {
279
+ font-family: "Pretendard GOV";
280
+ font-weight: 200;
281
+ font-style: normal;
282
+ src: url("../../../../../lib/assets/font/PretendardGOV-ExtraLight.otf")
283
+ format("opentype");
284
+ font-display: swap;
285
+ }
286
+
287
+ @font-face {
288
+ font-family: "Pretendard GOV";
289
+ font-weight: 300;
290
+ font-style: normal;
291
+ src: url("../../../../../lib/assets/font/PretendardGOV-Light.otf")
292
+ format("opentype");
293
+ font-display: swap;
294
+ }
295
+
296
+ @font-face {
297
+ font-family: "Pretendard GOV";
298
+ font-weight: 400;
299
+ font-style: normal;
300
+ src: url("../../../../../lib/assets/font/PretendardGOV-Regular.otf")
301
+ format("opentype");
302
+ font-display: swap;
303
+ }
304
+
305
+ @font-face {
306
+ font-family: "Pretendard GOV";
307
+ font-weight: 500;
308
+ font-style: normal;
309
+ src: url("../../../../../lib/assets/font/PretendardGOV-Medium.otf")
310
+ format("opentype");
311
+ font-display: swap;
312
+ }
313
+
314
+ @font-face {
315
+ font-family: "Pretendard GOV";
316
+ font-weight: 600;
317
+ font-style: normal;
318
+ src: url("../../../../../lib/assets/font/PretendardGOV-SemiBold.otf")
319
+ format("opentype");
320
+ font-display: swap;
321
+ }
322
+
323
+ @font-face {
324
+ font-family: "Pretendard GOV";
325
+ font-weight: 700;
326
+ font-style: normal;
327
+ src: url("../../../../../lib/assets/font/PretendardGOV-Bold.otf")
328
+ format("opentype");
329
+ font-display: swap;
330
+ }
331
+
332
+ @font-face {
333
+ font-family: "Pretendard GOV";
334
+ font-weight: 800;
335
+ font-style: normal;
336
+ src: url("../../../../../lib/assets/font/PretendardGOV-ExtraBold.otf")
337
+ format("opentype");
338
+ font-display: swap;
339
+ }
340
+
341
+ @font-face {
342
+ font-family: "Pretendard GOV";
343
+ font-weight: 900;
344
+ font-style: normal;
345
+ src: url("../../../../../lib/assets/font/PretendardGOV-Black.otf")
346
+ format("opentype");
347
+ font-display: swap;
348
+ }
349
+
350
+ html {
351
+ font-family:
352
+ "Pretendard GOV",
353
+ ui-sans-serif,
354
+ system-ui,
355
+ -apple-system,
356
+ BlinkMacSystemFont,
357
+ "Segoe UI",
358
+ Roboto,
359
+ "Helvetica Neue",
360
+ Arial,
361
+ "Noto Sans",
362
+ sans-serif,
363
+ "Apple Color Emoji",
364
+ "Segoe UI Emoji",
365
+ "Segoe UI Symbol",
366
+ "Noto Color Emoji";
367
+ }
368
+ * {
369
+ font-family:
370
+ "Pretendard GOV",
371
+ -apple-system,
372
+ BlinkMacSystemFont,
373
+ "Segoe UI",
374
+ "Roboto",
375
+ "Oxygen",
376
+ "Ubuntu",
377
+ "Cantarell",
378
+ sans-serif;
379
+ }
380
+
381
+ body {
382
+ font-family:
383
+ "Pretendard GOV",
384
+ -apple-system,
385
+ BlinkMacSystemFont,
386
+ "Segoe UI",
387
+ "Roboto",
388
+ "Oxygen",
389
+ "Ubuntu",
390
+ "Cantarell",
391
+ sans-serif;
392
+ font-weight: 400;
393
+ -webkit-font-smoothing: antialiased;
394
+ -moz-osx-font-smoothing: grayscale;
395
+ }
396
+
397
+ button,
398
+ input,
399
+ textarea,
400
+ select,
401
+ label,
402
+ span,
403
+ div,
404
+ p,
405
+ h1,
406
+ h2,
407
+ h3,
408
+ h4,
409
+ h5,
410
+ h6 {
411
+ font-family: inherit;
412
+ }
413
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dak-krds",
3
- "version": "0.1.4",
3
+ "version": "0.1.5",
4
4
  "description": "DAK React UI Component Design System",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -11,13 +11,14 @@
11
11
  "import": "./dist/index.mjs",
12
12
  "require": "./dist/index.js"
13
13
  },
14
- "./styles.css": "./dist/index.css"
14
+ "./styles.css": "./dist/styles.css"
15
15
  },
16
16
  "files": [
17
17
  "dist"
18
18
  ],
19
19
  "scripts": {
20
- "build": "tsup",
20
+ "build": "tsup && pnpm run build:css",
21
+ "build:css": "node scripts/BuildCss.js",
21
22
  "dev": "tsup --watch",
22
23
  "lint": "eslint .",
23
24
  "typecheck": "tsc --noEmit",