@elicecontents/content-ui 1.1.2 → 1.1.3

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 (110) hide show
  1. package/dist/AIAvatar-NYAGMJJ3.png +0 -0
  2. package/dist/index.cjs +12468 -0
  3. package/dist/index.cjs.map +1 -0
  4. package/dist/index.js +12415 -0
  5. package/dist/index.js.map +1 -0
  6. package/dist/types/breakpoints/breakpoints.d.ts +1 -1
  7. package/dist/types/components/AI-feedback/AIFeedback.d.ts +2 -2
  8. package/dist/types/components/AIDTTypography/AIDTTypography.d.ts +15 -4
  9. package/dist/types/components/Modal/Modal.d.ts +1 -1
  10. package/dist/types/components/badge/Badge.d.ts +1 -1
  11. package/dist/types/components/base-input/BaseInput.d.ts +1 -1
  12. package/dist/types/components/button/Button.d.ts +2 -2
  13. package/dist/types/components/chat/Chat.d.ts +14 -4
  14. package/dist/types/components/chat/TypingIndicator.d.ts +1 -1
  15. package/dist/types/components/dialog/Dialog.d.ts +2 -2
  16. package/dist/types/components/dotted-pagination/DottedPagination.d.ts +1 -0
  17. package/dist/types/components/header-title/HeaderTitle.d.ts +1 -1
  18. package/dist/types/components/html-viewer/HtmlViewer.d.ts +9 -0
  19. package/dist/types/components/html-viewer/HtmlViewerContent.d.ts +6 -0
  20. package/dist/types/components/html-viewer/HtmlViewerContext.d.ts +13 -0
  21. package/dist/types/components/html-viewer/HtmlViewerHighlightLayer.d.ts +8 -0
  22. package/dist/types/components/html-viewer/HtmlViewerMemoMenu.d.ts +8 -0
  23. package/dist/types/components/html-viewer/HtmlViewerToolbar.d.ts +1 -0
  24. package/dist/types/components/html-viewer/HtmlViewerTypes.d.ts +106 -0
  25. package/dist/types/components/html-viewer/hooks/useAnchorResolver.d.ts +13 -0
  26. package/dist/types/components/html-viewer/hooks/useAnnotationStorage.d.ts +9 -0
  27. package/dist/types/components/html-viewer/hooks/useGestureStateMachine.d.ts +16 -0
  28. package/dist/types/components/html-viewer/hooks/useHighlightRects.d.ts +2 -0
  29. package/dist/types/components/html-viewer/hooks/useIntersectionVisibility.d.ts +8 -0
  30. package/dist/types/components/html-viewer/index.d.ts +2 -0
  31. package/dist/types/components/icon-button/IconButton.d.ts +2 -2
  32. package/dist/types/components/index.d.ts +1 -0
  33. package/dist/types/components/layout/Footer/LayoutFooterPaging.d.ts +2 -2
  34. package/dist/types/components/layout/Footer/LayoutFooterSubmit.d.ts +2 -1
  35. package/dist/types/components/layout/Header/LayoutHeaderSubTitle.d.ts +2 -2
  36. package/dist/types/components/layout/Header/LayoutHeaderTitle.d.ts +2 -2
  37. package/dist/types/components/layout/Layout.d.ts +6 -8
  38. package/dist/types/components/layout/index.d.ts +10 -16
  39. package/dist/types/components/pagination-button/PaginationButton.d.ts +1 -1
  40. package/dist/types/components/recorder/Recorder.d.ts +3 -3
  41. package/dist/types/components/recorder-chat/RecorderChat.d.ts +1 -1
  42. package/dist/types/components/recorder-chat/TypingIndicator.d.ts +1 -1
  43. package/dist/types/components/recorder-step/RecorderContext.d.ts +2 -1
  44. package/dist/types/components/recorder-step/RecorderStep.d.ts +3 -3
  45. package/dist/types/components/selection/Selection.d.ts +2 -2
  46. package/dist/types/components/sound-visualizer/SoundVisualizer.d.ts +1 -1
  47. package/dist/types/components/subtitle-button/SubtitleButton.d.ts +2 -2
  48. package/dist/types/components/table/ColInfoTable.d.ts +1 -1
  49. package/dist/types/components/table/RowInfoTable.d.ts +1 -1
  50. package/dist/types/components/table/Table.d.ts +1 -1
  51. package/dist/types/components/textarea/Textarea.d.ts +9 -3
  52. package/dist/types/components/tooltip/Tooltip.d.ts +7 -3
  53. package/dist/types/components/video/VideoPlayer.d.ts +1 -1
  54. package/dist/types/components/video/VideoV2.d.ts +3 -1
  55. package/dist/types/components/video/VideoV3.d.ts +37 -0
  56. package/dist/types/components/video/index.d.ts +2 -0
  57. package/dist/types/hooks/useAIDTMediaQuery.d.ts +5 -1
  58. package/dist/types/icons/MoreColumn.d.ts +1 -1
  59. package/dist/types/icons/QuestionBubble.d.ts +1 -1
  60. package/dist/types/icons/ReadyRecord.d.ts +1 -1
  61. package/dist/types/icons/RecordPause.d.ts +1 -1
  62. package/dist/types/icons/RecordPlay.d.ts +1 -1
  63. package/dist/types/icons/Recording.d.ts +1 -1
  64. package/dist/types/icons/ScrollMoreIcon.d.ts +1 -1
  65. package/dist/types/icons/SearchIcon.d.ts +1 -1
  66. package/dist/types/index.d.ts +2 -0
  67. package/dist/types/palettes/_typing.d.ts +1 -1
  68. package/dist/types/palettes/eliceDefault.d.ts +1 -1
  69. package/dist/types/palettes/type1.d.ts +1 -1
  70. package/dist/types/palettes/type2.d.ts +1 -1
  71. package/dist/types/theme/AIDTTheme.d.ts +1 -1
  72. package/dist/types/theme/_base.d.ts +1 -1
  73. package/dist/types/theme/createAIDTTheme.d.ts +2 -3
  74. package/dist/types/theme/createEliceThemeOverride.d.ts +5 -3
  75. package/dist/types/theme/transitions.d.ts +1 -1
  76. package/dist/types/tokens/breakpoints/breakpoints.d.ts +2 -2
  77. package/dist/types/tokens/colors/_typing.d.ts +1 -1
  78. package/dist/types/tokens/colors/bluepurple.d.ts +1 -1
  79. package/dist/types/tokens/colors/bluesky.d.ts +1 -1
  80. package/dist/types/tokens/colors/common.d.ts +1 -1
  81. package/dist/types/tokens/colors/gray.d.ts +1 -1
  82. package/dist/types/tokens/colors/green.d.ts +1 -1
  83. package/dist/types/tokens/colors/mint.d.ts +1 -1
  84. package/dist/types/tokens/colors/orange.d.ts +1 -1
  85. package/dist/types/tokens/colors/pink.d.ts +1 -1
  86. package/dist/types/tokens/colors/purple.d.ts +1 -1
  87. package/dist/types/tokens/colors/yellow.d.ts +1 -1
  88. package/dist/types/types/theme-augmentation.d.ts +14 -1
  89. package/dist/types/types/theme.types.d.ts +4 -2
  90. package/dist/types/typography/TypographyType.d.ts +798 -42
  91. package/dist/types/typography/index.d.ts +1 -0
  92. package/dist/types/typography/typography.d.ts +393 -45
  93. package/dist/types/typography/typographyFontFamily.d.ts +1 -0
  94. package/package.json +21 -17
  95. package/dist/cjs/index.js +0 -797
  96. package/dist/cjs/index.js.map +0 -1
  97. package/dist/es/index.js +0 -17963
  98. package/dist/es/index.js.map +0 -1
  99. package/dist/utils-B-OwYxKc.js +0 -2
  100. package/dist/utils-B-OwYxKc.js.map +0 -1
  101. package/dist/utils-C6l9edAI.mjs +0 -33
  102. package/dist/utils-C6l9edAI.mjs.map +0 -1
  103. package/dist/video-BVmBZcCY.mjs +0 -29748
  104. package/dist/video-BVmBZcCY.mjs.map +0 -1
  105. package/dist/video-De6bH9lK.js +0 -213
  106. package/dist/video-De6bH9lK.js.map +0 -1
  107. package/dist/video-utils-CSAdDJJN.js +0 -9
  108. package/dist/video-utils-CSAdDJJN.js.map +0 -1
  109. package/dist/video-utils-DfKS4cGg.mjs +0 -5735
  110. package/dist/video-utils-DfKS4cGg.mjs.map +0 -1
