@dev-blinq/ui-systems 1.0.3 → 1.0.4
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.
- package/dist/index.css +418 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.mts +46 -0
- package/dist/index.d.ts +46 -0
- package/dist/index.js +47 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +47 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +1 -1
package/dist/index.css
ADDED
|
@@ -0,0 +1,418 @@
|
|
|
1
|
+
/* src/components/CustomButton/css/customButton.css */
|
|
2
|
+
.button {
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
align-items: center;
|
|
6
|
+
font-size: 14px;
|
|
7
|
+
font-weight: bold;
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
transition: all 0.3s ease;
|
|
10
|
+
border: none;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/* src/components/CustomButton/css/size.css */
|
|
14
|
+
.button[data-size=sm] {
|
|
15
|
+
padding: 8px 12px;
|
|
16
|
+
gap: 8px;
|
|
17
|
+
border-radius: 12px;
|
|
18
|
+
}
|
|
19
|
+
.button[data-size=md] {
|
|
20
|
+
padding: 10px 14px;
|
|
21
|
+
gap: 8px;
|
|
22
|
+
border-radius: 12px;
|
|
23
|
+
}
|
|
24
|
+
.button[data-size=lg] {
|
|
25
|
+
padding: 12px 16px;
|
|
26
|
+
gap: 10px;
|
|
27
|
+
border-radius: 12px;
|
|
28
|
+
}
|
|
29
|
+
.button[data-size=xl] {
|
|
30
|
+
padding: 16px 24px;
|
|
31
|
+
gap: 12px;
|
|
32
|
+
border-radius: 16px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* src/components/CustomButton/css/color/default.css */
|
|
36
|
+
.button[data-colorHierarchy="brand/primary"] {
|
|
37
|
+
background-color: var(--primary-main);
|
|
38
|
+
}
|
|
39
|
+
.button[data-colorHierarchy="brand/primary"] .input-typography {
|
|
40
|
+
color: #fff;
|
|
41
|
+
}
|
|
42
|
+
.button[data-colorHierarchy="gray/secondary"] {
|
|
43
|
+
background-color: #f1f1f1;
|
|
44
|
+
}
|
|
45
|
+
.button[data-colorHierarchy="gray/secondary"] .input-typography {
|
|
46
|
+
color: #080808;
|
|
47
|
+
}
|
|
48
|
+
.button[data-colorHierarchy="white/secondary"] {
|
|
49
|
+
background-color: #fff;
|
|
50
|
+
box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);
|
|
51
|
+
border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);
|
|
52
|
+
}
|
|
53
|
+
.button[data-colorHierarchy="white/secondary"] .input-typography {
|
|
54
|
+
color: #080808;
|
|
55
|
+
}
|
|
56
|
+
.button[data-colorHierarchy="gray/linkContainer"] {
|
|
57
|
+
background-color: #fff;
|
|
58
|
+
}
|
|
59
|
+
.button[data-colorHierarchy="gray/linkContainer"] .input-typography {
|
|
60
|
+
color: #080808;
|
|
61
|
+
}
|
|
62
|
+
.button[data-colorHierarchy="gray/link"] {
|
|
63
|
+
background-color: #fff;
|
|
64
|
+
padding: 0;
|
|
65
|
+
}
|
|
66
|
+
.button[data-colorHierarchy="gray/link"] .input-typography {
|
|
67
|
+
color: #080808;
|
|
68
|
+
}
|
|
69
|
+
.button[data-colorHierarchy="brand/link"] {
|
|
70
|
+
background-color: #fff;
|
|
71
|
+
padding: 0;
|
|
72
|
+
}
|
|
73
|
+
.button[data-colorHierarchy="brand/link"] .input-typography {
|
|
74
|
+
color: var(--primary-main);
|
|
75
|
+
}
|
|
76
|
+
.button[data-colorHierarchy="destructive/primary"] {
|
|
77
|
+
background: var(--surface-error, #ea4621);
|
|
78
|
+
}
|
|
79
|
+
.button[data-colorHierarchy="destructive/primary"] .input-typography {
|
|
80
|
+
color: #fff;
|
|
81
|
+
}
|
|
82
|
+
.button[data-colorHierarchy="destructive/secondary"] {
|
|
83
|
+
background: var(--surface-error-secondary, #fdece9);
|
|
84
|
+
}
|
|
85
|
+
.button[data-colorHierarchy="destructive/secondary"] .input-typography {
|
|
86
|
+
color: var(--text-error, #ea4621);
|
|
87
|
+
}
|
|
88
|
+
.button[data-colorHierarchy="destructive/linkContainer"] {
|
|
89
|
+
background-color: #fff;
|
|
90
|
+
}
|
|
91
|
+
.button[data-colorHierarchy="destructive/linkContainer"] .input-typography {
|
|
92
|
+
color: var(--text-error, #ea4621);
|
|
93
|
+
}
|
|
94
|
+
.button[data-colorHierarchy=""] {
|
|
95
|
+
background-color: #fff;
|
|
96
|
+
padding: 0;
|
|
97
|
+
}
|
|
98
|
+
.button[data-colorHierarchy=""] .input-typography {
|
|
99
|
+
color: var(--text-error, #ea4621);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
/* src/components/CustomButton/css/color/hover.css */
|
|
103
|
+
.button[data-colorHierarchy="brand/primary"]:hover {
|
|
104
|
+
background: var(--surface-primary-hover, #08379e);
|
|
105
|
+
}
|
|
106
|
+
.button[data-colorHierarchy="gray/secondary"]:hover {
|
|
107
|
+
background: var(--surface-secondary-hover, #ececed);
|
|
108
|
+
}
|
|
109
|
+
.button[data-colorHierarchy="white/secondary"]:hover {
|
|
110
|
+
background: var(--surface-white---hover, #f9f9f9);
|
|
111
|
+
}
|
|
112
|
+
.button[data-colorHierarchy="gray/linkContainer"]:hover {
|
|
113
|
+
background: var(--surface-secondary, #f1f1f1);
|
|
114
|
+
}
|
|
115
|
+
.button[data-colorHierarchy="gray/link"]:hover {
|
|
116
|
+
background-color: #fff;
|
|
117
|
+
}
|
|
118
|
+
.button[data-colorHierarchy="brand/link"]:hover {
|
|
119
|
+
background-color: #fff;
|
|
120
|
+
}
|
|
121
|
+
.button[data-colorHierarchy="destructive/primary"]:hover {
|
|
122
|
+
background: var(--surface-error-hover, #d33f1e);
|
|
123
|
+
}
|
|
124
|
+
.button[data-colorHierarchy="destructive/secondary"]:hover {
|
|
125
|
+
background: var(--surface-error-secondary-hover, #fbdad3);
|
|
126
|
+
}
|
|
127
|
+
.button[data-colorHierarchy="destructive/linkContainer"]:hover {
|
|
128
|
+
background: var(--colors-red-5, #fef6f4);
|
|
129
|
+
}
|
|
130
|
+
.button[data-colorHierarchy=""]:hover {
|
|
131
|
+
background-color: #fff;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
/* src/components/CustomButton/css/color/focused.css */
|
|
135
|
+
.button[data-colorHierarchy="brand/primary"]:focus {
|
|
136
|
+
box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);
|
|
137
|
+
}
|
|
138
|
+
.button[data-colorHierarchy="gray/secondary"]:focus {
|
|
139
|
+
box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
|
|
140
|
+
}
|
|
141
|
+
.button[data-colorHierarchy="white/secondary"]:focus {
|
|
142
|
+
box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
|
|
143
|
+
}
|
|
144
|
+
.button[data-colorHierarchy="gray/linkContainer"]:focus {
|
|
145
|
+
box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
|
|
146
|
+
}
|
|
147
|
+
.button[data-colorHierarchy="gray/link"]:focus {
|
|
148
|
+
box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
|
|
149
|
+
}
|
|
150
|
+
.button[data-colorHierarchy="brand/link"]:focus {
|
|
151
|
+
box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);
|
|
152
|
+
}
|
|
153
|
+
.button[data-colorHierarchy="destructive/primary"]:focus {
|
|
154
|
+
box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
|
|
155
|
+
}
|
|
156
|
+
.button[data-colorHierarchy="destructive/secondary"]:focus {
|
|
157
|
+
box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
|
|
158
|
+
}
|
|
159
|
+
.button[data-colorHierarchy="destructive/linkContainer"]:focus {
|
|
160
|
+
box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
|
|
161
|
+
}
|
|
162
|
+
.button[data-colorHierarchy=""]:focus {
|
|
163
|
+
box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
/* src/components/CustomButton/css/color/disabled.css */
|
|
167
|
+
.button[data-colorHierarchy="brand/primary"]:disabled {
|
|
168
|
+
background: var(--surface-disabled, #f1f1f1);
|
|
169
|
+
}
|
|
170
|
+
.button:disabled .input-typography {
|
|
171
|
+
color: var(--text-disabled, #939197);
|
|
172
|
+
}
|
|
173
|
+
.button[data-colorHierarchy="gray/secondary"]:disabled {
|
|
174
|
+
background: var(--surface-disabled, #f1f1f1);
|
|
175
|
+
}
|
|
176
|
+
.button[data-colorHierarchy="white/secondary"]:disabled {
|
|
177
|
+
background: var(--surface-white---disabled, #fdfdfd);
|
|
178
|
+
}
|
|
179
|
+
.button[data-colorHierarchy="brand/link"]:disabled .input-typography {
|
|
180
|
+
color: var(--text-action-disabled, #849ed7);
|
|
181
|
+
}
|
|
182
|
+
.button[data-colorHierarchy="destructive/primary"]:disabled {
|
|
183
|
+
background: var(--surface-error-disabled, #fdece9);
|
|
184
|
+
}
|
|
185
|
+
.button[data-colorHierarchy="destructive/primary"]:disabled .input-typography {
|
|
186
|
+
color: var(--text-error-disabled, #f5a290);
|
|
187
|
+
}
|
|
188
|
+
.button[data-colorHierarchy="destructive/secondary"]:disabled {
|
|
189
|
+
background: var(--surface-error-disabled, #fdece9);
|
|
190
|
+
}
|
|
191
|
+
.button[data-colorHierarchy="destructive/secondary"]:disabled .input-typography {
|
|
192
|
+
color: var(--text-error-disabled, #f5a290);
|
|
193
|
+
}
|
|
194
|
+
.button[data-colorHierarchy="destructive/linkContainer"]:disabled .input-typography {
|
|
195
|
+
color: var(--text-error-disabled, #f5a290);
|
|
196
|
+
}
|
|
197
|
+
.button[data-colorHierarchy="destructive/link"]:disabled .input-typography {
|
|
198
|
+
color: var(--text-error-disabled, #f5a290);
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
/* src/components/Typography/css/bold.css */
|
|
202
|
+
.TypographyCustom {
|
|
203
|
+
color: var(--Gray-110, var(--colors-greyscale-110, #2d2b32));
|
|
204
|
+
}
|
|
205
|
+
.TypographyCustom[data-bold=extrabold] {
|
|
206
|
+
font-weight: 800;
|
|
207
|
+
}
|
|
208
|
+
.TypographyCustom[data-bold=bold] {
|
|
209
|
+
font-weight: 700;
|
|
210
|
+
}
|
|
211
|
+
.TypographyCustom[data-bold=semibold] {
|
|
212
|
+
font-weight: 600;
|
|
213
|
+
}
|
|
214
|
+
.TypographyCustom[data-bold=medium] {
|
|
215
|
+
font-weight: 500;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
/* src/components/Typography/css/category/display.css */
|
|
219
|
+
.TypographyCustom[data-category=display][data-size=lg] {
|
|
220
|
+
font-size: 180px;
|
|
221
|
+
font-style: normal;
|
|
222
|
+
line-height: 188px;
|
|
223
|
+
letter-spacing: -9px;
|
|
224
|
+
}
|
|
225
|
+
.TypographyCustom[data-category=display][data-size=md] {
|
|
226
|
+
font-size: 128px;
|
|
227
|
+
font-style: normal;
|
|
228
|
+
line-height: 136px;
|
|
229
|
+
letter-spacing: -5.12px;
|
|
230
|
+
}
|
|
231
|
+
.TypographyCustom[data-category=display][data-size=sm] {
|
|
232
|
+
font-size: 96px;
|
|
233
|
+
font-style: normal;
|
|
234
|
+
line-height: 104px;
|
|
235
|
+
letter-spacing: -2.88px;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
/* src/components/Typography/css/category/heading.css */
|
|
239
|
+
.TypographyCustom[data-category=heading][data-size=xxl] {
|
|
240
|
+
font-size: 72px;
|
|
241
|
+
font-style: normal;
|
|
242
|
+
line-height: 80px;
|
|
243
|
+
letter-spacing: -1.44px;
|
|
244
|
+
}
|
|
245
|
+
.TypographyCustom[data-category=heading][data-size=xl] {
|
|
246
|
+
font-size: 60px;
|
|
247
|
+
font-style: normal;
|
|
248
|
+
line-height: 68px;
|
|
249
|
+
letter-spacing: -1.08px;
|
|
250
|
+
}
|
|
251
|
+
.TypographyCustom[data-category=heading][data-size=lg] {
|
|
252
|
+
font-size: 48px;
|
|
253
|
+
font-style: normal;
|
|
254
|
+
line-height: 56px;
|
|
255
|
+
letter-spacing: -0.768px;
|
|
256
|
+
}
|
|
257
|
+
.TypographyCustom[data-category=heading][data-size=md] {
|
|
258
|
+
font-size: 36px;
|
|
259
|
+
font-style: normal;
|
|
260
|
+
line-height: 44px;
|
|
261
|
+
letter-spacing: -0.504px;
|
|
262
|
+
}
|
|
263
|
+
.TypographyCustom[data-category=heading][data-size=sm] {
|
|
264
|
+
font-size: 30px;
|
|
265
|
+
font-style: normal;
|
|
266
|
+
line-height: 38px;
|
|
267
|
+
letter-spacing: -0.39px;
|
|
268
|
+
}
|
|
269
|
+
.TypographyCustom[data-category=heading][data-size=xs] {
|
|
270
|
+
font-size: 24px;
|
|
271
|
+
font-style: normal;
|
|
272
|
+
line-height: 32px;
|
|
273
|
+
letter-spacing: -0.288px;
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
/* src/components/Typography/css/category/text.css */
|
|
277
|
+
.TypographyCustom[data-category=text][data-size=xxl] {
|
|
278
|
+
font-size: 24px;
|
|
279
|
+
font-style: normal;
|
|
280
|
+
line-height: 32px;
|
|
281
|
+
letter-spacing: -0.288px;
|
|
282
|
+
}
|
|
283
|
+
.TypographyCustom[data-category=text][data-size=xl] {
|
|
284
|
+
font-size: 20px;
|
|
285
|
+
font-style: normal;
|
|
286
|
+
line-height: 28px;
|
|
287
|
+
letter-spacing: -0.2px;
|
|
288
|
+
}
|
|
289
|
+
.TypographyCustom[data-category=text][data-size=lg] {
|
|
290
|
+
font-size: 18px;
|
|
291
|
+
font-style: normal;
|
|
292
|
+
line-height: 24px;
|
|
293
|
+
letter-spacing: -0.144px;
|
|
294
|
+
}
|
|
295
|
+
.TypographyCustom[data-category=text][data-size=md] {
|
|
296
|
+
font-size: 16px;
|
|
297
|
+
font-style: normal;
|
|
298
|
+
line-height: 22px;
|
|
299
|
+
letter-spacing: -0.112px;
|
|
300
|
+
}
|
|
301
|
+
.TypographyCustom[data-category=text][data-size=sm] {
|
|
302
|
+
font-size: 14px;
|
|
303
|
+
font-style: normal;
|
|
304
|
+
line-height: 20px;
|
|
305
|
+
letter-spacing: -0.084px;
|
|
306
|
+
}
|
|
307
|
+
.TypographyCustom[data-category=text][data-size=xs] {
|
|
308
|
+
font-size: 12px;
|
|
309
|
+
font-style: normal;
|
|
310
|
+
line-height: 16px;
|
|
311
|
+
letter-spacing: -0.06px;
|
|
312
|
+
}
|
|
313
|
+
.TypographyCustom[data-category=text][data-size=xxs] {
|
|
314
|
+
font-size: 10px;
|
|
315
|
+
font-style: normal;
|
|
316
|
+
line-height: 14px;
|
|
317
|
+
letter-spacing: -0.04px;
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
/* src/components/Typography/css/index.css */
|
|
321
|
+
|
|
322
|
+
/* src/components/CustomInput/css/input.css */
|
|
323
|
+
.custom-input {
|
|
324
|
+
display: flex;
|
|
325
|
+
flex-direction: row;
|
|
326
|
+
padding: 12px;
|
|
327
|
+
align-items: center;
|
|
328
|
+
gap: 12px;
|
|
329
|
+
width: 296px;
|
|
330
|
+
align-self: stretch;
|
|
331
|
+
border-radius: var(--border-radius-radius-pre-lg, 12px);
|
|
332
|
+
border: 1px solid var(--border-default, #e6e6e6);
|
|
333
|
+
background: var(--surface-white, #fff);
|
|
334
|
+
box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);
|
|
335
|
+
}
|
|
336
|
+
.custom-input input {
|
|
337
|
+
width: 100%;
|
|
338
|
+
border: none;
|
|
339
|
+
}
|
|
340
|
+
.custom-input input::placeholder {
|
|
341
|
+
color: var(--text-disabled, #939197);
|
|
342
|
+
font-weight: 500;
|
|
343
|
+
}
|
|
344
|
+
.custom-input input:hover,
|
|
345
|
+
.custom-input input:focus,
|
|
346
|
+
.custom-input input:active {
|
|
347
|
+
border: none;
|
|
348
|
+
outline: none;
|
|
349
|
+
}
|
|
350
|
+
.custom-input .left-icon,
|
|
351
|
+
.custom-input .right-icon {
|
|
352
|
+
display: flex;
|
|
353
|
+
align-items: center;
|
|
354
|
+
justify-content: center;
|
|
355
|
+
}
|
|
356
|
+
.custom-input input {
|
|
357
|
+
font-family: var(--font-family);
|
|
358
|
+
color: var(--text-primary, #080808);
|
|
359
|
+
font-weight: 600;
|
|
360
|
+
font-size: 14px;
|
|
361
|
+
font-style: normal;
|
|
362
|
+
}
|
|
363
|
+
.custom-input .grey-box {
|
|
364
|
+
margin: -12px;
|
|
365
|
+
padding: 12px;
|
|
366
|
+
gap: 6px;
|
|
367
|
+
display: flex;
|
|
368
|
+
flex-direction: row;
|
|
369
|
+
background: #f9f9f9;
|
|
370
|
+
}
|
|
371
|
+
.custom-input .grey-right-box {
|
|
372
|
+
padding: 12px;
|
|
373
|
+
border-top-right-radius: 12px;
|
|
374
|
+
border-bottom-right-radius: 12px;
|
|
375
|
+
border-left: 1px solid #e6e6e6;
|
|
376
|
+
}
|
|
377
|
+
.custom-input .grey-left-box {
|
|
378
|
+
padding: 12px 14px;
|
|
379
|
+
border-top-left-radius: 12px;
|
|
380
|
+
border-bottom-left-radius: 12px;
|
|
381
|
+
border-right: 1px solid #e6e6e6;
|
|
382
|
+
}
|
|
383
|
+
.custom-input select:focus {
|
|
384
|
+
border: none;
|
|
385
|
+
outline: none;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
/* src/components/CustomInput/css/state/default.css */
|
|
389
|
+
|
|
390
|
+
/* src/components/CustomInput/css/state/hover.css */
|
|
391
|
+
.custom-input:hover {
|
|
392
|
+
border: var(--border-radius-radius-none, 1px) solid var(--border-hover, #c9c9cc);
|
|
393
|
+
box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
/* src/components/CustomInput/css/state/focused.css */
|
|
397
|
+
.custom-input:focus-within {
|
|
398
|
+
border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);
|
|
399
|
+
background: var(--surface-white, #fff);
|
|
400
|
+
box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
/* src/components/CustomInput/css/state/disabled.css */
|
|
404
|
+
.custom-input:has(input:disabled) {
|
|
405
|
+
border-radius: var(--border-radius-radius-pre-lg, 12px);
|
|
406
|
+
border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);
|
|
407
|
+
background: var(--surface-disabled, #f1f1f1);
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
/* src/components/CustomInput/css/state/error.css */
|
|
411
|
+
.custom-input[data-error=true] {
|
|
412
|
+
border: var(--border-radius-radius-none, 1px) solid var(--border-error, #ea4621);
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
/* src/components/CustomInput/css/state/filled.css */
|
|
416
|
+
|
|
417
|
+
/* src/components/CustomInput/css/index.css */
|
|
418
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/CustomButton/css/customButton.css","../src/components/CustomButton/css/size.css","../src/components/CustomButton/css/color/default.css","../src/components/CustomButton/css/color/hover.css","../src/components/CustomButton/css/color/focused.css","../src/components/CustomButton/css/color/disabled.css","../src/components/Typography/css/bold.css","../src/components/Typography/css/category/display.css","../src/components/Typography/css/category/heading.css","../src/components/Typography/css/category/text.css","../src/components/CustomInput/css/input.css","../src/components/CustomInput/css/state/hover.css","../src/components/CustomInput/css/state/focused.css","../src/components/CustomInput/css/state/disabled.css","../src/components/CustomInput/css/state/error.css"],"sourcesContent":[".button {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n border: none;\n}\n\n/* .button[data-color='brand'] {\n background-color: var(--brand-color, #093DB0);\n color: #fff;\n}\n\n.button[data-color='gray'] {\n background-color: var(--gray-color, #6c757d);\n color: #fff;\n}\n\n.button[data-color='destructive'] {\n background-color: var(--destructive-color, #dc3545);\n color: #fff;\n} */\n\n/* .button[data-color='white'] {\n background-color: #fff;\n color: #000;\n border: 1px solid var(--gray-color, #6c757d);\n} */\n\n/* .button[data-hierarchy='primary'] {\n box-shadow: 0px 0px 0px 2px var(--primary-color, #007bff);\n}\n\n.button[data-hierarchy='secondary'] {\n box-shadow: none;\n border: 1px solid var(--secondary-color, #6c757d);\n}\n\n.button[data-hierarchy='link'] {\n background: none;\n border: none;\n color: var(--brand-color, #007bff);\n}\n\n.button[data-hierarchy='linkContainer'] {\n background-color: #f8f9fa;\n color: var(--brand-color, #007bff);\n border: 1px solid var(--gray-color, #6c757d);\n} */\n\n/*\n.button[data-state='default'] {\n opacity: 1;\n}\n\n.button[data-state='hover'] {\n opacity: 0.9;\n background: #08379E;\n \n}\n\n.button[data-state='focused'] {\n box-shadow: 0px 0px 0px 4px var(--primary-30, #B5C5E7);\n}\n\n.button[data-state='disabled'] {\n opacity: 0.5;\n cursor: not-allowed;\n}\n*/\n",".button[data-size=\"sm\"] {\n padding: 8px 12px;\n gap: 8px;\n border-radius: 12px;\n}\n\n.button[data-size=\"md\"] {\n padding: 10px 14px;\n gap: 8px;\n border-radius: 12px;\n}\n\n.button[data-size=\"lg\"] {\n padding: 12px 16px;\n gap: 10px;\n border-radius: 12px;\n}\n\n.button[data-size=\"xl\"] {\n padding: 16px 24px;\n gap: 12px;\n border-radius: 16px;\n}\n",".button[data-colorHierarchy=\"brand/primary\"] {\n background-color: var(--primary-main);\n}\n\n.button[data-colorHierarchy=\"brand/primary\"] .input-typography {\n color: #fff;\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"] {\n background-color: #f1f1f1;\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"white/secondary\"] {\n background-color: #fff;\n box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);\n border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"] {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"gray/link\"] {\n background-color: #fff;\n padding: 0;\n}\n\n.button[data-colorHierarchy=\"gray/link\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"brand/link\"] {\n background-color: #fff;\n padding: 0;\n}\n\n.button[data-colorHierarchy=\"brand/link\"] .input-typography {\n color: var(--primary-main);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"] {\n background: var(--surface-error, #ea4621);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"] .input-typography {\n color: #fff;\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"] {\n background: var(--surface-error-secondary, #fdece9);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"] .input-typography {\n color: var(--text-error, #ea4621);\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"] {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"] .input-typography {\n color: var(--text-error, #ea4621);\n}\n\n.button[data-colorHierarchy=\"\"] {\n background-color: #fff;\n padding: 0;\n}\n\n.button[data-colorHierarchy=\"\"] .input-typography {\n color: var(--text-error, #ea4621);\n}\n",".button[data-colorHierarchy=\"brand/primary\"]:hover {\n background: var(--surface-primary-hover, #08379e);\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"]:hover {\n background: var(--surface-secondary-hover, #ececed);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"]:hover {\n background: var(--surface-white---hover, #f9f9f9);\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"]:hover {\n background: var(--surface-secondary, #f1f1f1);\n}\n\n.button[data-colorHierarchy=\"gray/link\"]:hover {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"brand/link\"]:hover {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:hover {\n background: var(--surface-error-hover, #d33f1e);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:hover {\n background: var(--surface-error-secondary-hover, #fbdad3);\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"]:hover {\n background: var(--colors-red-5, #fef6f4);\n}\n\n.button[data-colorHierarchy=\"\"]:hover {\n background-color: #fff;\n}\n",".button[data-colorHierarchy=\"brand/primary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"gray/link\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"brand/link\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n\n.button[data-colorHierarchy=\"\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n",".button[data-colorHierarchy=\"brand/primary\"]:disabled {\n background: var(--surface-disabled, #f1f1f1);\n}\n\n.button:disabled .input-typography {\n color: var(--text-disabled, #939197);\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"]:disabled {\n background: var(--surface-disabled, #f1f1f1);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"]:disabled {\n background: var(--surface-white---disabled, #fdfdfd);\n}\n\n/* .button[data-colorHierarchy=\"gray/linkContainer\"]:disabled {\n }\n \n .button[data-colorHierarchy=\"gray/link\"]:disabled {\n }\n \n .button[data-colorHierarchy=\"brand/link\"]:disabled {\n } */\n\n.button[data-colorHierarchy=\"brand/link\"]:disabled .input-typography {\n color: var(--text-action-disabled, #849ed7);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:disabled {\n background: var(--surface-error-disabled, #fdece9);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:disabled {\n background: var(--surface-error-disabled, #fdece9);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n\n/* .button[data-colorHierarchy=\"destructive/linkContainer\"]:disabled {\n }\n \n .button[data-colorHierarchy=\"\"]:disabled {\n } */\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n\n.button[data-colorHierarchy=\"destructive/link\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n",".TypographyCustom {\n color: var(--Gray-110, var(--colors-greyscale-110, #2d2b32));\n}\n\n/* text bold css*/\n.TypographyCustom[data-bold=\"extrabold\"] {\n font-weight: 800;\n}\n\n.TypographyCustom[data-bold=\"bold\"] {\n font-weight: 700;\n}\n\n.TypographyCustom[data-bold=\"semibold\"] {\n font-weight: 600;\n}\n\n.TypographyCustom[data-bold=\"medium\"] {\n font-weight: 500;\n}\n",".TypographyCustom[data-category=\"display\"][data-size=\"lg\"] {\n font-size: 180px;\n font-style: normal;\n line-height: 188px; /* 104.444% */\n letter-spacing: -9px;\n}\n\n.TypographyCustom[data-category=\"display\"][data-size=\"md\"] {\n font-size: 128px;\n font-style: normal;\n line-height: 136px; /* 106.25% */\n letter-spacing: -5.12px;\n}\n\n.TypographyCustom[data-category=\"display\"][data-size=\"sm\"] {\n font-size: 96px;\n font-style: normal;\n line-height: 104px; /* 108.333% */\n letter-spacing: -2.88px;\n}\n",".TypographyCustom[data-category=\"heading\"][data-size=\"xxl\"] {\n font-size: 72px;\n font-style: normal;\n line-height: 80px; /* 111.111% */\n letter-spacing: -1.44px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"xl\"] {\n font-size: 60px;\n font-style: normal;\n line-height: 68px; /* 113.333% */\n letter-spacing: -1.08px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"lg\"] {\n font-size: 48px;\n font-style: normal;\n line-height: 56px; /* 116.667% */\n letter-spacing: -0.768px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"md\"] {\n font-size: 36px;\n font-style: normal;\n line-height: 44px; /* 122.222% */\n letter-spacing: -0.504px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"sm\"] {\n font-size: 30px;\n font-style: normal;\n line-height: 38px; /* 126.667% */\n letter-spacing: -0.39px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"xs\"] {\n font-size: 24px;\n font-style: normal;\n line-height: 32px; /* 133.333% */\n letter-spacing: -0.288px;\n}\n",".TypographyCustom[data-category=\"text\"][data-size=\"xxl\"] {\n font-size: 24px;\n font-style: normal;\n line-height: 32px; /* 133.333% */\n letter-spacing: -0.288px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"xl\"] {\n font-size: 20px;\n font-style: normal;\n line-height: 28px; /* 140% */\n letter-spacing: -0.2px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"lg\"] {\n font-size: 18px;\n font-style: normal;\n line-height: 24px; /* 133.333% */\n letter-spacing: -0.144px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"md\"] {\n font-size: 16px;\n font-style: normal;\n line-height: 22px; /* 137.5% */\n letter-spacing: -0.112px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"sm\"] {\n font-size: 14px;\n font-style: normal;\n line-height: 20px; /* 142.857% */\n letter-spacing: -0.084px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"xs\"] {\n font-size: 12px;\n font-style: normal;\n line-height: 16px; /* 133.333% */\n letter-spacing: -0.06px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"xxs\"] {\n font-size: 10px;\n font-style: normal;\n line-height: 14px; /* 140% */\n letter-spacing: -0.04px;\n}\n",".custom-input {\n display: flex;\n flex-direction: row;\n padding: 12px;\n align-items: center;\n gap: 12px;\n width: 296px;\n align-self: stretch;\n border-radius: var(--border-radius-radius-pre-lg, 12px);\n\n border: 1px solid var(--border-default, #e6e6e6);\n background: var(--surface-white, #fff);\n\n /* Shadow/xs */\n box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);\n}\n\n.custom-input input {\n width: 100%;\n border: none;\n}\n\n.custom-input input::placeholder {\n color: var(--text-disabled, #939197);\n font-weight: 500;\n}\n\n.custom-input input:hover,\n.custom-input input:focus,\n.custom-input input:active {\n border: none;\n outline: none;\n}\n\n.custom-input .left-icon,\n.custom-input .right-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.custom-input input {\n font-family: var(--font-family);\n color: var(--text-primary, #080808);\n font-weight: 600;\n font-size: 14px;\n font-style: normal;\n}\n\n.custom-input .grey-box {\n margin: -12px;\n padding: 12px;\n gap: 6px;\n display: flex;\n flex-direction: row;\n background: #f9f9f9;\n}\n\n.custom-input .grey-right-box {\n padding: 12px;\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n border-left: 1px solid #e6e6e6;\n}\n\n.custom-input .grey-left-box {\n padding: 12px 14px;\n border-top-left-radius: 12px;\n border-bottom-left-radius: 12px;\n border-right: 1px solid #e6e6e6;\n}\n\n.custom-input select:focus {\n border: none;\n outline: none;\n}\n",".custom-input:hover {\n border: var(--border-radius-radius-none, 1px) solid var(--border-hover, #c9c9cc);\n /* Shadow/xs */\n box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);\n}\n",".custom-input:focus-within {\n border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);\n background: var(--surface-white, #fff);\n\n box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);\n}\n",".custom-input:has(input:disabled) {\n border-radius: var(--border-radius-radius-pre-lg, 12px);\n border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);\n background: var(--surface-disabled, #f1f1f1);\n}\n",".custom-input[data-error=\"true\"] {\n border: var(--border-radius-radius-none, 1px) solid var(--border-error, #ea4621);\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
|
|
3
|
+
type ButtonSize = "sm" | "md" | "lg" | "xl";
|
|
4
|
+
type ButtonColor = "brand" | "gray" | "destructive" | "white";
|
|
5
|
+
type ButtonHierarchy = "primary" | "secondary" | "link" | "linkContainer";
|
|
6
|
+
type ButtonColorHierarchyType = `${ButtonColor}/${ButtonHierarchy}`;
|
|
7
|
+
|
|
8
|
+
interface CustomButtonProps {
|
|
9
|
+
size?: ButtonSize;
|
|
10
|
+
colorHierarchy?: ButtonColorHierarchyType;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
text: string;
|
|
13
|
+
leftIcon?: any;
|
|
14
|
+
rightIcon?: any;
|
|
15
|
+
onClick?: () => void;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare const CustomButton: React.FC<CustomButtonProps>;
|
|
19
|
+
|
|
20
|
+
type Size = "md" | "lg";
|
|
21
|
+
type Type = "default" | "action" | "currency" | "creditCard" | "date" | "link" | "password" | "search" | "tel" | "number";
|
|
22
|
+
interface CustomInputProps {
|
|
23
|
+
Size?: Size;
|
|
24
|
+
type?: Type;
|
|
25
|
+
label?: string;
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
errExists?: boolean;
|
|
28
|
+
placeholder: string;
|
|
29
|
+
leftIcon?: any;
|
|
30
|
+
rightIcon?: any;
|
|
31
|
+
onAction?: () => void;
|
|
32
|
+
style?: CSSProperties;
|
|
33
|
+
[key: string]: any;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
declare const CustomInput: React.FC<CustomInputProps>;
|
|
37
|
+
|
|
38
|
+
type CustomCheckboxProps = {
|
|
39
|
+
checked: boolean;
|
|
40
|
+
onChange?: (checked: boolean) => void;
|
|
41
|
+
label?: string;
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
};
|
|
44
|
+
declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
|
|
45
|
+
|
|
46
|
+
export { CustomButton as Button, CustomCheckbox, CustomInput };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
|
|
3
|
+
type ButtonSize = "sm" | "md" | "lg" | "xl";
|
|
4
|
+
type ButtonColor = "brand" | "gray" | "destructive" | "white";
|
|
5
|
+
type ButtonHierarchy = "primary" | "secondary" | "link" | "linkContainer";
|
|
6
|
+
type ButtonColorHierarchyType = `${ButtonColor}/${ButtonHierarchy}`;
|
|
7
|
+
|
|
8
|
+
interface CustomButtonProps {
|
|
9
|
+
size?: ButtonSize;
|
|
10
|
+
colorHierarchy?: ButtonColorHierarchyType;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
text: string;
|
|
13
|
+
leftIcon?: any;
|
|
14
|
+
rightIcon?: any;
|
|
15
|
+
onClick?: () => void;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare const CustomButton: React.FC<CustomButtonProps>;
|
|
19
|
+
|
|
20
|
+
type Size = "md" | "lg";
|
|
21
|
+
type Type = "default" | "action" | "currency" | "creditCard" | "date" | "link" | "password" | "search" | "tel" | "number";
|
|
22
|
+
interface CustomInputProps {
|
|
23
|
+
Size?: Size;
|
|
24
|
+
type?: Type;
|
|
25
|
+
label?: string;
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
errExists?: boolean;
|
|
28
|
+
placeholder: string;
|
|
29
|
+
leftIcon?: any;
|
|
30
|
+
rightIcon?: any;
|
|
31
|
+
onAction?: () => void;
|
|
32
|
+
style?: CSSProperties;
|
|
33
|
+
[key: string]: any;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
declare const CustomInput: React.FC<CustomInputProps>;
|
|
37
|
+
|
|
38
|
+
type CustomCheckboxProps = {
|
|
39
|
+
checked: boolean;
|
|
40
|
+
onChange?: (checked: boolean) => void;
|
|
41
|
+
label?: string;
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
};
|
|
44
|
+
declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
|
|
45
|
+
|
|
46
|
+
export { CustomButton as Button, CustomCheckbox, CustomInput };
|