@liner-fe/design-token 2.0.28 → 2.0.31

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 (145) hide show
  1. package/README.md +0 -2
  2. package/lib/design/color/index.d.ts +2 -0
  3. package/lib/design/color/type.d.ts +76 -0
  4. package/lib/design/color/vars.d.ts +95 -0
  5. package/lib/design/opacity/index.d.ts +14 -0
  6. package/lib/design/radius/index.d.ts +2 -0
  7. package/lib/design/radius/type.d.ts +10 -0
  8. package/lib/design/size/index.d.ts +2 -0
  9. package/lib/design/size/type.d.ts +28 -0
  10. package/lib/design/typography/font.d.ts +36 -0
  11. package/lib/design/typography/index.d.ts +3 -0
  12. package/lib/design/typography/primitive.d.ts +37 -0
  13. package/lib/design/typography/semantic.d.ts +12 -0
  14. package/lib/design/typography/types.d.ts +8 -0
  15. package/lib/design/typography/usage/Display.d.ts +7 -0
  16. package/lib/design/typography/usage/Heading.d.ts +4 -0
  17. package/lib/design/typography/usage/index.d.ts +1 -0
  18. package/lib/design/typography/usage/types.d.ts +24 -0
  19. package/lib/global.css +372 -0
  20. package/lib/hooks/useDarkTheme.d.ts +4 -0
  21. package/lib/hooks/useLanguage.d.ts +1 -0
  22. package/lib/index.cjs +287 -1026
  23. package/lib/index.cjs.map +4 -4
  24. package/lib/index.d.ts +8 -3
  25. package/lib/index.mjs +287 -1026
  26. package/lib/index.mjs.map +4 -4
  27. package/package.json +5 -3
  28. package/src/design/color/index.ts +125 -0
  29. package/src/design/color/type.ts +103 -0
  30. package/src/design/color/vars.ts +1 -0
  31. package/src/design/opacity/index.ts +14 -0
  32. package/src/design/opacity/type.ts +14 -0
  33. package/src/design/radius/index.ts +12 -0
  34. package/src/design/radius/type.ts +11 -0
  35. package/src/design/size/index.ts +30 -0
  36. package/src/design/size/type.ts +28 -0
  37. package/src/design/typography/index.ts +3 -0
  38. package/src/design/typography/primitive.ts +39 -0
  39. package/src/design/typography/semantic.ts +33 -0
  40. package/src/design/typography/types.ts +32 -0
  41. package/src/design/typography/usage/Caption.tsx +0 -0
  42. package/src/design/typography/usage/Display.tsx +0 -0
  43. package/src/design/typography/usage/Heading.tsx +19 -0
  44. package/src/design/typography/usage/Paragraph.tsx +44 -0
  45. package/src/design/typography/usage/Title.tsx +23 -0
  46. package/src/design/typography/usage/index.ts +1 -0
  47. package/src/design/typography/usage/types.ts +29 -0
  48. package/src/global.css +170 -0
  49. package/src/hooks/useDarkTheme.ts +42 -0
  50. package/src/hooks/useLanguage.ts +1 -0
  51. package/src/index.ts +9 -3
  52. package/lib/assets/ic-bold-16-android.d.ts +0 -6
  53. package/lib/assets/ic-bold-16-apple.d.ts +0 -6
  54. package/lib/assets/ic-bold-16-chrome.d.ts +0 -6
  55. package/lib/assets/ic-bold-16-quote-up.d.ts +0 -6
  56. package/lib/assets/ic-bold-24-caution.d.ts +0 -6
  57. package/lib/assets/ic-bold-24-check.d.ts +0 -6
  58. package/lib/assets/ic-bold-24-file.d.ts +0 -6
  59. package/lib/assets/ic-bold-24-globe.d.ts +0 -6
  60. package/lib/assets/ic-bold-24-image.d.ts +0 -6
  61. package/lib/assets/ic-bold-24-info.d.ts +0 -6
  62. package/lib/assets/ic-color-24-academic.d.ts +0 -2
  63. package/lib/assets/ic-color-24-excel.d.ts +0 -2
  64. package/lib/assets/ic-color-24-html.d.ts +0 -2
  65. package/lib/assets/ic-color-24-image.d.ts +0 -2
  66. package/lib/assets/ic-color-24-math.d.ts +0 -2
  67. package/lib/assets/ic-color-24-news.d.ts +0 -2
  68. package/lib/assets/ic-color-24-pdf.d.ts +0 -2
  69. package/lib/assets/ic-color-24-ppt.d.ts +0 -2
  70. package/lib/assets/ic-color-24-text.d.ts +0 -2
  71. package/lib/assets/ic-color-24-typing.d.ts +0 -2
  72. package/lib/assets/ic-color-24-upload.d.ts +0 -2
  73. package/lib/assets/ic-color-24-word.d.ts +0 -2
  74. package/lib/assets/ic-color-24-workspace.d.ts +0 -2
  75. package/lib/assets/ic-color-24-writer.d.ts +0 -2
  76. package/lib/assets/ic-color-24-youtube.d.ts +0 -2
  77. package/lib/assets/ic-line-16-arrow-down.d.ts +0 -6
  78. package/lib/assets/ic-line-16-arrow-up.d.ts +0 -6
  79. package/lib/assets/ic-line-16-check.d.ts +0 -6
  80. package/lib/assets/ic-line-16-copy.d.ts +0 -6
  81. package/lib/assets/ic-line-16-mobile.d.ts +0 -6
  82. package/lib/assets/ic-line-16-search.d.ts +0 -6
  83. package/lib/assets/ic-line-16-source.d.ts +0 -6
  84. package/lib/assets/ic-line-24-add.d.ts +0 -6
  85. package/lib/assets/ic-line-24-arrow-left.d.ts +0 -6
  86. package/lib/assets/ic-line-24-close.d.ts +0 -6
  87. package/lib/assets/ic-line-24-copy.d.ts +0 -6
  88. package/lib/assets/ic-line-24-globe.d.ts +0 -6
  89. package/lib/assets/ic-line-24-menu.d.ts +0 -6
  90. package/lib/assets/ic-line-24-message-edit.d.ts +0 -6
  91. package/lib/assets/ic-line-24-select-text.d.ts +0 -6
  92. package/lib/assets/ic-line-24-source-rebuilding.d.ts +0 -6
  93. package/lib/assets/ic-tone-36-3thread.d.ts +0 -6
  94. package/lib/assets/ic-tone-36-invite.d.ts +0 -6
  95. package/lib/assets/index.d.ts +0 -43
  96. package/lib/color.d.ts +0 -21
  97. package/lib/typography.d.ts +0 -26
  98. package/src/assets/ic-bold-16-android.tsx +0 -21
  99. package/src/assets/ic-bold-16-apple.tsx +0 -22
  100. package/src/assets/ic-bold-16-chrome.tsx +0 -26
  101. package/src/assets/ic-bold-16-quote-up.tsx +0 -18
  102. package/src/assets/ic-bold-24-caution.tsx +0 -14
  103. package/src/assets/ic-bold-24-chat.tsx +0 -18
  104. package/src/assets/ic-bold-24-check.tsx +0 -14
  105. package/src/assets/ic-bold-24-file.tsx +0 -18
  106. package/src/assets/ic-bold-24-globe.tsx +0 -46
  107. package/src/assets/ic-bold-24-image.tsx +0 -22
  108. package/src/assets/ic-bold-24-info.tsx +0 -14
  109. package/src/assets/ic-color-24-academic.tsx +0 -23
  110. package/src/assets/ic-color-24-excel.tsx +0 -11
  111. package/src/assets/ic-color-24-html.tsx +0 -25
  112. package/src/assets/ic-color-24-image.tsx +0 -19
  113. package/src/assets/ic-color-24-math.tsx +0 -39
  114. package/src/assets/ic-color-24-news.tsx +0 -23
  115. package/src/assets/ic-color-24-pdf.tsx +0 -16
  116. package/src/assets/ic-color-24-ppt.tsx +0 -11
  117. package/src/assets/ic-color-24-text.tsx +0 -25
  118. package/src/assets/ic-color-24-typing.tsx +0 -19
  119. package/src/assets/ic-color-24-upload.tsx +0 -39
  120. package/src/assets/ic-color-24-word.tsx +0 -13
  121. package/src/assets/ic-color-24-workspace.tsx +0 -21
  122. package/src/assets/ic-color-24-writer.tsx +0 -19
  123. package/src/assets/ic-color-24-youtube.tsx +0 -26
  124. package/src/assets/ic-line-16-arrow-down.tsx +0 -18
  125. package/src/assets/ic-line-16-arrow-up.tsx +0 -18
  126. package/src/assets/ic-line-16-check.tsx +0 -14
  127. package/src/assets/ic-line-16-copy.tsx +0 -24
  128. package/src/assets/ic-line-16-mobile.tsx +0 -25
  129. package/src/assets/ic-line-16-search.tsx +0 -24
  130. package/src/assets/ic-line-16-source.tsx +0 -25
  131. package/src/assets/ic-line-24-add.tsx +0 -12
  132. package/src/assets/ic-line-24-arrow-left.tsx +0 -16
  133. package/src/assets/ic-line-24-close.tsx +0 -16
  134. package/src/assets/ic-line-24-copy.tsx +0 -24
  135. package/src/assets/ic-line-24-globe.tsx +0 -16
  136. package/src/assets/ic-line-24-menu.tsx +0 -28
  137. package/src/assets/ic-line-24-message-edit.tsx +0 -33
  138. package/src/assets/ic-line-24-select-text.tsx +0 -25
  139. package/src/assets/ic-line-24-source-rebuilding.tsx +0 -54
  140. package/src/assets/ic-tone-36-3thread.tsx +0 -18
  141. package/src/assets/ic-tone-36-invite.tsx +0 -26
  142. package/src/assets/index.ts +0 -43
  143. package/src/color.ts +0 -21
  144. package/src/typography.ts +0 -50
  145. /package/src/{custom.d.ts → @types/custom.d.ts} +0 -0