package/dist/types/typography/typography.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
5
5
  fontSize: string;
6
6
  fontWeight: number;
7
7
  lineHeight: string;
8
- "@media (max-width:768px)": {
8
+ "@media (max-width:830px)": {
9
9
  fontSize: string;
10
10
  lineHeight: string;
11
11
  };
@@ -18,7 +18,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
18
18
  fontSize: string;
19
19
  fontWeight: number;
20
20
  lineHeight: string;
21
- "@media (max-width:768px)": {
21
+ "@media (max-width:830px)": {
22
22
  fontSize: string;
23
23
  lineHeight: string;
24
24
  };
@@ -31,7 +31,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
31
31
  fontSize: string;
32
32
  fontWeight: number;
33
33
  lineHeight: string;
34
- "@media (max-width:768px)": {
34
+ "@media (max-width:830px)": {
35
35
  fontSize: string;
36
36
  lineHeight: string;
37
37
  };
@@ -44,7 +44,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
44
44
  fontSize: string;
45
45
  fontWeight: number;
46
46
  lineHeight: string;
47
- "@media (max-width:768px)": {
47
+ "@media (max-width:830px)": {
48
48
  fontSize: string;
49
49
  lineHeight: string;
50
50
  };
@@ -57,7 +57,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
57
57
  fontSize: string;
58
58
  fontWeight: number;
59
59
  lineHeight: string;
60
- "@media (max-width:768px)": {
60
+ "@media (max-width:830px)": {
61
61
  fontSize: string;
62
62
  lineHeight: string;
63
63
  };
@@ -70,7 +70,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
70
70
  fontSize: string;
71
71
  fontWeight: number;
72
72
  lineHeight: string;
73
- "@media (max-width:768px)": {
73
+ "@media (max-width:830px)": {
74
74
  fontSize: string;
75
75
  lineHeight: string;
76
76
  };
@@ -83,7 +83,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
83
83
  fontSize: string;
84
84
  fontWeight: number;
85
85
  lineHeight: string;
86
- "@media (max-width:768px)": {
86
+ "@media (max-width:830px)": {
87
87
  fontSize: string;
88
88
  lineHeight: string;
89
89
  };
@@ -96,7 +96,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
96
96
  fontSize: string;
97
97
  fontWeight: number;
98
98
  lineHeight: string;
99
- "@media (max-width:768px)": {
99
+ "@media (max-width:830px)": {
100
100
  fontSize: string;
101
101
  lineHeight: string;
102
102
  };
@@ -109,7 +109,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
109
109
  fontSize: string;
110
110
  fontWeight: number;
111
111
  lineHeight: string;
112
- "@media (max-width:768px)": {
112
+ "@media (max-width:830px)": {
113
113
  fontSize: string;
114
114
  lineHeight: string;
115
115
  };
@@ -122,7 +122,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
122
122
  fontSize: string;
123
123
  fontWeight: number;
124
124
  lineHeight: string;
125
- "@media (max-width:768px)": {
125
+ "@media (max-width:830px)": {
126
126
  fontSize: string;
127
127
  lineHeight: string;
128
128
  };
@@ -135,7 +135,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
135
135
  fontSize: string;
136
136
  fontWeight: number;
137
137
  lineHeight: string;
138
- "@media (max-width:768px)": {
138
+ "@media (max-width:830px)": {
139
139
  fontSize: string;
140
140
  lineHeight: string;
141
141
  };
@@ -148,7 +148,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
148
148
  fontSize: string;
149
149
  fontWeight: number;
150
150
  lineHeight: string;
151
- "@media (max-width:768px)": {
151
+ "@media (max-width:830px)": {
152
152
  fontSize: string;
153
153
  };
154
154
  "@media (max-height:600px)": {
@@ -159,7 +159,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
159
159
  fontSize: string;
160
160
  fontWeight: number;
161
161
  lineHeight: string;
162
- "@media (max-width:768px)": {
162
+ "@media (max-width:830px)": {
163
163
  fontSize: string;
164
164
  lineHeight: string;
165
165
  };
@@ -172,7 +172,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
172
172
  fontSize: string;
173
173
  fontWeight: number;
174
174
  lineHeight: string;
175
- "@media (max-width:768px)": {
175
+ "@media (max-width:830px)": {
176
176
  fontSize: string;
177
177
  lineHeight: string;
178
178
  };
@@ -181,7 +181,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
181
181
  lineHeight: string;
182
182
  };
183
183
  };
184
- fontFamily: "Pretendard, Arial, sans-serif" | "EliceDXNeolli";
184
+ fontFamily: "Pretendard, Arial, sans-serif" | "EliceDXNeolli" | "Roboto, Arial, sans-serif";
185
185
  '@font-face': {
186
186
  fontFamily: string;
187
187
  fontStyle: string;
@@ -194,7 +194,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
194
194
  fontSize: string;
195
195
  fontWeight: number;
196
196
  lineHeight: string;
197
- "@media (max-width:768px)": {
197
+ "@media (max-width:830px)": {
198
198
  fontSize: string;
199
199
  lineHeight: string;
200
200
  };
@@ -207,7 +207,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
207
207
  fontSize: string;
208
208
  fontWeight: number;
209
209
  lineHeight: string;
210
- "@media (max-width:768px)": {
210
+ "@media (max-width:830px)": {
211
211
  fontSize: string;
212
212
  lineHeight: string;
213
213
  };
@@ -220,7 +220,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
220
220
  fontSize: string;
221
221
  fontWeight: number;
222
222
  lineHeight: string;
223
- "@media (max-width:768px)": {
223
+ "@media (max-width:830px)": {
224
224
  fontSize: string;
225
225
  lineHeight: string;
226
226
  };
@@ -233,7 +233,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
233
233
  fontSize: string;
234
234
  fontWeight: number;
235
235
  lineHeight: string;
236
- "@media (max-width:768px)": {
236
+ "@media (max-width:830px)": {
237
237
  fontSize: string;
238
238
  lineHeight: string;
239
239
  };
@@ -246,7 +246,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
246
246
  fontSize: string;
247
247
  fontWeight: number;
248
248
  lineHeight: string;
249
- "@media (max-width:768px)": {
249
+ "@media (max-width:830px)": {
250
250
  fontSize: string;
251
251
  lineHeight: string;
252
252
  };
@@ -259,7 +259,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
259
259
  fontSize: string;
260
260
  fontWeight: number;
261
261
  lineHeight: string;
262
- "@media (max-width:768px)": {
262
+ "@media (max-width:830px)": {
263
263
  fontSize: string;
264
264
  lineHeight: string;
265
265
  };
@@ -272,7 +272,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
272
272
  fontSize: string;
273
273
  fontWeight: number;
274
274
  lineHeight: string;
275
- "@media (max-width:768px)": {
275
+ "@media (max-width:830px)": {
276
276
  fontSize: string;
277
277
  lineHeight: string;
278
278
  };
@@ -285,7 +285,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
285
285
  fontSize: string;
286
286
  fontWeight: number;
287
287
  lineHeight: string;
288
- "@media (max-width:768px)": {
288
+ "@media (max-width:830px)": {
289
289
  fontSize: string;
290
290
  lineHeight: string;
291
291
  };
@@ -298,7 +298,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
298
298
  fontSize: string;
299
299
  fontWeight: number;
300
300
  lineHeight: string;
301
- "@media (max-width:768px)": {
301
+ "@media (max-width:830px)": {
302
302
  fontSize: string;
303
303
  lineHeight: string;
304
304
  };
@@ -311,7 +311,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
311
311
  fontSize: string;
312
312
  fontWeight: number;
313
313
  lineHeight: string;
314
- "@media (max-width:768px)": {
314
+ "@media (max-width:830px)": {
315
315
  fontSize: string;
316
316
  lineHeight: string;
317
317
  };
@@ -324,7 +324,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
324
324
  fontSize: string;
325
325
  fontWeight: number;
326
326
  lineHeight: string;
327
- "@media (max-width:768px)": {
327
+ "@media (max-width:830px)": {
328
328
  fontSize: string;
329
329
  lineHeight: string;
330
330
  };
@@ -337,7 +337,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
337
337
  fontSize: string;
338
338
  fontWeight: number;
339
339
  lineHeight: string;
340
- "@media (max-width:768px)": {
340
+ "@media (max-width:830px)": {
341
341
  fontSize: string;
342
342
  lineHeight: string;
343
343
  };
@@ -350,7 +350,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
350
350
  fontSize: string;
351
351
  fontWeight: number;
352
352
  lineHeight: string;
353
- "@media (max-width:768px)": {
353
+ "@media (max-width:830px)": {
354
354
  fontSize: string;
355
355
  lineHeight: string;
356
356
  };
@@ -363,7 +363,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
363
363
  fontSize: string;
364
364
  fontWeight: number;
365
365
  lineHeight: string;
366
- "@media (max-width:768px)": {
366
+ "@media (max-width:830px)": {
367
367
  fontSize: string;
368
368
  lineHeight: string;
369
369
  };
@@ -372,7 +372,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
372
372
  lineHeight: string;
373
373
  };
374
374
  };
375
- fontFamily: "Pretendard, Arial, sans-serif" | "EliceDXNeolli";
375
+ fontFamily: "Pretendard, Arial, sans-serif" | "EliceDXNeolli" | "Roboto, Arial, sans-serif";
376
376
  '@font-face': {
377
377
  fontFamily: string;
378
378
  fontStyle: string;
@@ -385,7 +385,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
385
385
  fontSize: string;
386
386
  fontWeight: number;
387
387
  lineHeight: string;
388
- "@media (max-width:768px)": {
388
+ "@media (max-width:830px)": {
389
389
  fontSize: string;
390
390
  lineHeight: string;
391
391
  };
@@ -398,7 +398,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
398
398
  fontSize: string;
399
399
  fontWeight: number;
400
400
  lineHeight: string;
401
- "@media (max-width:768px)": {
401
+ "@media (max-width:830px)": {
402
402
  fontSize: string;
403
403
  lineHeight: string;
404
404
  };
@@ -411,7 +411,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
411
411
  fontSize: string;
412
412
  fontWeight: number;
413
413
  lineHeight: string;
414
- "@media (max-width:768px)": {
414
+ "@media (max-width:830px)": {
415
415
  fontSize: string;
416
416
  lineHeight: string;
417
417
  };
@@ -424,7 +424,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
424
424
  fontSize: string;
425
425
  fontWeight: number;
426
426
  lineHeight: string;
427
- "@media (max-width:768px)": {
427
+ "@media (max-width:830px)": {
428
428
  fontSize: string;
429
429
  lineHeight: string;
430
430
  };
@@ -437,7 +437,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
437
437
  fontSize: string;
438
438
  fontWeight: number;
439
439
  lineHeight: string;
440
- "@media (max-width:768px)": {
440
+ "@media (max-width:830px)": {
441
441
  fontSize: string;
442
442
  lineHeight: string;
443
443
  };
@@ -450,7 +450,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
450
450
  fontSize: string;
451
451
  fontWeight: number;
452
452
  lineHeight: string;
453
- "@media (max-width:768px)": {
453
+ "@media (max-width:830px)": {
454
454
  fontSize: string;
455
455
  lineHeight: string;
456
456
  };
@@ -463,7 +463,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
463
463
  fontSize: string;
464
464
  fontWeight: number;
465
465
  lineHeight: string;
466
- "@media (max-width:768px)": {
466
+ "@media (max-width:830px)": {
467
467
  fontSize: string;
468
468
  lineHeight: string;
469
469
  };
@@ -476,7 +476,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
476
476
  fontSize: string;
477
477
  fontWeight: number;
478
478
  lineHeight: string;
479
- "@media (max-width:768px)": {
479
+ "@media (max-width:830px)": {
480
480
  fontSize: string;
481
481
  lineHeight: string;
482
482
  };
@@ -489,7 +489,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
489
489
  fontSize: string;
490
490
  fontWeight: number;
491
491
  lineHeight: string;
492
- "@media (max-width:768px)": {
492
+ "@media (max-width:830px)": {
493
493
  fontSize: string;
494
494
  lineHeight: string;
495
495
  };
@@ -502,7 +502,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
502
502
  fontSize: string;
503
503
  fontWeight: number;
504
504
  lineHeight: string;
505
- "@media (max-width:768px)": {
505
+ "@media (max-width:830px)": {
506
506
  fontSize: string;
507
507
  lineHeight: string;
508
508
  };
@@ -515,7 +515,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
515
515
  fontSize: string;
516
516
  fontWeight: number;
517
517
  lineHeight: string;
518
- "@media (max-width:768px)": {
518
+ "@media (max-width:830px)": {
519
519
  fontSize: string;
520
520
  lineHeight: string;
521
521
  };
@@ -528,7 +528,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
528
528
  fontSize: string;
529
529
  fontWeight: number;
530
530
  lineHeight: string;
531
- "@media (max-width:768px)": {
531
+ "@media (max-width:830px)": {
532
532
  fontSize: string;
533
533
  lineHeight: string;
534
534
  };
@@ -541,7 +541,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
541
541
  fontSize: string;
542
542
  fontWeight: number;
543
543
  lineHeight: string;
544
- "@media (max-width:768px)": {
544
+ "@media (max-width:830px)": {
545
545
  fontSize: string;
546
546
  lineHeight: string;
547
547
  };
@@ -554,7 +554,7 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
554
554
  fontSize: string;
555
555
  fontWeight: number;
556
556
  lineHeight: string;
557
- "@media (max-width:768px)": {
557
+ "@media (max-width:830px)": {
558
558
  fontSize: string;
559
559
  lineHeight: string;
560
560
  };
@@ -563,7 +563,355 @@ export declare const createAIDTTypography: (fontFamily: keyof typeof TYPOGRAPHY_
563
563
  lineHeight: string;
564
564
  };
565
565
  };
566
- fontFamily: "Pretendard, Arial, sans-serif" | "EliceDXNeolli";
566
+ fontFamily: "Pretendard, Arial, sans-serif" | "EliceDXNeolli" | "Roboto, Arial, sans-serif";
567
+ '@font-face': {
568
+ fontFamily: string;
569
+ fontStyle: string;
570
+ fontWeight: number;
571
+ fontDisplay: string;
572
+ src: string;
573
+ }[];
574
+ } | {
575
+ clampH1: {
576
+ fontSize: string;
577
+ fontWeight: number;
578
+ lineHeight: string;
579
+ fontFamily: string;
580
+ };
581
+ h1: {
582
+ fontSize: string;
583
+ fontWeight: number;
584
+ lineHeight: string;
585
+ "@media (max-width:830px)": {
586
+ fontSize: string;
587
+ };
588
+ "@media (max-height:600px)": {
589
+ fontSize: string;
590
+ };
591
+ };
592
+ h2: {
593
+ fontSize: string;
594
+ fontWeight: number;
595
+ lineHeight: string;
596
+ "@media (max-width:830px)": {
597
+ fontSize: string;
598
+ lineHeight: string;
599
+ };
600
+ "@media (max-height:600px)": {
601
+ fontSize: string;
602
+ lineHeight: string;
603
+ };
604
+ };
605
+ h3: {
606
+ fontSize: string;
607
+ fontWeight: number;
608
+ lineHeight: string;
609
+ "@media (max-width:830px)": {
610
+ fontSize: string;
611
+ lineHeight: string;
612
+ };
613
+ "@media (max-height:600px)": {
614
+ fontSize: string;
615
+ lineHeight: string;
616
+ };
617
+ };
618
+ h4: {
619
+ fontSize: string;
620
+ fontWeight: number;
621
+ lineHeight: string;
622
+ "@media (max-width:830px)": {
623
+ fontSize: string;
624
+ lineHeight: string;
625
+ };
626
+ "@media (max-height:600px)": {
627
+ fontSize: string;
628
+ lineHeight: string;
629
+ };
630
+ };
631
+ h5: {
632
+ fontSize: string;
633
+ fontWeight: number;
634
+ lineHeight: string;
635
+ "@media (max-width:830px)": {
636
+ fontSize: string;
637
+ lineHeight: string;
638
+ };
639
+ "@media (max-height:600px)": {
640
+ fontSize: string;
641
+ lineHeight: string;
642
+ };
643
+ };
644
+ h6: {
645
+ fontSize: string;
646
+ fontWeight: number;
647
+ lineHeight: string;
648
+ "@media (max-width:830px)": {
649
+ fontSize: string;
650
+ lineHeight: string;
651
+ };
652
+ "@media (max-height:600px)": {
653
+ fontSize: string;
654
+ lineHeight: string;
655
+ };
656
+ };
657
+ subtitle1: {
658
+ fontSize: string;
659
+ fontWeight: number;
660
+ lineHeight: string;
661
+ letterSpacing: string;
662
+ "@media (max-width:830px)": {
663
+ fontSize: string;
664
+ };
665
+ "@media (max-height:600px)": {
666
+ fontSize: string;
667
+ };
668
+ };
669
+ subtitle2: {
670
+ fontSize: string;
671
+ fontWeight: number;
672
+ lineHeight: string;
673
+ "@media (max-width:830px)": {
674
+ fontSize: string;
675
+ };
676
+ "@media (max-height:600px)": {
677
+ fontSize: string;
678
+ };
679
+ };
680
+ subtitle3: {
681
+ fontSize: string;
682
+ fontWeight: number;
683
+ lineHeight: string;
684
+ "@media (max-width:830px)": {
685
+ fontSize: string;
686
+ lineHeight: string;
687
+ };
688
+ "@media (max-height:600px)": {
689
+ fontSize: string;
690
+ lineHeight: string;
691
+ };
692
+ };
693
+ body1: {
694
+ fontSize: string;
695
+ fontWeight: number;
696
+ lineHeight: string;
697
+ "@media (max-width:830px)": {
698
+ fontSize: string;
699
+ lineHeight: string;
700
+ };
701
+ "@media (max-height:600px)": {
702
+ fontSize: string;
703
+ lineHeight: string;
704
+ };
705
+ };
706
+ body2: {
707
+ fontSize: string;
708
+ fontWeight: number;
709
+ lineHeight: string;
710
+ "@media (max-width:830px)": {
711
+ fontSize: string;
712
+ lineHeight: string;
713
+ };
714
+ "@media (max-height:600px)": {
715
+ fontSize: string;
716
+ lineHeight: string;
717
+ };
718
+ };
719
+ body3: {
720
+ fontSize: string;
721
+ fontWeight: number;
722
+ lineHeight: string;
723
+ "@media (max-width:830px)": {
724
+ fontSize: string;
725
+ lineHeight: string;
726
+ };
727
+ "@media (max-height:600px)": {
728
+ fontSize: string;
729
+ lineHeight: string;
730
+ };
731
+ };
732
+ caption: {
733
+ fontSize: string;
734
+ fontWeight: number;
735
+ lineHeight: string;
736
+ "@media (max-width:830px)": {
737
+ fontSize: string;
738
+ lineHeight: string;
739
+ };
740
+ "@media (max-height:600px)": {
741
+ fontSize: string;
742
+ lineHeight: string;
743
+ };
744
+ };
745
+ title1: {
746
+ fontSize: string;
747
+ fontWeight: number;
748
+ lineHeight: string;
749
+ "@media (max-width:830px)": {
750
+ fontSize: string;
751
+ lineHeight: string;
752
+ };
753
+ "@media (max-height:600px)": {
754
+ fontSize: string;
755
+ lineHeight: string;
756
+ };
757
+ };
758
+ title2: {
759
+ fontSize: string;
760
+ fontWeight: number;
761
+ lineHeight: string;
762
+ "@media (max-width:830px)": {
763
+ fontSize: string;
764
+ lineHeight: string;
765
+ };
766
+ "@media (max-height:600px)": {
767
+ fontSize: string;
768
+ lineHeight: string;
769
+ };
770
+ };
771
+ buttoninput: {
772
+ fontSize: string;
773
+ fontWeight: number;
774
+ lineHeight: string;
775
+ "@media (max-width:830px)": {
776
+ fontSize: string;
777
+ };
778
+ "@media (max-height:600px)": {
779
+ fontSize: string;
780
+ };
781
+ };
782
+ pagination: {
783
+ fontSize: string;
784
+ fontWeight: number;
785
+ lineHeight: string;
786
+ "@media (max-width:830px)": {
787
+ fontSize: string;
788
+ lineHeight: string;
789
+ };
790
+ "@media (max-height:600px)": {
791
+ fontSize: string;
792
+ lineHeight: string;
793
+ };
794
+ };
795
+ textarea: {
796
+ fontSize: string;
797
+ fontWeight: number;
798
+ lineHeight: string;
799
+ "@media (max-width:830px)": {
800
+ fontSize: string;
801
+ lineHeight: string;
802
+ };
803
+ "@media (max-height:600px)": {
804
+ fontSize: string;
805
+ lineHeight: string;
806
+ };
807
+ };
808
+ fontFamily: "Pretendard, Arial, sans-serif" | "EliceDXNeolli" | "Roboto, Arial, sans-serif";
809
+ '@font-face': {
810
+ fontFamily: string;
811
+ fontStyle: string;
812
+ fontWeight: number;
813
+ fontDisplay: string;
814
+ src: string;
815
+ }[];
816
+ } | {
817
+ clampH1: {
818
+ fontSize: string;
819
+ fontWeight: number;
820
+ lineHeight: string;
821
+ fontFamily: string;
822
+ };
823
+ h1: {
824
+ fontSize: string;
825
+ fontWeight: number;
826
+ lineHeight: string;
827
+ };
828
+ h2: {
829
+ fontSize: string;
830
+ fontWeight: number;
831
+ lineHeight: string;
832
+ };
833
+ h3: {
834
+ fontSize: string;
835
+ fontWeight: number;
836
+ lineHeight: string;
837
+ };
838
+ h4: {
839
+ fontSize: string;
840
+ fontWeight: number;
841
+ lineHeight: string;
842
+ };
843
+ h5: {
844
+ fontSize: string;
845
+ fontWeight: number;
846
+ lineHeight: string;
847
+ };
848
+ h6: {
849
+ fontSize: string;
850
+ fontWeight: number;
851
+ lineHeight: string;
852
+ };
853
+ subtitle1: {
854
+ fontSize: string;
855
+ fontWeight: number;
856
+ lineHeight: string;
857
+ letterSpacing: string;
858
+ };
859
+ subtitle2: {
860
+ fontSize: string;
861
+ fontWeight: number;
862
+ lineHeight: string;
863
+ };
864
+ subtitle3: {
865
+ fontSize: string;
866
+ fontWeight: number;
867
+ lineHeight: string;
868
+ };
869
+ body1: {
870
+ fontSize: string;
871
+ fontWeight: number;
872
+ lineHeight: string;
873
+ };
874
+ body2: {
875
+ fontSize: string;
876
+ fontWeight: number;
877
+ lineHeight: string;
878
+ };
879
+ body3: {
880
+ fontSize: string;
881
+ fontWeight: number;
882
+ lineHeight: string;
883
+ };
884
+ caption: {
885
+ fontSize: string;
886
+ fontWeight: number;
887
+ lineHeight: string;
888
+ };
889
+ title1: {
890
+ fontSize: string;
891
+ fontWeight: number;
892
+ lineHeight: string;
893
+ };
894
+ title2: {
895
+ fontSize: string;
896
+ fontWeight: number;
897
+ lineHeight: string;
898
+ };
899
+ buttoninput: {
900
+ fontSize: string;
901
+ fontWeight: number;
902
+ lineHeight: string;
903
+ };
904
+ pagination: {
905
+ fontSize: string;
906
+ fontWeight: number;
907
+ lineHeight: string;
908
+ };
909
+ textarea: {
910
+ fontSize: string;
911
+ fontWeight: number;
912
+ lineHeight: string;
913
+ };
914
+ fontFamily: "Pretendard, Arial, sans-serif" | "EliceDXNeolli" | "Roboto, Arial, sans-serif";
567
915
  '@font-face': {
568
916
  fontFamily: string;
569
917
  fontStyle: string;