bianic-ui 0.5.8 → 0.5.9

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 (4) hide show
  1. package/package.json +4 -6
  2. package/src/style/color.css +0 -333
  3. package/src/style/scrollbar.css +0 -42
  4. package/tailwind.config.js +0 -521
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
5
5
  },
6
- "version": "0.5.8",
6
+ "version": "0.5.9",
7
7
  "description": "Design Language System develop by BIAENERGI",
8
8
  "scripts": {
9
9
  "rollup": "rollup -c",
@@ -79,13 +79,11 @@
79
79
  "module": "dist/esm/index.js",
80
80
  "files": [
81
81
  "dist",
82
- "dist/*.css",
83
- "tailwind.config.js",
84
- "src/style/*.css"
82
+ "dist/*.css"
85
83
  ],
86
84
  "peerDependencies": {
87
- "react": "^18.2.0",
88
- "react-dom": "^18.2.0",
85
+ "react": "^18.0.0 || ^19.0.0-beta",
86
+ "react-dom": "^18.0.0 || ^19.0.0-beta",
89
87
  "react-icons": "^5.2.1"
90
88
  },
91
89
  "types": "dist/index.d.ts"
package/src/style/color.css DELETED
@@ -1,333 +0,0 @@
1
- :root {
2
- --primary-black: #2f2f2f;
3
- --primary-coolgrey: #8b8ba6;
4
- --primary-grey: #dadeeb;
5
- --primary-white: #ffffff;
6
- --dark: #000000;
7
- --transparent: transparent;
8
-
9
- /* black */
10
- --black-transparent-10: color-mix(in srgb, var(--primary-black), var(--transparent) 10%);
11
- --black-transparent-20: color-mix(in srgb, var(--primary-black), var(--transparent) 20%);
12
- --black-transparent-30: color-mix(in srgb, var(--primary-black), var(--transparent) 30%);
13
- --black-transparent-40: color-mix(in srgb, var(--primary-black), var(--transparent) 40%);
14
- --black-transparent-50: color-mix(in srgb, var(--primary-black), var(--transparent) 50%);
15
- --black-transparent-60: color-mix(in srgb, var(--primary-black), var(--transparent) 60%);
16
- --black-transparent-70: color-mix(in srgb, var(--primary-black), var(--transparent) 70%);
17
- --black-transparent-75: color-mix(in srgb, var(--primary-black), var(--transparent) 75%);
18
- --black-transparent-80: color-mix(in srgb, var(--primary-black), var(--transparent) 80%);
19
- --black-transparent-90: color-mix(in srgb, var(--primary-black), var(--transparent) 90%);
20
-
21
- /* red */
22
- --secondary-red: #DB2828;
23
-
24
- --red-light-10: color-mix(in srgb, var(--secondary-red), var(--primary-white) 10%);
25
- --red-light-20: color-mix(in srgb, var(--secondary-red), var(--primary-white) 20%);
26
- --red-light-30: color-mix(in srgb, var(--secondary-red), var(--primary-white) 30%);
27
- --red-light-40: color-mix(in srgb, var(--secondary-red), var(--primary-white) 40%);
28
- --red-light-50: color-mix(in srgb, var(--secondary-red), var(--primary-white) 50%);
29
- --red-light-60: color-mix(in srgb, var(--secondary-red), var(--primary-white) 60%);
30
- --red-light-70: color-mix(in srgb, var(--secondary-red), var(--primary-white) 70%);
31
- --red-light-80: color-mix(in srgb, var(--secondary-red), var(--primary-white) 80%);
32
- --red-light-90: color-mix(in srgb, var(--secondary-red), var(--primary-white) 90%);
33
-
34
- --red-dark-10: color-mix(in srgb, var(--secondary-red), var(--dark) 10%);
35
- --red-dark-20: color-mix(in srgb, var(--secondary-red), var(--dark) 20%);
36
- --red-dark-30: color-mix(in srgb, var(--secondary-red), var(--dark) 30%);
37
- --red-dark-40: color-mix(in srgb, var(--secondary-red), var(--dark) 40%);
38
- --red-dark-50: color-mix(in srgb, var(--secondary-red), var(--dark) 50%);
39
- --red-dark-60: color-mix(in srgb, var(--secondary-red), var(--dark) 60%);
40
- --red-dark-70: color-mix(in srgb, var(--secondary-red), var(--dark) 70%);
41
- --red-dark-80: color-mix(in srgb, var(--secondary-red), var(--dark) 80%);
42
- --red-dark-90: color-mix(in srgb, var(--secondary-red), var(--dark) 90%);
43
-
44
-
45
- /* yellow */
46
- --secondary-yellow: #F6B100;
47
-
48
- --yellow-light-10: color-mix(in srgb, var(--secondary-yellow), var(--primary-white) 10%);
49
- --yellow-light-20: color-mix(in srgb, var(--secondary-yellow), var(--primary-white) 20%);
50
- --yellow-light-30: color-mix(in srgb, var(--secondary-yellow), var(--primary-white) 30%);
51
- --yellow-light-40: color-mix(in srgb, var(--secondary-yellow), var(--primary-white) 40%);
52
- --yellow-light-50: color-mix(in srgb, var(--secondary-yellow), var(--primary-white) 50%);
53
- --yellow-light-60: color-mix(in srgb, var(--secondary-yellow), var(--primary-white) 60%);
54
- --yellow-light-70: color-mix(in srgb, var(--secondary-yellow), var(--primary-white) 70%);
55
- --yellow-light-80: color-mix(in srgb, var(--secondary-yellow), var(--primary-white) 80%);
56
- --yellow-light-90: color-mix(in srgb, var(--secondary-yellow), var(--primary-white) 90%);
57
-
58
- --yellow-dark-10: color-mix(in srgb, var(--secondary-yellow), var(--dark) 10%);
59
- --yellow-dark-20: color-mix(in srgb, var(--secondary-yellow), var(--dark) 20%);
60
- --yellow-dark-30: color-mix(in srgb, var(--secondary-yellow), var(--dark) 30%);
61
- --yellow-dark-40: color-mix(in srgb, var(--secondary-yellow), var(--dark) 40%);
62
- --yellow-dark-50: color-mix(in srgb, var(--secondary-yellow), var(--dark) 50%);
63
- --yellow-dark-60: color-mix(in srgb, var(--secondary-yellow), var(--dark) 60%);
64
- --yellow-dark-70: color-mix(in srgb, var(--secondary-yellow), var(--dark) 70%);
65
- --yellow-dark-80: color-mix(in srgb, var(--secondary-yellow), var(--dark) 80%);
66
- --yellow-dark-90: color-mix(in srgb, var(--secondary-yellow), var(--dark) 90%);
67
-
68
-
69
- /* green */
70
- --secondary-green: #21BA4C;
71
-
72
- --green-light-10: color-mix(in srgb, var(--secondary-green), var(--primary-white) 10%);
73
- --green-light-20: color-mix(in srgb, var(--secondary-green), var(--primary-white) 20%);
74
- --green-light-30: color-mix(in srgb, var(--secondary-green), var(--primary-white) 30%);
75
- --green-light-40: color-mix(in srgb, var(--secondary-green), var(--primary-white) 40%);
76
- --green-light-50: color-mix(in srgb, var(--secondary-green), var(--primary-white) 50%);
77
- --green-light-60: color-mix(in srgb, var(--secondary-green), var(--primary-white) 60%);
78
- --green-light-70: color-mix(in srgb, var(--secondary-green), var(--primary-white) 70%);
79
- --green-light-80: color-mix(in srgb, var(--secondary-green), var(--primary-white) 80%);
80
- --green-light-90: color-mix(in srgb, var(--secondary-green), var(--primary-white) 90%);
81
-
82
- --green-dark-10: color-mix(in srgb, var(--secondary-green), var(--dark) 10%);
83
- --green-dark-20: color-mix(in srgb, var(--secondary-green), var(--dark) 20%);
84
- --green-dark-30: color-mix(in srgb, var(--secondary-green), var(--dark) 30%);
85
- --green-dark-40: color-mix(in srgb, var(--secondary-green), var(--dark) 40%);
86
- --green-dark-50: color-mix(in srgb, var(--secondary-green), var(--dark) 50%);
87
- --green-dark-60: color-mix(in srgb, var(--secondary-green), var(--dark) 60%);
88
- --green-dark-70: color-mix(in srgb, var(--secondary-green), var(--dark) 70%);
89
- --green-dark-80: color-mix(in srgb, var(--secondary-green), var(--dark) 80%);
90
- --green-dark-90: color-mix(in srgb, var(--secondary-green), var(--dark) 90%);
91
-
92
-
93
- /* teal */
94
- --secondary-teal: #00b5ad;
95
-
96
- --teal-light-10: color-mix(in srgb, var(--secondary-teal), var(--primary-white) 10%);
97
- --teal-light-20: color-mix(in srgb, var(--secondary-teal), var(--primary-white) 20%);
98
- --teal-light-30: color-mix(in srgb, var(--secondary-teal), var(--primary-white) 30%);
99
- --teal-light-40: color-mix(in srgb, var(--secondary-teal), var(--primary-white) 40%);
100
- --teal-light-50: color-mix(in srgb, var(--secondary-teal), var(--primary-white) 50%);
101
- --teal-light-60: color-mix(in srgb, var(--secondary-teal), var(--primary-white) 60%);
102
- --teal-light-70: color-mix(in srgb, var(--secondary-teal), var(--primary-white) 70%);
103
- --teal-light-80: color-mix(in srgb, var(--secondary-teal), var(--primary-white) 80%);
104
- --teal-light-90: color-mix(in srgb, var(--secondary-teal), var(--primary-white) 90%);
105
-
106
- --teal-dark-10: color-mix(in srgb, var(--secondary-teal), var(--dark) 10%);
107
- --teal-dark-20: color-mix(in srgb, var(--secondary-teal), var(--dark) 20%);
108
- --teal-dark-30: color-mix(in srgb, var(--secondary-teal), var(--dark) 30%);
109
- --teal-dark-40: color-mix(in srgb, var(--secondary-teal), var(--dark) 40%);
110
- --teal-dark-50: color-mix(in srgb, var(--secondary-teal), var(--dark) 50%);
111
- --teal-dark-60: color-mix(in srgb, var(--secondary-teal), var(--dark) 60%);
112
- --teal-dark-70: color-mix(in srgb, var(--secondary-teal), var(--dark) 70%);
113
- --teal-dark-80: color-mix(in srgb, var(--secondary-teal), var(--dark) 80%);
114
- --teal-dark-90: color-mix(in srgb, var(--secondary-teal), var(--dark) 90%);
115
-
116
-
117
- /* blue */
118
- --secondary-blue: #5E5EEA;
119
-
120
- --blue-light-10: color-mix(in srgb, var(--secondary-blue), var(--primary-white) 10%);
121
- --blue-light-20: color-mix(in srgb, var(--secondary-blue), var(--primary-white) 20%);
122
- --blue-light-30: color-mix(in srgb, var(--secondary-blue), var(--primary-white) 30%);
123
- --blue-light-40: color-mix(in srgb, var(--secondary-blue), var(--primary-white) 40%);
124
- --blue-light-50: color-mix(in srgb, var(--secondary-blue), var(--primary-white) 50%);
125
- --blue-light-60: color-mix(in srgb, var(--secondary-blue), var(--primary-white) 60%);
126
- --blue-light-70: color-mix(in srgb, var(--secondary-blue), var(--primary-white) 70%);
127
- --blue-light-80: color-mix(in srgb, var(--secondary-blue), var(--primary-white) 80%);
128
- --blue-light-90: color-mix(in srgb, var(--secondary-blue), var(--primary-white) 90%);
129
-
130
- --blue-dark-10: color-mix(in srgb, var(--secondary-blue), var(--dark) 10%);
131
- --blue-dark-20: color-mix(in srgb, var(--secondary-blue), var(--dark) 20%);
132
- --blue-dark-30: color-mix(in srgb, var(--secondary-blue), var(--dark) 30%);
133
- --blue-dark-40: color-mix(in srgb, var(--secondary-blue), var(--dark) 40%);
134
- --blue-dark-50: color-mix(in srgb, var(--secondary-blue), var(--dark) 50%);
135
- --blue-dark-60: color-mix(in srgb, var(--secondary-blue), var(--dark) 60%);
136
- --blue-dark-70: color-mix(in srgb, var(--secondary-blue), var(--dark) 70%);
137
- --blue-dark-80: color-mix(in srgb, var(--secondary-blue), var(--dark) 80%);
138
- --blue-dark-90: color-mix(in srgb, var(--secondary-blue), var(--dark) 90%);
139
-
140
-
141
- /* pink */
142
- --secondary-pink: #FF47CB;
143
-
144
- --pink-light-10: color-mix(in srgb, var(--secondary-pink), var(--primary-white) 10%);
145
- --pink-light-20: color-mix(in srgb, var(--secondary-pink), var(--primary-white) 20%);
146
- --pink-light-30: color-mix(in srgb, var(--secondary-pink), var(--primary-white) 30%);
147
- --pink-light-40: color-mix(in srgb, var(--secondary-pink), var(--primary-white) 40%);
148
- --pink-light-50: color-mix(in srgb, var(--secondary-pink), var(--primary-white) 50%);
149
- --pink-light-60: color-mix(in srgb, var(--secondary-pink), var(--primary-white) 60%);
150
- --pink-light-70: color-mix(in srgb, var(--secondary-pink), var(--primary-white) 70%);
151
- --pink-light-80: color-mix(in srgb, var(--secondary-pink), var(--primary-white) 80%);
152
- --pink-light-90: color-mix(in srgb, var(--secondary-pink), var(--primary-white) 90%);
153
-
154
- --pink-dark-10: color-mix(in srgb, var(--secondary-pink), var(--dark) 10%);
155
- --pink-dark-20: color-mix(in srgb, var(--secondary-pink), var(--dark) 20%);
156
- --pink-dark-30: color-mix(in srgb, var(--secondary-pink), var(--dark) 30%);
157
- --pink-dark-40: color-mix(in srgb, var(--secondary-pink), var(--dark) 40%);
158
- --pink-dark-50: color-mix(in srgb, var(--secondary-pink), var(--dark) 50%);
159
- --pink-dark-60: color-mix(in srgb, var(--secondary-pink), var(--dark) 60%);
160
- --pink-dark-70: color-mix(in srgb, var(--secondary-pink), var(--dark) 70%);
161
- --pink-dark-80: color-mix(in srgb, var(--secondary-pink), var(--dark) 80%);
162
- --pink-dark-90: color-mix(in srgb, var(--secondary-pink), var(--dark) 90%);
163
-
164
-
165
- /* coolgrey */
166
- --secondary-coolgrey: #8C8CA6;
167
-
168
- --coolgrey-light-10: color-mix(in srgb, var(--secondary-coolgrey), var(--primary-white) 10%);
169
- --coolgrey-light-20: color-mix(in srgb, var(--secondary-coolgrey), var(--primary-white) 20%);
170
- --coolgrey-light-30: color-mix(in srgb, var(--secondary-coolgrey), var(--primary-white) 30%);
171
- --coolgrey-light-40: color-mix(in srgb, var(--secondary-coolgrey), var(--primary-white) 40%);
172
- --coolgrey-light-50: color-mix(in srgb, var(--secondary-coolgrey), var(--primary-white) 50%);
173
- --coolgrey-light-60: color-mix(in srgb, var(--secondary-coolgrey), var(--primary-white) 60%);
174
- --coolgrey-light-70: color-mix(in srgb, var(--secondary-coolgrey), var(--primary-white) 70%);
175
- --coolgrey-light-80: color-mix(in srgb, var(--secondary-coolgrey), var(--primary-white) 80%);
176
- --coolgrey-light-90: color-mix(in srgb, var(--secondary-coolgrey), var(--primary-white) 90%);
177
-
178
- --coolgrey-dark-10: color-mix(in srgb, var(--secondary-coolgrey), var(--dark) 10%);
179
- --coolgrey-dark-20: color-mix(in srgb, var(--secondary-coolgrey), var(--dark) 20%);
180
- --coolgrey-dark-30: color-mix(in srgb, var(--secondary-coolgrey), var(--dark) 30%);
181
- --coolgrey-dark-40: color-mix(in srgb, var(--secondary-coolgrey), var(--dark) 40%);
182
- --coolgrey-dark-50: color-mix(in srgb, var(--secondary-coolgrey), var(--dark) 50%);
183
- --coolgrey-dark-60: color-mix(in srgb, var(--secondary-coolgrey), var(--dark) 60%);
184
- --coolgrey-dark-70: color-mix(in srgb, var(--secondary-coolgrey), var(--dark) 70%);
185
- --coolgrey-dark-80: color-mix(in srgb, var(--secondary-coolgrey), var(--dark) 80%);
186
- --coolgrey-dark-90: color-mix(in srgb, var(--secondary-coolgrey), var(--dark) 90%);
187
-
188
-
189
- /* orange */
190
- --secondary-orange: #FF7B00;
191
-
192
- --orange-light-10: color-mix(in srgb, var(--secondary-orange), var(--primary-white) 10%);
193
- --orange-light-20: color-mix(in srgb, var(--secondary-orange), var(--primary-white) 20%);
194
- --orange-light-30: color-mix(in srgb, var(--secondary-orange), var(--primary-white) 30%);
195
- --orange-light-40: color-mix(in srgb, var(--secondary-orange), var(--primary-white) 40%);
196
- --orange-light-50: color-mix(in srgb, var(--secondary-orange), var(--primary-white) 50%);
197
- --orange-light-60: color-mix(in srgb, var(--secondary-orange), var(--primary-white) 60%);
198
- --orange-light-70: color-mix(in srgb, var(--secondary-orange), var(--primary-white) 70%);
199
- --orange-light-80: color-mix(in srgb, var(--secondary-orange), var(--primary-white) 80%);
200
- --orange-light-90: color-mix(in srgb, var(--secondary-orange), var(--primary-white) 90%);
201
-
202
- --orange-dark-10: color-mix(in srgb, var(--secondary-orange), var(--dark) 10%);
203
- --orange-dark-20: color-mix(in srgb, var(--secondary-orange), var(--dark) 20%);
204
- --orange-dark-30: color-mix(in srgb, var(--secondary-orange), var(--dark) 30%);
205
- --orange-dark-40: color-mix(in srgb, var(--secondary-orange), var(--dark) 40%);
206
- --orange-dark-50: color-mix(in srgb, var(--secondary-orange), var(--dark) 50%);
207
- --orange-dark-60: color-mix(in srgb, var(--secondary-orange), var(--dark) 60%);
208
- --orange-dark-70: color-mix(in srgb, var(--secondary-orange), var(--dark) 70%);
209
- --orange-dark-80: color-mix(in srgb, var(--secondary-orange), var(--dark) 80%);
210
- --orange-dark-90: color-mix(in srgb, var(--secondary-orange), var(--dark) 90%);
211
-
212
-
213
- /* sky */
214
- --secondary-sky: #54A0F9;
215
-
216
- --sky-light-10: color-mix(in srgb, var(--secondary-sky), var(--primary-white) 10%);
217
- --sky-light-20: color-mix(in srgb, var(--secondary-sky), var(--primary-white) 20%);
218
- --sky-light-30: color-mix(in srgb, var(--secondary-sky), var(--primary-white) 30%);
219
- --sky-light-40: color-mix(in srgb, var(--secondary-sky), var(--primary-white) 40%);
220
- --sky-light-50: color-mix(in srgb, var(--secondary-sky), var(--primary-white) 50%);
221
- --sky-light-60: color-mix(in srgb, var(--secondary-sky), var(--primary-white) 60%);
222
- --sky-light-70: color-mix(in srgb, var(--secondary-sky), var(--primary-white) 70%);
223
- --sky-light-80: color-mix(in srgb, var(--secondary-sky), var(--primary-white) 80%);
224
- --sky-light-90: color-mix(in srgb, var(--secondary-sky), var(--primary-white) 90%);
225
-
226
- --sky-dark-10: color-mix(in srgb, var(--secondary-sky), var(--dark) 10%);
227
- --sky-dark-20: color-mix(in srgb, var(--secondary-sky), var(--dark) 20%);
228
- --sky-dark-30: color-mix(in srgb, var(--secondary-sky), var(--dark) 30%);
229
- --sky-dark-40: color-mix(in srgb, var(--secondary-sky), var(--dark) 40%);
230
- --sky-dark-50: color-mix(in srgb, var(--secondary-sky), var(--dark) 50%);
231
- --sky-dark-60: color-mix(in srgb, var(--secondary-sky), var(--dark) 60%);
232
- --sky-dark-70: color-mix(in srgb, var(--secondary-sky), var(--dark) 70%);
233
- --sky-dark-80: color-mix(in srgb, var(--secondary-sky), var(--dark) 80%);
234
- --sky-dark-90: color-mix(in srgb, var(--secondary-sky), var(--dark) 90%);
235
-
236
-
237
- /* olymipic */
238
- --secondary-olympic: #1661EA;
239
-
240
- --olympic-light-10: color-mix(in srgb, var(--secondary-olympic), var(--primary-white) 10%);
241
- --olympic-light-20: color-mix(in srgb, var(--secondary-olympic), var(--primary-white) 20%);
242
- --olympic-light-30: color-mix(in srgb, var(--secondary-olympic), var(--primary-white) 30%);
243
- --olympic-light-40: color-mix(in srgb, var(--secondary-olympic), var(--primary-white) 40%);
244
- --olympic-light-50: color-mix(in srgb, var(--secondary-olympic), var(--primary-white) 50%);
245
- --olympic-light-60: color-mix(in srgb, var(--secondary-olympic), var(--primary-white) 60%);
246
- --olympic-light-70: color-mix(in srgb, var(--secondary-olympic), var(--primary-white) 70%);
247
- --olympic-light-80: color-mix(in srgb, var(--secondary-olympic), var(--primary-white) 80%);
248
- --olympic-light-90: color-mix(in srgb, var(--secondary-olympic), var(--primary-white) 90%);
249
-
250
- --olympic-dark-10: color-mix(in srgb, var(--secondary-olympic), var(--dark) 10%);
251
- --olympic-dark-20: color-mix(in srgb, var(--secondary-olympic), var(--dark) 20%);
252
- --olympic-dark-30: color-mix(in srgb, var(--secondary-olympic), var(--dark) 30%);
253
- --olympic-dark-40: color-mix(in srgb, var(--secondary-olympic), var(--dark) 40%);
254
- --olympic-dark-50: color-mix(in srgb, var(--secondary-olympic), var(--dark) 50%);
255
- --olympic-dark-60: color-mix(in srgb, var(--secondary-olympic), var(--dark) 60%);
256
- --olympic-dark-70: color-mix(in srgb, var(--secondary-olympic), var(--dark) 70%);
257
- --olympic-dark-80: color-mix(in srgb, var(--secondary-olympic), var(--dark) 80%);
258
- --olympic-dark-90: color-mix(in srgb, var(--secondary-olympic), var(--dark) 90%);
259
-
260
-
261
- /* verdant */
262
- --secondary-verdant: #55CF45;
263
-
264
- --verdant-light-10: color-mix(in srgb, var(--secondary-verdant), var(--primary-white) 10%);
265
- --verdant-light-20: color-mix(in srgb, var(--secondary-verdant), var(--primary-white) 20%);
266
- --verdant-light-30: color-mix(in srgb, var(--secondary-verdant), var(--primary-white) 30%);
267
- --verdant-light-40: color-mix(in srgb, var(--secondary-verdant), var(--primary-white) 40%);
268
- --verdant-light-50: color-mix(in srgb, var(--secondary-verdant), var(--primary-white) 50%);
269
- --verdant-light-60: color-mix(in srgb, var(--secondary-verdant), var(--primary-white) 60%);
270
- --verdant-light-70: color-mix(in srgb, var(--secondary-verdant), var(--primary-white) 70%);
271
- --verdant-light-80: color-mix(in srgb, var(--secondary-verdant), var(--primary-white) 80%);
272
- --verdant-light-90: color-mix(in srgb, var(--secondary-verdant), var(--primary-white) 90%);
273
-
274
- --verdant-dark-10: color-mix(in srgb, var(--secondary-verdant), var(--dark) 10%);
275
- --verdant-dark-20: color-mix(in srgb, var(--secondary-verdant), var(--dark) 20%);
276
- --verdant-dark-30: color-mix(in srgb, var(--secondary-verdant), var(--dark) 30%);
277
- --verdant-dark-40: color-mix(in srgb, var(--secondary-verdant), var(--dark) 40%);
278
- --verdant-dark-50: color-mix(in srgb, var(--secondary-verdant), var(--dark) 50%);
279
- --verdant-dark-60: color-mix(in srgb, var(--secondary-verdant), var(--dark) 60%);
280
- --verdant-dark-70: color-mix(in srgb, var(--secondary-verdant), var(--dark) 70%);
281
- --verdant-dark-80: color-mix(in srgb, var(--secondary-verdant), var(--dark) 80%);
282
- --verdant-dark-90: color-mix(in srgb, var(--secondary-verdant), var(--dark) 90%);
283
-
284
-
285
- /* marguerite */
286
- --secondary-marguerite: #655AAF;
287
-
288
- --marguerite-light-10: color-mix(in srgb, var(--secondary-marguerite), var(--primary-white) 10%);
289
- --marguerite-light-20: color-mix(in srgb, var(--secondary-marguerite), var(--primary-white) 20%);
290
- --marguerite-light-30: color-mix(in srgb, var(--secondary-marguerite), var(--primary-white) 30%);
291
- --marguerite-light-40: color-mix(in srgb, var(--secondary-marguerite), var(--primary-white) 40%);
292
- --marguerite-light-50: color-mix(in srgb, var(--secondary-marguerite), var(--primary-white) 50%);
293
- --marguerite-light-60: color-mix(in srgb, var(--secondary-marguerite), var(--primary-white) 60%);
294
- --marguerite-light-70: color-mix(in srgb, var(--secondary-marguerite), var(--primary-white) 70%);
295
- --marguerite-light-80: color-mix(in srgb, var(--secondary-marguerite), var(--primary-white) 80%);
296
- --marguerite-light-90: color-mix(in srgb, var(--secondary-marguerite), var(--primary-white) 90%);
297
-
298
- --marguerite-dark-10: color-mix(in srgb, var(--secondary-marguerite), var(--dark) 10%);
299
- --marguerite-dark-20: color-mix(in srgb, var(--secondary-marguerite), var(--dark) 20%);
300
- --marguerite-dark-30: color-mix(in srgb, var(--secondary-marguerite), var(--dark) 30%);
301
- --marguerite-dark-40: color-mix(in srgb, var(--secondary-marguerite), var(--dark) 40%);
302
- --marguerite-dark-50: color-mix(in srgb, var(--secondary-marguerite), var(--dark) 50%);
303
- --marguerite-dark-60: color-mix(in srgb, var(--secondary-marguerite), var(--dark) 60%);
304
- --marguerite-dark-70: color-mix(in srgb, var(--secondary-marguerite), var(--dark) 70%);
305
- --marguerite-dark-80: color-mix(in srgb, var(--secondary-marguerite), var(--dark) 80%);
306
- --marguerite-dark-90: color-mix(in srgb, var(--secondary-marguerite), var(--dark) 90%);
307
-
308
-
309
- /* grey */
310
- --secondary-grey: #DADEEB;
311
-
312
- --grey-light-10: color-mix(in srgb, var(--secondary-grey), var(--primary-white) 10%);
313
- --grey-light-20: color-mix(in srgb, var(--secondary-grey), var(--primary-white) 20%);
314
- --grey-light-30: color-mix(in srgb, var(--secondary-grey), var(--primary-white) 30%);
315
- --grey-light-40: color-mix(in srgb, var(--secondary-grey), var(--primary-white) 40%);
316
- --grey-light-50: color-mix(in srgb, var(--secondary-grey), var(--primary-white) 50%);
317
- --grey-light-60: color-mix(in srgb, var(--secondary-grey), var(--primary-white) 60%);
318
- --grey-light-70: color-mix(in srgb, var(--secondary-grey), var(--primary-white) 70%);
319
- --grey-light-80: color-mix(in srgb, var(--secondary-grey), var(--primary-white) 80%);
320
- --grey-light-90: color-mix(in srgb, var(--secondary-grey), var(--primary-white) 90%);
321
-
322
- --grey-dark-10: color-mix(in srgb, var(--secondary-grey), var(--dark) 10%);
323
- --grey-dark-20: color-mix(in srgb, var(--secondary-grey), var(--dark) 20%);
324
- --grey-dark-30: color-mix(in srgb, var(--secondary-grey), var(--dark) 30%);
325
- --grey-dark-40: color-mix(in srgb, var(--secondary-grey), var(--dark) 40%);
326
- --grey-dark-50: color-mix(in srgb, var(--secondary-grey), var(--dark) 50%);
327
- --grey-dark-60: color-mix(in srgb, var(--secondary-grey), var(--dark) 60%);
328
- --grey-dark-70: color-mix(in srgb, var(--secondary-grey), var(--dark) 70%);
329
- --grey-dark-80: color-mix(in srgb, var(--secondary-grey), var(--dark) 80%);
330
- --grey-dark-90: color-mix(in srgb, var(--secondary-grey), var(--dark) 90%);
331
-
332
-
333
- }
package/src/style/scrollbar.css DELETED
@@ -1,42 +0,0 @@
1
- /* Original Scrollbar */
2
- ::-webkit-scrollbar {
3
- width: 11px;
4
- background-color: var(--coolgrey-light-90);
5
- }
6
-
7
- ::-webkit-scrollbar-thumb {
8
- width: 100%;
9
- background-color: var(--coolgrey-light-70);
10
- border-radius: 10px;
11
- border: 2px solid transparent;
12
- background-clip: content-box;
13
- }
14
-
15
- ::-webkit-scrollbar-thumb:hover {
16
- background-color: var(--secondary-coolgrey);
17
- border-radius: 10px;
18
- border: 2px solid transparent;
19
- background-clip: content-box;
20
- }
21
-
22
- /* Hidden Scrollbar */
23
- .scrollbar-hidden::-webkit-scrollbar {
24
- width: 7px;
25
- background-color: transparent;
26
- }
27
-
28
- .scrollbar-hidden::-webkit-scrollbar-thumb {
29
- background-color: transparent;
30
- }
31
-
32
- .scrollbar-hidden:hover::-webkit-scrollbar {
33
- width: 7px;
34
- background-color: var(--grey-light-80);
35
- }
36
-
37
- .scrollbar-hidden:hover::-webkit-scrollbar-thumb {
38
- background-color: var(--coolgrey-light-30);
39
- border-radius: 10px;
40
- border: 2px solid transparent;
41
- background-clip: content-box;
42
- }
package/tailwind.config.js DELETED
@@ -1,521 +0,0 @@
1
- /** @type {import('tailwindcss').Config} */
2
- const colors = require('tailwindcss/colors');
3
-
4
- module.exports = {
5
- content: ['./src/**/*.{js,ts,jsx,tsx}', './dist/**/*.{js,ts,jsx,tsx}'],
6
- theme: {
7
- colors: {
8
- transparent: 'transparent',
9
- current: 'currentColor',
10
- black: colors.black,
11
- white: colors.white,
12
- slate: colors.slate,
13
- gray: colors.gray,
14
- zinc: colors.zinc,
15
- emerald: colors.emerald,
16
- indigo: colors.indigo,
17
- yellow: colors.yellow,
18
- red: colors.red,
19
- 'bia-black': {
20
- transparent: {
21
- 10: 'var(--black-transparent-10)',
22
- 20: 'var(--black-transparent-20)',
23
- 30: 'var(--black-transparent-30)',
24
- 40: 'var(--black-transparent-40)',
25
- 50: 'var(--black-transparent-50)',
26
- 60: 'var(--black-transparent-60)',
27
- 70: 'var(--black-transparent-70)',
28
- 75: 'var(--black-transparent-75)',
29
- 80: 'var(--black-transparent-80)',
30
- 90: 'var(--black-transparent-90)',
31
- },
32
- },
33
- 'bia-red': {
34
- DEFAULT: 'var(--secondary-red)',
35
- hover: 'var(--red-light-10)',
36
- active: 'var(--red-dark-10)',
37
- disabled: 'var(--red-light-50)',
38
- pastel: 'var(--red-light-90)',
39
- light: {
40
- 10: 'var(--red-light-10)',
41
- 20: 'var(--red-light-20)',
42
- 30: 'var(--red-light-30)',
43
- 40: 'var(--red-light-40)',
44
- 50: 'var(--red-light-50)',
45
- 60: 'var(--red-light-60)',
46
- 70: 'var(--red-light-70)',
47
- 80: 'var(--red-light-80)',
48
- 90: 'var(--red-light-90)',
49
- },
50
- dark: {
51
- 10: 'var(--red-dark-10)',
52
- 20: 'var(--red-dark-20)',
53
- 30: 'var(--red-dark-30)',
54
- 40: 'var(--red-dark-40)',
55
- 50: 'var(--red-dark-50)',
56
- 60: 'var(--red-dark-60)',
57
- 70: 'var(--red-dark-70)',
58
- 80: 'var(--red-dark-80)',
59
- 90: 'var(--red-dark-90)',
60
- },
61
- },
62
- 'bia-yellow': {
63
- DEFAULT: 'var(--secondary-yellow)',
64
- hover: 'var(--yellow-light-10)',
65
- active: 'var(--yellow-dark-10)',
66
- disabled: 'var(--yellow-light-50)',
67
- pastel: 'var(--yellow-light-90)',
68
- light: {
69
- 10: 'var(--yellow-light-10)',
70
- 20: 'var(--yellow-light-20)',
71
- 30: 'var(--yellow-light-30)',
72
- 40: 'var(--yellow-light-40)',
73
- 50: 'var(--yellow-light-50)',
74
- 60: 'var(--yellow-light-60)',
75
- 70: 'var(--yellow-light-70)',
76
- 80: 'var(--yellow-light-80)',
77
- 90: 'var(--yellow-light-90)',
78
- },
79
- dark: {
80
- 10: 'var(--yellow-dark-10)',
81
- 20: 'var(--yellow-dark-20)',
82
- 30: 'var(--yellow-dark-30)',
83
- 40: 'var(--yellow-dark-40)',
84
- 50: 'var(--yellow-dark-50)',
85
- 60: 'var(--yellow-dark-60)',
86
- 70: 'var(--yellow-dark-70)',
87
- 80: 'var(--yellow-dark-80)',
88
- 90: 'var(--yellow-dark-90)',
89
- },
90
- },
91
- 'bia-green': {
92
- DEFAULT: 'var(--secondary-green)',
93
- hover: 'var(--green-light-10)',
94
- active: 'var(--green-dark-10)',
95
- disabled: 'var(--green-light-50)',
96
- pastel: 'var(--green-light-90)',
97
- light: {
98
- 10: 'var(--green-light-10)',
99
- 20: 'var(--green-light-20)',
100
- 30: 'var(--green-light-30)',
101
- 40: 'var(--green-light-40)',
102
- 50: 'var(--green-light-50)',
103
- 60: 'var(--green-light-60)',
104
- 70: 'var(--green-light-70)',
105
- 80: 'var(--green-light-80)',
106
- 90: 'var(--green-light-90)',
107
- },
108
- dark: {
109
- 10: 'var(--green-dark-10)',
110
- 20: 'var(--green-dark-20)',
111
- 30: 'var(--green-dark-30)',
112
- 40: 'var(--green-dark-40)',
113
- 50: 'var(--green-dark-50)',
114
- 60: 'var(--green-dark-60)',
115
- 70: 'var(--green-dark-70)',
116
- 80: 'var(--green-dark-80)',
117
- 90: 'var(--green-dark-90)',
118
- },
119
- },
120
- 'bia-teal': {
121
- DEFAULT: 'var(--secondary-teal)',
122
- hover: 'var(--teal-light-10)',
123
- active: 'var(--teal-dark-10)',
124
- disabled: 'var(--teal-light-50)',
125
- pastel: 'var(--teal-light-90)',
126
- light: {
127
- 10: 'var(--teal-light-10)',
128
- 20: 'var(--teal-light-20)',
129
- 30: 'var(--teal-light-30)',
130
- 40: 'var(--teal-light-40)',
131
- 50: 'var(--teal-light-50)',
132
- 60: 'var(--teal-light-60)',
133
- 70: 'var(--teal-light-70)',
134
- 80: 'var(--teal-light-80)',
135
- 90: 'var(--teal-light-90)',
136
- },
137
- dark: {
138
- 10: 'var(--teal-dark-10)',
139
- 20: 'var(--teal-dark-20)',
140
- 30: 'var(--teal-dark-30)',
141
- 40: 'var(--teal-dark-40)',
142
- 50: 'var(--teal-dark-50)',
143
- 60: 'var(--teal-dark-60)',
144
- 70: 'var(--teal-dark-70)',
145
- 80: 'var(--teal-dark-80)',
146
- 90: 'var(--teal-dark-90)',
147
- },
148
- },
149
- 'bia-blue': {
150
- DEFAULT: 'var(--secondary-blue)',
151
- hover: 'var(--blue-light-10)',
152
- active: 'var(--blue-dark-10)',
153
- disabled: 'var(--blue-light-50)',
154
- pastel: 'var(--blue-light-90)',
155
- light: {
156
- 10: 'var(--blue-light-10)',
157
- 20: 'var(--blue-light-20)',
158
- 30: 'var(--blue-light-30)',
159
- 40: 'var(--blue-light-40)',
160
- 50: 'var(--blue-light-50)',
161
- 60: 'var(--blue-light-60)',
162
- 70: 'var(--blue-light-70)',
163
- 80: 'var(--blue-light-80)',
164
- 90: 'var(--blue-light-90)',
165
- },
166
- dark: {
167
- 10: 'var(--blue-dark-10)',
168
- 20: 'var(--blue-dark-20)',
169
- 30: 'var(--blue-dark-30)',
170
- 40: 'var(--blue-dark-40)',
171
- 50: 'var(--blue-dark-50)',
172
- 60: 'var(--blue-dark-60)',
173
- 70: 'var(--blue-dark-70)',
174
- 80: 'var(--blue-dark-80)',
175
- 90: 'var(--blue-dark-90)',
176
- },
177
- },
178
- 'bia-purple': {
179
- DEFAULT: '#a84fe8',
180
- hover: '#b161ea',
181
- active: '#9747d1',
182
- disabled: '#d3a7f4',
183
- pastel: '#f6edfd',
184
- },
185
- 'bia-grey': {
186
- DEFAULT: 'var(--secondary-grey)',
187
- hover: 'var(--grey-light-10)',
188
- active: 'var(--grey-dark-10)',
189
- disabled: 'var(--grey-light-50)',
190
- pastel: 'var(--grey-light-90)',
191
- light: {
192
- 10: 'var(--grey-light-10)',
193
- 20: 'var(--grey-light-20)',
194
- 30: 'var(--grey-light-30)',
195
- 40: 'var(--grey-light-40)',
196
- 50: 'var(--grey-light-50)',
197
- 60: 'var(--grey-light-60)',
198
- 70: 'var(--grey-light-70)',
199
- 80: 'var(--grey-light-80)',
200
- 90: 'var(--grey-light-90)',
201
- },
202
- dark: {
203
- 10: 'var(--grey-dark-10)',
204
- 20: 'var(--grey-dark-20)',
205
- 30: 'var(--grey-dark-30)',
206
- 40: 'var(--grey-dark-40)',
207
- 50: 'var(--grey-dark-50)',
208
- 60: 'var(--grey-dark-60)',
209
- 70: 'var(--grey-dark-70)',
210
- 80: 'var(--grey-dark-80)',
211
- 90: 'var(--grey-dark-90)',
212
- },
213
- },
214
- 'bia-coolgrey': {
215
- DEFAULT: 'var(--secondary-coolgrey)',
216
- hover: 'var(--coolgrey-light-10)',
217
- active: 'var(--coolgrey-dark-10)',
218
- disabled: 'var(--coolgrey-light-50)',
219
- pastel: 'var(--coolgrey-light-90)',
220
- light: {
221
- 10: 'var(--coolgrey-light-10)',
222
- 20: 'var(--coolgrey-light-20)',
223
- 30: 'var(--coolgrey-light-30)',
224
- 40: 'var(--coolgrey-light-40)',
225
- 50: 'var(--coolgrey-light-50)',
226
- 60: 'var(--coolgrey-light-60)',
227
- 70: 'var(--coolgrey-light-70)',
228
- 80: 'var(--coolgrey-light-80)',
229
- 90: 'var(--coolgrey-light-90)',
230
- },
231
- dark: {
232
- 10: 'var(--coolgrey-dark-10)',
233
- 20: 'var(--coolgrey-dark-20)',
234
- 30: 'var(--coolgrey-dark-30)',
235
- 40: 'var(--coolgrey-dark-40)',
236
- 50: 'var(--coolgrey-dark-50)',
237
- 60: 'var(--coolgrey-dark-60)',
238
- 70: 'var(--coolgrey-dark-70)',
239
- 80: 'var(--coolgrey-dark-80)',
240
- 90: 'var(--coolgrey-dark-90)',
241
- },
242
- },
243
- 'bia-pink': {
244
- DEFAULT: 'var(--secondary-pink)',
245
- hover: 'var(--pink-light-10)',
246
- active: 'var(--pink-dark-10)',
247
- disabled: 'var(--pink-light-50)',
248
- pastel: 'var(--pink-light-90)',
249
- light: {
250
- 10: 'var(--pink-light-10)',
251
- 20: 'var(--pink-light-20)',
252
- 30: 'var(--pink-light-30)',
253
- 40: 'var(--pink-light-40)',
254
- 50: 'var(--pink-light-50)',
255
- 60: 'var(--pink-light-60)',
256
- 70: 'var(--pink-light-70)',
257
- 80: 'var(--pink-light-80)',
258
- 90: 'var(--pink-light-90)',
259
- },
260
- dark: {
261
- 10: 'var(--pink-dark-10)',
262
- 20: 'var(--pink-dark-20)',
263
- 30: 'var(--pink-dark-30)',
264
- 40: 'var(--pink-dark-40)',
265
- 50: 'var(--pink-dark-50)',
266
- 60: 'var(--pink-dark-60)',
267
- 70: 'var(--pink-dark-70)',
268
- 80: 'var(--pink-dark-80)',
269
- 90: 'var(--pink-dark-90)',
270
- },
271
- },
272
- 'bia-sky': {
273
- DEFAULT: 'var(--secondary-sky)',
274
- hover: 'var(--sky-light-10)',
275
- active: 'var(--sky-dark-10)',
276
- disabled: 'var(--sky-light-50)',
277
- pastel: 'var(--sky-light-90)',
278
- light: {
279
- 10: 'var(--sky-light-10)',
280
- 20: 'var(--sky-light-20)',
281
- 30: 'var(--sky-light-30)',
282
- 40: 'var(--sky-light-40)',
283
- 50: 'var(--sky-light-50)',
284
- 60: 'var(--sky-light-60)',
285
- 70: 'var(--sky-light-70)',
286
- 80: 'var(--sky-light-80)',
287
- 90: 'var(--sky-light-90)',
288
- },
289
- dark: {
290
- 10: 'var(--sky-dark-10)',
291
- 20: 'var(--sky-dark-20)',
292
- 30: 'var(--sky-dark-30)',
293
- 40: 'var(--sky-dark-40)',
294
- 50: 'var(--sky-dark-50)',
295
- 60: 'var(--sky-dark-60)',
296
- 70: 'var(--sky-dark-70)',
297
- 80: 'var(--sky-dark-80)',
298
- 90: 'var(--sky-dark-90)',
299
- },
300
- },
301
- 'bia-orange': {
302
- DEFAULT: 'var(--secondary-orange)',
303
- hover: 'var(--orange-light-10)',
304
- active: 'var(--orange-dark-10)',
305
- disabled: 'var(--orange-light-50)',
306
- pastel: 'var(--orange-light-90)',
307
- light: {
308
- 10: 'var(--orange-light-10)',
309
- 20: 'var(--orange-light-20)',
310
- 30: 'var(--orange-light-30)',
311
- 40: 'var(--orange-light-40)',
312
- 50: 'var(--orange-light-50)',
313
- 60: 'var(--orange-light-60)',
314
- 70: 'var(--orange-light-70)',
315
- 80: 'var(--orange-light-80)',
316
- 90: 'var(--orange-light-90)',
317
- },
318
- dark: {
319
- 10: 'var(--orange-dark-10)',
320
- 20: 'var(--orange-dark-20)',
321
- 30: 'var(--orange-dark-30)',
322
- 40: 'var(--orange-dark-40)',
323
- 50: 'var(--orange-dark-50)',
324
- 60: 'var(--orange-dark-60)',
325
- 70: 'var(--orange-dark-70)',
326
- 80: 'var(--orange-dark-80)',
327
- 90: 'var(--orange-dark-90)',
328
- },
329
- },
330
- 'bia-olympicblue': {
331
- DEFAULT: 'var(--secondary-olympic)',
332
- hover: 'var(--olympic-light-10)',
333
- active: 'var(--olympic-dark-10)',
334
- disabled: 'var(--olympic-light-50)',
335
- pastel: 'var(--olympic-light-90)',
336
- light: {
337
- 10: 'var(--olympic-light-10)',
338
- 20: 'var(--olympic-light-20)',
339
- 30: 'var(--olympic-light-30)',
340
- 40: 'var(--olympic-light-40)',
341
- 50: 'var(--olympic-light-50)',
342
- 60: 'var(--olympic-light-60)',
343
- 70: 'var(--olympic-light-70)',
344
- 80: 'var(--olympic-light-80)',
345
- 90: 'var(--olympic-light-90)',
346
- },
347
- dark: {
348
- 10: 'var(--olympic-dark-10)',
349
- 20: 'var(--olympic-dark-20)',
350
- 30: 'var(--olympic-dark-30)',
351
- 40: 'var(--olympic-dark-40)',
352
- 50: 'var(--olympic-dark-50)',
353
- 60: 'var(--olympic-dark-60)',
354
- 70: 'var(--olympic-dark-70)',
355
- 80: 'var(--olympic-dark-80)',
356
- 90: 'var(--olympic-dark-90)',
357
- },
358
- },
359
- 'bia-verdantgreen': {
360
- DEFAULT: 'var(--secondary-verdant)',
361
- hover: 'var(--verdant-light-10)',
362
- active: 'var(--verdant-dark-10)',
363
- disabled: 'var(--verdant-light-50)',
364
- pastel: 'var(--verdant-light-90)',
365
- light: {
366
- 10: 'var(--verdant-light-10)',
367
- 20: 'var(--verdant-light-20)',
368
- 30: 'var(--verdant-light-30)',
369
- 40: 'var(--verdant-light-40)',
370
- 50: 'var(--verdant-light-50)',
371
- 60: 'var(--verdant-light-60)',
372
- 70: 'var(--verdant-light-70)',
373
- 80: 'var(--verdant-light-80)',
374
- 90: 'var(--verdant-light-90)',
375
- },
376
- dark: {
377
- 10: 'var(--verdant-dark-10)',
378
- 20: 'var(--verdant-dark-20)',
379
- 30: 'var(--verdant-dark-30)',
380
- 40: 'var(--verdant-dark-40)',
381
- 50: 'var(--verdant-dark-50)',
382
- 60: 'var(--verdant-dark-60)',
383
- 70: 'var(--verdant-dark-70)',
384
- 80: 'var(--verdant-dark-80)',
385
- 90: 'var(--verdant-dark-90)',
386
- },
387
- },
388
- 'bia-margueriteblue': {
389
- DEFAULT: 'var(--secondary-marguerite)',
390
- hover: 'var(--marguerite-light-10)',
391
- active: 'var(--marguerite-dark-10)',
392
- disabled: 'var(--marguerite-light-50)',
393
- pastel: 'var(--marguerite-light-90)',
394
- light: {
395
- 10: 'var(--marguerite-light-10)',
396
- 20: 'var(--marguerite-light-20)',
397
- 30: 'var(--marguerite-light-30)',
398
- 40: 'var(--marguerite-light-40)',
399
- 50: 'var(--marguerite-light-50)',
400
- 60: 'var(--marguerite-light-60)',
401
- 70: 'var(--marguerite-light-70)',
402
- 80: 'var(--marguerite-light-80)',
403
- 90: 'var(--marguerite-light-90)',
404
- },
405
- dark: {
406
- 10: 'var(--marguerite-dark-10)',
407
- 20: 'var(--marguerite-dark-20)',
408
- 30: 'var(--marguerite-dark-30)',
409
- 40: 'var(--marguerite-dark-40)',
410
- 50: 'var(--marguerite-dark-50)',
411
- 60: 'var(--marguerite-dark-60)',
412
- 70: 'var(--marguerite-dark-70)',
413
- 80: 'var(--marguerite-dark-80)',
414
- 90: 'var(--marguerite-dark-90)',
415
- },
416
- },
417
- primary: {
418
- black: '#2f2f2f',
419
- cool: '#8b8ba6',
420
- warm: '#dadeeb',
421
- white: '#ffffff',
422
- },
423
- },
424
- extend: {
425
- borderRadius: {
426
- 'radius-lg': '5px',
427
- 'radius-md': '4px',
428
- 'radius-sm': '3px',
429
- 'radius-tn': '2.5px',
430
- 'radius-full': '1000px',
431
- },
432
-
433
- fontFamily: {
434
- humnst777: ['humnst777', 'sans-serif'],
435
- segoe: ['SegoeUI', 'sans-serif'],
436
- },
437
- fontSize: {
438
- 'heading-1': [
439
- '48px',
440
- {
441
- lineHeight: '120%',
442
- },
443
- ],
444
- 'heading-2': [
445
- '36px',
446
- {
447
- lineHeight: '120%',
448
- },
449
- ],
450
- 'heading-3': [
451
- '28px',
452
- {
453
- lineHeight: '120%',
454
- },
455
- ],
456
- 'heading-4': [
457
- '24px',
458
- {
459
- lineHeight: '120%',
460
- },
461
- ],
462
- 'heading-5': [
463
- '18px',
464
- {
465
- lineHeight: '120%',
466
- },
467
- ],
468
- 'heading-6': [
469
- '16px',
470
- {
471
- lineHeight: '120%',
472
- },
473
- ],
474
- 'heading-1': [
475
- '48px',
476
- {
477
- lineHeight: '120%',
478
- },
479
- ],
480
- 'size-lg': [
481
- '22px',
482
- {
483
- lineHeight: '120%',
484
- },
485
- ],
486
- 'size-md': [
487
- '18px',
488
- ,
489
- {
490
- lineHeight: '120%',
491
- },
492
- ],
493
- 'size-caption': [
494
- '16px',
495
- {
496
- lineHeight: '120%',
497
- },
498
- ],
499
- 'size-base': [
500
- '14px',
501
- {
502
- lineHeight: '120%',
503
- },
504
- ],
505
- 'size-sm': [
506
- '12px',
507
- {
508
- lineHeight: '120%',
509
- },
510
- ],
511
- 'size-tiny': [
512
- '11px',
513
- {
514
- lineHeight: '120%',
515
- },
516
- ],
517
- },
518
- },
519
- },
520
- plugins: [],
521
- };