@edu-tosel/design 0.1.6 → 0.1.7

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,6 +1,6 @@
1
1
  import "../globals.css";
2
2
  export declare function TableCard({ data, fields, sizes, options, }: {
3
- data: Record<string, string>[];
3
+ data: Record<string, string | number>[];
4
4
  fields: Record<string, string>;
5
5
  sizes: Record<string, string>;
6
6
  options?: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edu-tosel/design",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "description": "UI components for International TOSEL Committee",
5
5
  "keywords": [
6
6
  "jsx",
package/version.txt CHANGED
@@ -1 +1 @@
1
- 0.1.6
1
+ 0.1.7
@@ -1,389 +0,0 @@
1
- import tailwindcss from "tailwindcss";
2
- import tailwindScrollbarHide from "tailwind-scrollbar-hide";
3
- import tailwindcssAnimate from "tailwindcss-animate";
4
- // import twElements from "tw-elements/dist/plugin";
5
- // import tailwindcssDirectionalShadows from "tailwindcss-directional-shadows";
6
-
7
- /** @type {import('tailwindcss').Config} */
8
- export default {
9
- content: [
10
- // "./node_modules/tw-elements/dist/js/**/*.js",
11
- "./index.html",
12
- "./src/**/*.{js,jsx,ts,tsx}",
13
- ],
14
- theme: {
15
- extend: {
16
- fontFamily: {
17
- "pretendard-medium": ["pretendard-medium"],
18
- kostar: ["kostar"],
19
- nicomoji: ["nicomoji"],
20
- megrim: ["megrim"],
21
- },
22
- backgroundImage: {
23
- "image-space": "url('/images/home/space.png')",
24
- },
25
- keyframes: {
26
- slideBackground: {
27
- "0%, 100%": { backgroundPosition: "left center" },
28
- "50%": { backgroundPosition: "right center" },
29
- },
30
- },
31
- colors: {
32
- "white-off": "#F5F5F5",
33
- "red-burgundy": "#933652",
34
- "red-crimson": "#760023",
35
- "red-velvet": "#AC647A",
36
- "green-dark": "#105652",
37
- "blue-sky": "#44C5F3",
38
- "blue-navy": "#173A8B",
39
- "blue-pastel": "#CED6E6",
40
- "violet-light": "#9979F6",
41
- "gray-light": "#F0F0F0",
42
- "gray-medium": "#7F7F7F",
43
- "gray-dim": "#4C4C4C",
44
- "silver-lavender": "#E7E9F2",
45
- "silver-latte": "#FBF3E4",
46
- "silver-pale": "#DFD8CA",
47
-
48
- // Brand Colors
49
- "ps-pink": "#E3006E",
50
- "ps-pink-light": "#FFBADB",
51
- "st-orange": "#ED6A00",
52
- "st-orange-light": "#F5D2B6",
53
- "ba-yellow": "#FCCE30",
54
- "ba-yellow-light": "#FFEFB7",
55
- "jr-blue": "#52A2DA",
56
- "jr-blue-light": "#D6EEFF",
57
- "hj-blue": "#385EAB",
58
- "hj-blue-light": "#A8BFE5",
59
- },
60
- inset: {
61
- "1/20": "5%",
62
- "1/10": "10%",
63
- "2/10": "5%",
64
- "1/5": "20%",
65
- "2/5": "40%",
66
- "1/4": "25%",
67
- "1/3": "33.3333333%",
68
- "5/100": "5%",
69
- "10/100": "10%",
70
- "15/100": "15%",
71
- "43/100": "43%",
72
- "46/100": "46%",
73
- },
74
- width: {
75
- "2/3": "66.6666667%",
76
- "1/7": "14.2857143%",
77
- "2/7": "28.5714286%",
78
- "3/7": "42.8571429%",
79
- "4/7": "57.1428571%",
80
- "1/8": "12.5%",
81
- "3/10": "30%",
82
- "1/10": "10%",
83
- "4/10": "40%",
84
- "6/10": "60%",
85
- "7/10": "70%",
86
- "9/10": "90%",
87
- "10/100": "10%",
88
- "12/100": "12%",
89
- "15/100": "15%",
90
- "35/100": "35%",
91
- "45/100": "45%",
92
- "55/100": "55%",
93
- "65/100": "65%",
94
- "85/100": "85%",
95
- 90: "22.5rem",
96
- 120: "30rem",
97
- 176: "44rem",
98
- 478: "478px",
99
- },
100
- height: {
101
- "4/7": "57.1428571%",
102
- "3/7": "42.8571429%",
103
- "5/12": "41.6666667%",
104
- "1/10": "10%",
105
- "3/10": "30%",
106
- "4/10": "40%",
107
- "6/10": "60%",
108
- "7/10": "70%",
109
- "9/10": "90%",
110
- },
111
- maxHeight: {
112
- 44: "11rem",
113
- "9/10": "90%",
114
- },
115
- spacing: {
116
- "sun-calc": "calc(50% - 6rem)",
117
- 1: "0.25rem",
118
- 7: "1.75rem",
119
- 11: "2.75rem",
120
- 12: "3rem",
121
- 15: "3.75rem",
122
- 18: "4.5rem",
123
- 19: "4.75rem",
124
- 22: "5.5rem",
125
- 25: "6.25rem",
126
- 26: "6.5rem",
127
- 27: "6.75rem",
128
- 30: "7.5rem",
129
- 34: "8.5rem",
130
- 38: "9.5rem",
131
- 40: "10rem",
132
- 42: "10.5rem",
133
- 44: "11rem",
134
- 45: "11.25rem",
135
- 48: "12rem",
136
- 49: "12.25rem",
137
- 50: "12.5rem",
138
- 52: "13rem",
139
- 54: "13.5rem",
140
- 56: "14rem",
141
- 62: "15.5rem",
142
- 64: "16rem",
143
- 68: "17rem",
144
- 69: "17.25rem",
145
- 70: "17.5rem",
146
- 72: "18rem",
147
- 73: "18.25rem",
148
- 75: "18.75rem",
149
- 76: "19rem",
150
- 78: "20rem",
151
- 84: "21rem",
152
- 85: "21.25rem",
153
- 88: "22rem",
154
- 90: "22.5rem",
155
- 92: "23rem",
156
- 96: "24rem",
157
- 98: "24.5rem",
158
- 100: "25rem",
159
- 104: "26rem",
160
- 106: "26.5rem",
161
- 108: "27rem",
162
- 110: "27.5rem",
163
- 112: "28rem",
164
- 116: "29rem",
165
- 120: "30rem",
166
- 122: "30.5rem",
167
- 124: "31rem",
168
- 126: "31.5rem",
169
- 128: "32rem",
170
- 132: "33rem",
171
- 135: "33.75rem",
172
- 136: "34rem",
173
- 140: "35rem",
174
- 144: "36rem",
175
- 148: "37rem",
176
- 160: "40rem",
177
- 164: "41rem",
178
- 168: "42rem",
179
- 172: "43rem",
180
- 176: "44rem",
181
- 180: "45rem",
182
- 182: "45.5rem",
183
- 186: "46.5rem",
184
- 190: "47.5rem",
185
- 200: "50rem",
186
- 216: "54rem",
187
- 220: "55rem",
188
- 224: "56rem",
189
- 225: "56.25rem",
190
- 228: "57rem",
191
- 232: "58rem",
192
- 240: "60rem",
193
- 248: "62rem",
194
- 255: "63.75rem",
195
- 256: "64rem",
196
- 260: "65rem",
197
- 264: "66rem",
198
- 272: "68rem",
199
- 280: "70rem",
200
- 288: "72rem",
201
- 300: "75rem",
202
- 312: "78rem",
203
- 320: "80rem",
204
- 360: "90rem",
205
- 386: "96.5rem",
206
- 408: "102rem",
207
- 480: "120rem",
208
- 500: "125rem",
209
- 520: "140rem",
210
- },
211
- backgroundSize: {
212
- auto: "auto",
213
- cover: "cover",
214
- contain: "contain",
215
- 16: "4rem",
216
- 64: "16rem",
217
- 80: "20rem",
218
- 88: "22rem",
219
- 92: "23rem",
220
- 96: "24rem",
221
- 100: "25rem",
222
- 128: "32rem",
223
- },
224
- transitionDelay: {
225
- 750: "750ms",
226
- 900: "900ms",
227
- 1000: "1000ms",
228
- 1250: "1250ms",
229
- 1350: "1200ms",
230
- 1500: "1500ms",
231
- 1600: "1600ms",
232
- 1750: "1750ms",
233
- 1800: "1800ms",
234
- 2000: "2000ms",
235
- 2100: "2100ms",
236
- 2250: "2250ms",
237
- 2500: "2500ms",
238
- 2700: "2700ms",
239
- 3000: "3000ms",
240
- 3300: "3300ms",
241
- 4000: "4000ms",
242
- 5000: "5000ms",
243
- },
244
- transitionDuration: {
245
- 300: "300ms",
246
- 2000: "2000ms",
247
- 60000: "60000ms",
248
- 300000: "300000ms",
249
- },
250
- opacity: {
251
- 32: ".32",
252
- },
253
- scale: {
254
- 101: "1.01",
255
- 110: "1.1",
256
- 120: "1.2",
257
- 200: "2",
258
- },
259
- skew: {
260
- 20: "20deg",
261
- 30: "30deg",
262
- 39: "39deg",
263
- 45: "45deg",
264
- 60: "60deg",
265
- },
266
- brightness: {
267
- 10: ".1",
268
- 20: ".2",
269
- 30: ".3",
270
- 40: ".4",
271
- },
272
- screens: {
273
- xxxs: "332px",
274
- xxs: "393px",
275
- xs: "480px",
276
- sm: "640px",
277
- md: "768px", // IPad Mini
278
- ml: "964px", // IPad Air, IPad Pro 11.
279
- lg: "1024px", // IPad Mini Horizontal Viewport
280
- xl: "1280px",
281
- "2xl": "1536px",
282
- },
283
- },
284
- },
285
- safelist: [
286
- {
287
- pattern: /animate-.*/,
288
- },
289
- {
290
- pattern: /shadow-.*/,
291
- },
292
-
293
- {
294
- pattern: /flex-.*/,
295
- },
296
- {
297
- pattern: /overflow-*./,
298
- },
299
- {
300
- pattern: /col-.*/,
301
- },
302
- {
303
- pattern: /row-.*/,
304
- },
305
- {
306
- pattern: /flex-.*/,
307
- },
308
- {
309
- pattern: /justify-.*/,
310
- },
311
- {
312
- pattern: /items-.*/,
313
- },
314
- {
315
- pattern: /grid-.*/,
316
- },
317
- {
318
- pattern: /gap-.*/,
319
- },
320
- {
321
- pattern: /border-.*/,
322
- },
323
- {
324
- pattern: /min-.*/,
325
- },
326
- {
327
- pattern: /max-.*/,
328
- },
329
- { pattern: /w-.*/ },
330
- { pattern: /h-.*/ },
331
- {
332
- pattern: /top-.*/,
333
- },
334
- {
335
- pattern: /-top-.*/,
336
- },
337
- {
338
- pattern: /bottom*.*/,
339
- },
340
- {
341
- pattern: /left-.*/,
342
- },
343
- {
344
- pattern: /right*.*/,
345
- },
346
- { pattern: /bg-.*/ },
347
- { pattern: /text-.*/ },
348
- {
349
- pattern: /p-.*/,
350
- },
351
- {
352
- pattern: /px-.*/,
353
- },
354
- {
355
- pattern: /pl-.*/,
356
- },
357
- {
358
- pattern: /py-.*/,
359
- },
360
- {
361
- pattern: /pb-.*/,
362
- },
363
- {
364
- pattern: /m-.*/,
365
- },
366
- {
367
- pattern: /mx-.*/,
368
- },
369
- {
370
- pattern: /my-.*/,
371
- },
372
- {
373
- pattern: /z-.*/,
374
- },
375
- {
376
- pattern: /from-.*/,
377
- },
378
- {
379
- pattern: /to-.*/,
380
- },
381
- {
382
- pattern: /via-.*/,
383
- },
384
- {
385
- pattern: /delay-.*/,
386
- },
387
- ],
388
- plugins: [tailwindcss(), tailwindcssAnimate, tailwindScrollbarHide],
389
- };