package/lib/global.css ADDED
@@ -0,0 +1,372 @@
1
+ :root {
2
+ --lp-pri-achromatic-white: #ffffff;
3
+ --lp-pri-achromatic-black: #000000;
4
+ --lp-pri-gray-cool-950: #f7f8ff;
5
+ --lp-pri-gray-cool-900: #eef0f7;
6
+ --lp-pri-gray-cool-800: #dfe3f3;
7
+ --lp-pri-gray-cool-700: #c7cfe9;
8
+ --lp-pri-gray-cool-600: #97a5d6;
9
+ --lp-pri-gray-cool-500: #7487c4;
10
+ --lp-pri-gray-cool-400: #5b6ba4;
11
+ --lp-pri-gray-cool-300: #4a5889;
12
+ --lp-pri-gray-cool-200: #39426a;
13
+ --lp-pri-gray-cool-100: #282c3e;
14
+ --lp-pri-gray-cool-50: #1f2131;
15
+ --lp-pri-brand-original-950: #f5f6ff;
16
+ --lp-pri-brand-original-900: #e9ebff;
17
+ --lp-pri-brand-original-800: #d4d7ff;
18
+ --lp-pri-brand-original-700: #adb3ff;
19
+ --lp-pri-brand-original-600: #8690ff;
20
+ --lp-pri-brand-original-500: #5f6cff;
21
+ --lp-pri-brand-original-400: #3b49e3;
22
+ --lp-pri-brand-original-300: #303cb5;
23
+ --lp-pri-brand-original-200: #242f86;
24
+ --lp-pri-brand-original-100: #1b2366;
25
+ --lp-pri-brand-original-50: #151a4d;
26
+ --lp-pri-brand-variation-950: #f6f4fe;
27
+ --lp-pri-brand-variation-900: #ede9fe;
28
+ --lp-pri-brand-variation-800: #dbd3fe;
29
+ --lp-pri-brand-variation-700: #b8a7fe;
30
+ --lp-pri-brand-variation-600: #947bfe;
31
+ --lp-pri-brand-variation-500: #704ffd;
32
+ --lp-pri-brand-variation-400: #593aff;
33
+ --lp-pri-brand-variation-300: #422bce;
34
+ --lp-pri-brand-variation-200: #321f9b;
35
+ --lp-pri-brand-variation-100: #24156e;
36
+ --lp-pri-brand-variation-50: #1a1052;
37
+ --lp-pri-red-900: #ffe9eb;
38
+ --lp-pri-red-800: #ffcdd1;
39
+ --lp-pri-red-700: #ff9aa2;
40
+ --lp-pri-red-600: #ff6773;
41
+ --lp-pri-red-500: #ff3445;
42
+ --lp-pri-red-400: #fa1d2f;
43
+ --lp-pri-red-300: #c2172c;
44
+ --lp-pri-red-200: #910b1d;
45
+ --lp-pri-red-100: #68081a;
46
+ --lp-pri-red-50: #4a0616;
47
+ --lp-pri-orange-900: #ffeee6;
48
+ --lp-pri-orange-800: #ffd2b8;
49
+ --lp-pri-orange-700: #ffa970;
50
+ --lp-pri-orange-600: #ff8842;
51
+ --lp-pri-orange-500: #ff6215;
52
+ --lp-pri-orange-400: #f84b10;
53
+ --lp-pri-orange-300: #bd3512;
54
+ --lp-pri-orange-200: #8a220d;
55
+ --lp-pri-orange-100: #61170e;
56
+ --lp-pri-orange-50: #45110e;
57
+ --lp-pri-green-900: #e2f6e5;
58
+ --lp-pri-green-800: #bdeac4;
59
+ --lp-pri-green-700: #83d88e;
60
+ --lp-pri-green-600: #51c760;
61
+ --lp-pri-green-500: #26af3e;
62
+ --lp-pri-green-400: #1b9632;
63
+ --lp-pri-green-300: #137728;
64
+ --lp-pri-green-200: #0c5b1f;
65
+ --lp-pri-green-100: #074218;
66
+ --lp-pri-green-50: #053014;
67
+
68
+ --lp-pri-8: 8;
69
+ --lp-pri-11: 11;
70
+ --lp-pri-12: 12;
71
+ --lp-pri-13: 13;
72
+ --lp-pri-14: 14;
73
+ --lp-pri-15: 15;
74
+ --lp-pri-16: 16;
75
+ --lp-pri-17: 17;
76
+ --lp-pri-20: 20;
77
+ --lp-pri-24: 24;
78
+ --lp-pri-28: 28;
79
+ --lp-pri-32: 32;
80
+ --lp-pri-40: 40;
81
+ --lp-pri-64: 64;
82
+ --lp-pri-72: 72;
83
+
84
+ --lp-pri-120: 120%;
85
+ --lp-pri-130: 130%;
86
+ --lp-pri-150: 150%;
87
+ --lp-pri-180: 180%;
88
+ --lp-pri-300: 300;
89
+ --lp-pri-350: 350;
90
+ --lp-pri-400: 400;
91
+ --lp-pri-420: 420;
92
+ --lp-pri-450: 450;
93
+ --lp-pri-500: 500;
94
+ --lp-pri-600: 600;
95
+ --lp-pri-650: 650;
96
+ --lp-pri-700: 700;
97
+ --lp-pri-800: 800;
98
+
99
+ .lp-sys-typo-accent-display-black-72 {
100
+ font-family: lp-pri-font-family-pretendard-jp;
101
+ font-size: var(--lp-pri-72);
102
+ font-weight: var(--lp-pri-800);
103
+ line-height: var(--lp-pri-120);
104
+ }
105
+ .lp-sys-typo-accent-display-black-64 {
106
+ font-family: lp-pri-font-family-pretendard-jp;
107
+ font-size: var(--lp-pri-64);
108
+ font-weight: var(--lp-pri-800);
109
+ line-height: var(--lp-pri-120);
110
+ }
111
+ .lp-sys-typo-accent-display-black-40 {
112
+ font-family: lp-pri-font-family-pretendard-jp;
113
+ font-size: var(--lp-pri-40);
114
+ font-weight: var(--lp-pri-800);
115
+ line-height: var(--lp-pri-120);
116
+ }
117
+ .lp-sys-typo-accent-heading-bold-32 {
118
+ font-family: lp-pri-font-family-pretendard-jp;
119
+ font-size: var(--lp-pri-32);
120
+ font-weight: var(--lp-pri-700);
121
+ line-height: var(--lp-pri-120);
122
+ }
123
+ .lp-sys-typo-accent-heading-bold-28 {
124
+ font-family: lp-pri-font-family-pretendard-jp;
125
+ font-size: var(--lp-pri-28);
126
+ font-weight: var(--lp-pri-700);
127
+ line-height: var(--lp-pri-120);
128
+ }
129
+ .lp-sys-typo-accent-heading-bold-24 {
130
+ font-family: lp-pri-font-family-pretendard-jp;
131
+ font-size: var(--lp-pri-24);
132
+ font-weight: var(--lp-pri-700);
133
+ line-height: var(--lp-pri-120);
134
+ }
135
+ .lp-sys-typo-accent-heading-bold-20 {
136
+ font-family: lp-pri-font-family-pretendard-jp;
137
+ font-size: var(--lp-pri-20);
138
+ font-weight: var(--lp-pri-700);
139
+ line-height: var(--lp-pri-120);
140
+ }
141
+ .lp-sys-typo-accent-heading-medium-32 {
142
+ font-family: lp-pri-font-family-pretendard-jp;
143
+ font-size: var(--lp-pri-32);
144
+ font-weight: var(--lp-pri-500);
145
+ line-height: var(--lp-pri-120);
146
+ }
147
+ .lp-sys-typo-accent-heading-medium-28 {
148
+ font-family: lp-pri-font-family-pretendard-jp;
149
+ font-size: var(--lp-pri-28);
150
+ font-weight: var(--lp-pri-500);
151
+ line-height: var(--lp-pri-120);
152
+ }
153
+ .lp-sys-typo-accent-heading-medium-24 {
154
+ font-family: lp-pri-font-family-pretendard-jp;
155
+ font-size: var(--lp-pri-24);
156
+ font-weight: var(--lp-pri-500);
157
+ line-height: var(--lp-pri-120);
158
+ }
159
+ .lp-sys-typo-accent-heading-medium-20 {
160
+ font-family: lp-pri-font-family-pretendard-jp;
161
+ font-size: var(--lp-pri-20);
162
+ font-weight: var(--lp-pri-500);
163
+ line-height: var(--lp-pri-120);
164
+ }
165
+ .lp-sys-typo-normal-display-black-72 {
166
+ font-family: lp-pri-font-family-pretendard-jp;
167
+ font-size: var(--lp-pri-72);
168
+ font-weight: var(--lp-pri-800);
169
+ line-height: var(--lp-pri-120);
170
+ }
171
+ .lp-sys-typo-normal-display-black-64 {
172
+ font-family: lp-pri-font-family-pretendard-jp;
173
+ font-size: var(--lp-pri-64);
174
+ font-weight: var(--lp-pri-800);
175
+ line-height: var(--lp-pri-120);
176
+ }
177
+ .lp-sys-typo-normal-display-black-40 {
178
+ font-family: lp-pri-font-family-pretendard-jp;
179
+ font-size: var(--lp-pri-40);
180
+ font-weight: var(--lp-pri-800);
181
+ line-height: var(--lp-pri-120);
182
+ }
183
+ .lp-sys-typo-normal-heading-bold-32 {
184
+ font-family: lp-pri-font-family-pretendard-jp;
185
+ font-size: var(--lp-pri-32);
186
+ font-weight: var(--lp-pri-700);
187
+ line-height: var(--lp-pri-120);
188
+ }
189
+ .lp-sys-typo-normal-heading-bold-28 {
190
+ font-family: lp-pri-font-family-pretendard-jp;
191
+ font-size: var(--lp-pri-28);
192
+ font-weight: var(--lp-pri-700);
193
+ line-height: var(--lp-pri-120);
194
+ }
195
+ .lp-sys-typo-normal-heading-bold-24 {
196
+ font-family: lp-pri-font-family-pretendard-jp;
197
+ font-size: var(--lp-pri-24);
198
+ font-weight: var(--lp-pri-700);
199
+ line-height: var(--lp-pri-120);
200
+ }
201
+ .lp-sys-typo-normal-heading-bold-20 {
202
+ font-family: lp-pri-font-family-pretendard-jp;
203
+ font-size: var(--lp-pri-20);
204
+ font-weight: var(--lp-pri-700);
205
+ line-height: var(--lp-pri-120);
206
+ }
207
+ .lp-sys-typo-normal-heading-medium-32 {
208
+ font-family: lp-pri-font-family-pretendard-jp;
209
+ font-size: var(--lp-pri-32);
210
+ font-weight: var(--lp-pri-500);
211
+ line-height: var(--lp-pri-120);
212
+ }
213
+ .lp-sys-typo-normal-heading-medium-28 {
214
+ font-family: lp-pri-font-family-pretendard-jp;
215
+ font-size: var(--lp-pri-28);
216
+ font-weight: var(--lp-pri-500);
217
+ line-height: var(--lp-pri-120);
218
+ }
219
+ .lp-sys-typo-normal-heading-medium-24 {
220
+ font-family: lp-pri-font-family-pretendard-jp;
221
+ font-size: var(--lp-pri-24);
222
+ font-weight: var(--lp-pri-500);
223
+ line-height: var(--lp-pri-120);
224
+ }
225
+ .lp-sys-typo-normal-heading-medium-20 {
226
+ font-family: lp-pri-font-family-pretendard-jp;
227
+ font-size: var(--lp-pri-20);
228
+ font-weight: var(--lp-pri-500);
229
+ line-height: var(--lp-pri-120);
230
+ }
231
+ .lp-sys-typo-answer-heading-bold-32 {
232
+ font-family: lp-pri-font-family-pretendard-jp;
233
+ font-size: var(--lp-pri-32);
234
+ font-weight: var(--lp-pri-700);
235
+ line-height: var(--lp-pri-120);
236
+ }
237
+ .lp-sys-typo-answer-heading-bold-28 {
238
+ font-family: lp-pri-font-family-pretendard-jp;
239
+ font-size: var(--lp-pri-28);
240
+ font-weight: var(--lp-pri-700);
241
+ line-height: var(--lp-pri-120);
242
+ }
243
+ .lp-sys-typo-answer-heading-bold-24 {
244
+ font-family: lp-pri-font-family-pretendard-jp;
245
+ font-size: var(--lp-pri-24);
246
+ font-weight: var(--lp-pri-700);
247
+ line-height: var(--lp-pri-120);
248
+ }
249
+ .lp-sys-typo-answer-heading-bold-20 {
250
+ font-family: lp-pri-font-family-pretendard-jp;
251
+ font-size: var(--lp-pri-20);
252
+ font-weight: var(--lp-pri-700);
253
+ line-height: var(--lp-pri-120);
254
+ }
255
+ .lp-sys-typo-answer-heading-medium-32 {
256
+ font-family: lp-pri-font-family-pretendard-jp;
257
+ font-size: var(--lp-pri-32);
258
+ font-weight: var(--lp-pri-500);
259
+ line-height: var(--lp-pri-120);
260
+ }
261
+ .lp-sys-typo-answer-heading-medium-28 {
262
+ font-family: lp-pri-font-family-pretendard-jp;
263
+ font-size: var(--lp-pri-28);
264
+ font-weight: var(--lp-pri-500);
265
+ line-height: var(--lp-pri-120);
266
+ }
267
+ .lp-sys-typo-answer-heading-medium-24 {
268
+ font-family: lp-pri-font-family-pretendard-jp;
269
+ font-size: var(--lp-pri-24);
270
+ font-weight: var(--lp-pri-500);
271
+ line-height: var(--lp-pri-120);
272
+ }
273
+ .lp-sys-typo-answer-heading-medium-20 {
274
+ font-family: lp-pri-font-family-pretendard-jp;
275
+ font-size: var(--lp-pri-20);
276
+ font-weight: var(--lp-pri-500);
277
+ line-height: var(--lp-pri-120);
278
+ }
279
+ .lp-sys-typo-normal-body-regular-16 {
280
+ font-family: lp-pri-font-family-pretendard-jp;
281
+ font-size: var(--lp-pri-16);
282
+ font-weight: var(--lp-pri-400);
283
+ line-height: var(--lp-pri-130);
284
+ }
285
+ .lp-sys-typo-normal-body-regular-14 {
286
+ font-family: lp-pri-font-family-pretendard-jp;
287
+ font-size: var(--lp-pri-14);
288
+ font-weight: var(--lp-pri-400);
289
+ line-height: var(--lp-pri-130);
290
+ }
291
+ .lp-sys-typo-normal-caption-regular-12 {
292
+ font-family: lp-pri-font-family-pretendard-jp;
293
+ font-size: var(--lp-pri-12);
294
+ font-weight: var(--lp-pri-400);
295
+ line-height: var(--lp-pri-130);
296
+ }
297
+ .lp-sys-typo-normal-caption-regular-11 {
298
+ font-family: lp-pri-font-family-pretendard-jp;
299
+ font-size: var(--lp-pri-11);
300
+ font-weight: var(--lp-pri-400);
301
+ line-height: var(--lp-pri-130);
302
+ }
303
+ .lp-sys-typo-answer-body-bold-17 {
304
+ font-family: lp-pri-font-family-variables-pretendard;
305
+ font-size: var(--lp-pri-17);
306
+ font-weight: var(--lp-pri-600);
307
+ line-height: var(--lp-pri-180);
308
+ }
309
+ .lp-sys-typo-answer-body-regular-17 {
310
+ font-family: lp-pri-font-family-variables-pretendard;
311
+ font-size: var(--lp-pri-17);
312
+ font-weight: var(--lp-pri-350);
313
+ line-height: var(--lp-pri-180);
314
+ }
315
+ }
316
+
317
+ :root[color-theme='dark'] {
318
+ --lp-inverse-neutral-primary: var(--lp-pri-achromatic-white);
319
+ --lp-neutral-primary: var(--lp-pri-gray-cool-950);
320
+ --lp-neutral-secondary: var(--lp-pri-gray-cool-900);
321
+ --lp-neutral-tertiary: var(--lp-pri-gray-cool-800);
322
+ --lp-neutral-container-primary: var(--lp-pri-gray-cool-700);
323
+ --lp-neutral-container-secondary: var(--lp-pri-gray-cool-600);
324
+ --lp-neutral-container-tertiary: var(--lp-pri-gray-cool-500);
325
+ --lp-neutral-border-primary: var(--lp-pri-gray-cool-400);
326
+ --lp-neutral-border-secondary: var(--lp-pri-gray-cool-300);
327
+ --lp-neutral-border-tertiary: var(--lp-pri-gray-cool-200);
328
+ --lp-neutral-placeholder: var(--lp-pri-gray-cool-100);
329
+ --lp-accent-primary: var(--lp-pri-brand-original-600);
330
+ --lp-accent-container-primary: var(--lp-pri-brand-original-500);
331
+ --lp-positive-primary: var(--lp-pri-green-600);
332
+ --lp-positive-container-primary: var(--lp-pri-green-500);
333
+ --lp-caution-primary: var(--lp-pri-orange-600);
334
+ --lp-caution-container-primary: var(--lp-pri-orange-500);
335
+ --lp-negative-primary: var(--lp-pri-red-600);
336
+ --lp-negative-container-primary: var(--lp-pri-red-500);
337
+ --lp-link-primary: var(--lp-pri-brand-original-700);
338
+ --lp-dim: var(--lp-pri-gray-cool-100);
339
+ --lp-status-neutral-primary: var(--lp-pri-gray-cool-950);
340
+ --lp-status-accent-primary: var(--lp-pri-brand-original-500);
341
+ --lp-status-disabled-primary: var(--lp-pri-gray-cool-300);
342
+ }
343
+
344
+ :root[color-theme='light'] {
345
+ --lp-inverse-neutral-primary: var(--lp-pri-achromatic-white);
346
+ --lp-neutral-primary: var(--lp-pri-gray-cool-950);
347
+ --lp-neutral-secondary: var(--lp-pri-gray-cool-900);
348
+ --lp-neutral-tertiary: var(--lp-pri-gray-cool-800);
349
+ --lp-neutral-container-primary: var(--lp-pri-gray-cool-700);
350
+ --lp-neutral-container-secondary: var(--lp-pri-gray-cool-600);
351
+ --lp-neutral-container-tertiary: var(--lp-pri-gray-cool-500);
352
+ --lp-neutral-border-primary: var(--lp-pri-gray-cool-400);
353
+ --lp-neutral-border-secondary: var(--lp-pri-gray-cool-300);
354
+ --lp-neutral-border-tertiary: var(--lp-pri-gray-cool-200);
355
+ --lp-neutral-placeholder: var(--lp-pri-gray-cool-100);
356
+ --lp-accent-primary: var(--lp-pri-brand-original-600);
357
+ --lp-accent-container-primary: var(--lp-pri-brand-original-500);
358
+ --lp-positive-primary: var(--lp-pri-green-600);
359
+ --lp-positive-container-primary: var(--lp-pri-green-500);
360
+ --lp-caution-primary: var(--lp-pri-orange-600);
361
+ --lp-caution-container-primary: var(--lp-pri-orange-500);
362
+ --lp-negative-primary: var(--lp-pri-red-600);
363
+ --lp-negative-container-primary: var(--lp-pri-red-500);
364
+ --lp-link-primary: var(--lp-pri-brand-original-700);
365
+ --lp-dim: var(--lp-pri-gray-cool-100);
366
+ --lp-status-neutral-primary: var(--lp-pri-gray-cool-950);
367
+ --lp-status-accent-primary: var(--lp-pri-brand-original-500);
368
+ --lp-status-disabled-primary: var(--lp-pri-gray-cool-300);
369
+ }
370
+
371
+ :root[language='en'] {
372
+ }
package/lib/hooks/useDarkTheme.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export declare const useDarkTheme: () => {
2
+ setDarkTheme: () => void;
3
+ toggleTheme: () => void;
4
+ };
package/lib/hooks/useLanguage.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const useLanguage: () => void;