@egov3/system-design 2.2.8 → 2.2.11
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.cjs +499 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.css +411 -1
- package/dist/index.css.map +1 -1
- package/dist/{index.d.mts → index.d.cts} +7 -6
- package/dist/index.d.ts +7 -6
- package/dist/index.js +466 -1
- package/dist/index.js.map +1 -1
- package/package.json +24 -38
- package/dist/index.mjs +0 -1
- package/dist/index.mjs.map +0 -1
package/dist/index.css
CHANGED
|
@@ -1,2 +1,412 @@
|
|
|
1
|
-
|
|
1
|
+
/* src/components/Accordion/Accordion.module.css */
|
|
2
|
+
.Accordion-module__accordionBtn___1unNG {
|
|
3
|
+
border-radius: inherit;
|
|
4
|
+
cursor: pointer;
|
|
5
|
+
display: flex;
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
text-align: left;
|
|
8
|
+
width: 100%;
|
|
9
|
+
}
|
|
10
|
+
.Accordion-module__accordionContent___Qnx7K {
|
|
11
|
+
max-height: 1000px;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
transition: all .3s ease-in-out;
|
|
14
|
+
}
|
|
15
|
+
.Accordion-module__accordionContent--hidden___DrXay {
|
|
16
|
+
max-height: 0;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/* src/components/Button/button.module.css */
|
|
20
|
+
.button-module__button___JyfZW {
|
|
21
|
+
align-items: center;
|
|
22
|
+
border: none;
|
|
23
|
+
cursor: pointer;
|
|
24
|
+
display: inline-flex;
|
|
25
|
+
justify-content: center;
|
|
26
|
+
transition: background-color .2s ease;
|
|
27
|
+
}
|
|
28
|
+
.button-module__btn-default___EDl7t {
|
|
29
|
+
background-color: var(--default-primary-accent);
|
|
30
|
+
color: var(--default-white-color);
|
|
31
|
+
}
|
|
32
|
+
.button-module__btn-default--disabled___H36E7 {
|
|
33
|
+
background-color: var(--button-disabled-default-color);
|
|
34
|
+
color: var(--text-disabled-color);
|
|
35
|
+
}
|
|
36
|
+
.button-module__btn-tinted___Do6iX {
|
|
37
|
+
background-color: var(--button-tinted-default-color);
|
|
38
|
+
color: var(--text-accent);
|
|
39
|
+
}
|
|
40
|
+
.button-module__btn-tinted--disabled___XRuq- {
|
|
41
|
+
background-color: var(--button-tinted-default-color);
|
|
42
|
+
color: var(--text-disabled-accent-color);
|
|
43
|
+
}
|
|
44
|
+
.button-module__btn-secondary___LtTTr {
|
|
45
|
+
background-color: var(--surface-surface-3-color);
|
|
46
|
+
color: var(--text-primary);
|
|
47
|
+
}
|
|
48
|
+
.button-module__btn-secondary--disabled___5YS63 {
|
|
49
|
+
background-color: var(--surface-surface-3-color);
|
|
50
|
+
color: var(--text-secondary);
|
|
51
|
+
}
|
|
52
|
+
.button-module__btn-default___EDl7t:hover {
|
|
53
|
+
background-color: var(--button-primary-on-hover-color);
|
|
54
|
+
}
|
|
55
|
+
.button-module__btn-tinted___Do6iX:hover {
|
|
56
|
+
background-color: var(--button-tinted-on-hover-color);
|
|
57
|
+
}
|
|
58
|
+
.button-module__btn-secondary___LtTTr:hover {
|
|
59
|
+
background-color: var(--button-secondary-on-hover);
|
|
60
|
+
}
|
|
61
|
+
.button-module__btn--mini___a9EJm {
|
|
62
|
+
gap: 4px;
|
|
63
|
+
padding: 6px 12px;
|
|
64
|
+
}
|
|
65
|
+
.button-module__btn--small___xfhlR {
|
|
66
|
+
gap: 8px;
|
|
67
|
+
padding: 8px 16px;
|
|
68
|
+
}
|
|
69
|
+
.button-module__btn--medium___pFJSr {
|
|
70
|
+
gap: 8px;
|
|
71
|
+
padding: 8px 20px;
|
|
72
|
+
}
|
|
73
|
+
.button-module__btn--large___GvwY2 {
|
|
74
|
+
gap: 8px;
|
|
75
|
+
padding: 14px 24px;
|
|
76
|
+
}
|
|
77
|
+
.button-module__btn-square--mini___RWpOc {
|
|
78
|
+
border-radius: 4px;
|
|
79
|
+
}
|
|
80
|
+
.button-module__btn-square--small___M-WgA {
|
|
81
|
+
border-radius: 6px;
|
|
82
|
+
}
|
|
83
|
+
.button-module__btn-square--medium___aDBfE {
|
|
84
|
+
border-radius: 10px;
|
|
85
|
+
}
|
|
86
|
+
.button-module__btn-square--large___dwebF {
|
|
87
|
+
border-radius: 12px;
|
|
88
|
+
}
|
|
89
|
+
.button-module__btn-rounded--medium___TKy02,
|
|
90
|
+
.button-module__btn-rounded--mini___bX5xJ,
|
|
91
|
+
.button-module__btn-rounded--small___LI-QV {
|
|
92
|
+
border-radius: 32px;
|
|
93
|
+
}
|
|
94
|
+
.button-module__btn-rounded--large___joy-r {
|
|
95
|
+
border-radius: 40px;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
/* src/styles/typography.module.css */
|
|
99
|
+
.typography-module__Heading1___qoIqf {
|
|
100
|
+
font-family: Inter;
|
|
101
|
+
font-size: 32px;
|
|
102
|
+
font-style: normal;
|
|
103
|
+
font-weight: 600;
|
|
104
|
+
letter-spacing: -.32px;
|
|
105
|
+
line-height: 36px;
|
|
106
|
+
}
|
|
107
|
+
.typography-module__Heading3___bAFUu {
|
|
108
|
+
font-family: Inter;
|
|
109
|
+
font-size: 24px;
|
|
110
|
+
font-style: normal;
|
|
111
|
+
font-weight: 600;
|
|
112
|
+
letter-spacing: -.24px;
|
|
113
|
+
line-height: 28px;
|
|
114
|
+
}
|
|
115
|
+
.typography-module__Subtitles3___fZk78 {
|
|
116
|
+
font-family: Inter;
|
|
117
|
+
font-size: 16px;
|
|
118
|
+
font-style: normal;
|
|
119
|
+
font-weight: 600;
|
|
120
|
+
line-height: 24px;
|
|
121
|
+
}
|
|
122
|
+
.typography-module__Body1Medium___6oNx- {
|
|
123
|
+
font-family: Inter;
|
|
124
|
+
font-size: 16px;
|
|
125
|
+
font-style: normal;
|
|
126
|
+
font-weight: 500;
|
|
127
|
+
line-height: 24px;
|
|
128
|
+
}
|
|
129
|
+
.typography-module__Body1Regular___M-29m {
|
|
130
|
+
font-family: Inter;
|
|
131
|
+
font-size: 16px;
|
|
132
|
+
font-style: normal;
|
|
133
|
+
font-weight: 400;
|
|
134
|
+
line-height: 24px;
|
|
135
|
+
}
|
|
136
|
+
.typography-module__Body2Medium___AgTJq {
|
|
137
|
+
font-family: Inter;
|
|
138
|
+
font-size: 14px;
|
|
139
|
+
font-style: normal;
|
|
140
|
+
font-weight: 500;
|
|
141
|
+
line-height: 20px;
|
|
142
|
+
}
|
|
143
|
+
.typography-module__Body2Regular___vMqoR {
|
|
144
|
+
font-family: Inter;
|
|
145
|
+
font-size: 14px;
|
|
146
|
+
font-style: normal;
|
|
147
|
+
font-weight: 400;
|
|
148
|
+
line-height: 20px;
|
|
149
|
+
}
|
|
150
|
+
.typography-module__Body3Regular___4msoY {
|
|
151
|
+
font-family: Inter;
|
|
152
|
+
font-size: 14px;
|
|
153
|
+
font-style: normal;
|
|
154
|
+
font-weight: 400;
|
|
155
|
+
line-height: 16px;
|
|
156
|
+
}
|
|
157
|
+
.typography-module__Caption1Medium___ZOAXc {
|
|
158
|
+
font-family: Inter;
|
|
159
|
+
font-size: 12px;
|
|
160
|
+
font-style: normal;
|
|
161
|
+
font-weight: 500;
|
|
162
|
+
line-height: 16px;
|
|
163
|
+
}
|
|
164
|
+
.typography-module__Caption1Regular___Ngisv {
|
|
165
|
+
font-family: Inter;
|
|
166
|
+
font-size: 12px;
|
|
167
|
+
font-style: normal;
|
|
168
|
+
font-weight: 400;
|
|
169
|
+
line-height: 16px;
|
|
170
|
+
}
|
|
171
|
+
.typography-module__Caption1Semibold___bp7U4 {
|
|
172
|
+
font-family: Inter;
|
|
173
|
+
font-size: 12px;
|
|
174
|
+
font-style: normal;
|
|
175
|
+
font-weight: 600;
|
|
176
|
+
line-height: 16px;
|
|
177
|
+
}
|
|
178
|
+
.typography-module__Caption2Medium___Ru8Ob {
|
|
179
|
+
font-family: Inter;
|
|
180
|
+
font-size: 10px;
|
|
181
|
+
font-style: normal;
|
|
182
|
+
font-weight: 500;
|
|
183
|
+
line-height: 12px;
|
|
184
|
+
}
|
|
185
|
+
.typography-module__Caption2Regular___tpO-t {
|
|
186
|
+
font-family: Inter;
|
|
187
|
+
font-size: 10px;
|
|
188
|
+
font-style: normal;
|
|
189
|
+
font-weight: 400;
|
|
190
|
+
line-height: 12px;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
/* src/components/InputField/InputField.module.css */
|
|
194
|
+
.InputField-module__inputContainer___f-bIm {
|
|
195
|
+
align-items: center;
|
|
196
|
+
background-color: var(--surface-surface-1);
|
|
197
|
+
border-radius: 8px;
|
|
198
|
+
display: flex;
|
|
199
|
+
padding: 12px 16px;
|
|
200
|
+
}
|
|
201
|
+
.InputField-module__inputContainerLabeled___zrQbJ {
|
|
202
|
+
background-color: var(--surface-surface-1);
|
|
203
|
+
border-radius: 8px;
|
|
204
|
+
display: block;
|
|
205
|
+
padding: 12px 16px;
|
|
206
|
+
}
|
|
207
|
+
.InputField-module__inputContainerLabeled___zrQbJ label {
|
|
208
|
+
color: var(--text-secondary);
|
|
209
|
+
}
|
|
210
|
+
.InputField-module__input___Lgxvm {
|
|
211
|
+
background-color: var(--surface-surface-1);
|
|
212
|
+
border: none;
|
|
213
|
+
width: 100%;
|
|
214
|
+
}
|
|
215
|
+
.InputField-module__input___Lgxvm:active,
|
|
216
|
+
.InputField-module__input___Lgxvm:focus {
|
|
217
|
+
outline: none;
|
|
218
|
+
}
|
|
219
|
+
.InputField-module__input___Lgxvm::-moz-placeholder {
|
|
220
|
+
color: var(--text-disabled-color);
|
|
221
|
+
}
|
|
222
|
+
.InputField-module__input___Lgxvm::placeholder {
|
|
223
|
+
color: var(--text-disabled-color);
|
|
224
|
+
}
|
|
225
|
+
.InputField-module__input___Lgxvm::-webkit-inner-spin-button,
|
|
226
|
+
.InputField-module__input___Lgxvm::-webkit-outer-spin-button {
|
|
227
|
+
-webkit-appearance: none;
|
|
228
|
+
margin: 0;
|
|
229
|
+
}
|
|
230
|
+
.InputField-module__clearIcon___1KYtM {
|
|
231
|
+
cursor: pointer;
|
|
232
|
+
}
|
|
233
|
+
.InputField-module__input--onfocus___cJyDp,
|
|
234
|
+
.InputField-module__input--onfocus___cJyDp .InputField-module__input___Lgxvm {
|
|
235
|
+
background-color: var(--surface-surface-3-color);
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
/* src/components/Modal/Modal.module.css */
|
|
239
|
+
.Modal-module__overlay___dd9h1 {
|
|
240
|
+
align-items: center;
|
|
241
|
+
background: rgba(0, 0, 0, .5);
|
|
242
|
+
bottom: 0;
|
|
243
|
+
box-sizing: border-box;
|
|
244
|
+
display: flex;
|
|
245
|
+
justify-content: center;
|
|
246
|
+
left: 0;
|
|
247
|
+
position: fixed;
|
|
248
|
+
right: 0;
|
|
249
|
+
top: 0;
|
|
250
|
+
z-index: 1;
|
|
251
|
+
}
|
|
252
|
+
.Modal-module__contentWrap___TeYsL {
|
|
253
|
+
animation: Modal-module__flyDawn___scb7- 1s;
|
|
254
|
+
background: var(--page-color-background-white);
|
|
255
|
+
border-radius: 16px;
|
|
256
|
+
height: -moz-fit-content;
|
|
257
|
+
height: fit-content;
|
|
258
|
+
}
|
|
259
|
+
.Modal-module__largeVariant___L-djj {
|
|
260
|
+
width: 1052px;
|
|
261
|
+
}
|
|
262
|
+
.Modal-module__smallVariant___OSCjI {
|
|
263
|
+
width: 400px;
|
|
264
|
+
}
|
|
265
|
+
.Modal-module__contentHeader___6XO83 {
|
|
266
|
+
align-items: center;
|
|
267
|
+
align-self: stretch;
|
|
268
|
+
display: flex;
|
|
269
|
+
justify-content: space-between;
|
|
270
|
+
padding: 12px 16px;
|
|
271
|
+
position: relative;
|
|
272
|
+
}
|
|
273
|
+
.Modal-module__title___A5OeE {
|
|
274
|
+
color: var(--text-primary);
|
|
275
|
+
}
|
|
276
|
+
@keyframes Modal-module__flyDawn___scb7- {
|
|
277
|
+
0% {
|
|
278
|
+
opacity: .1;
|
|
279
|
+
transform: translateY(-1000px);
|
|
280
|
+
}
|
|
281
|
+
to {
|
|
282
|
+
opacity: 1;
|
|
283
|
+
transform: translateY(0);
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
/* src/components/RadioGroup/RadioGroup.module.css */
|
|
288
|
+
.RadioGroup-module__radio___iyFIA {
|
|
289
|
+
align-items: center;
|
|
290
|
+
cursor: pointer;
|
|
291
|
+
display: flex;
|
|
292
|
+
}
|
|
293
|
+
.RadioGroup-module__radio___iyFIA input {
|
|
294
|
+
display: none;
|
|
295
|
+
}
|
|
296
|
+
.RadioGroup-module__radioBtn___n1J5v {
|
|
297
|
+
border: 2px solid var(--button-secondary-on-hover);
|
|
298
|
+
border-radius: 50%;
|
|
299
|
+
height: 15px;
|
|
300
|
+
margin: 10px;
|
|
301
|
+
position: relative;
|
|
302
|
+
transition: background .3s;
|
|
303
|
+
width: 15px;
|
|
304
|
+
}
|
|
305
|
+
.RadioGroup-module__radioBtn___n1J5v:after {
|
|
306
|
+
background: var(--button-primary-default);
|
|
307
|
+
border-radius: 50%;
|
|
308
|
+
content: "";
|
|
309
|
+
height: 10px;
|
|
310
|
+
left: 50%;
|
|
311
|
+
position: absolute;
|
|
312
|
+
top: 50%;
|
|
313
|
+
transform: scale(0) translate(-50%, -50%);
|
|
314
|
+
transition: transform .3s;
|
|
315
|
+
width: 10px;
|
|
316
|
+
}
|
|
317
|
+
input:checked + .RadioGroup-module__radioBtn___n1J5v:after {
|
|
318
|
+
transform: scale(1) translate(-50%, -50%);
|
|
319
|
+
}
|
|
320
|
+
input:checked + .RadioGroup-module__radioBtn___n1J5v {
|
|
321
|
+
border: 2px solid var(--button-primary-default);
|
|
322
|
+
}
|
|
323
|
+
.RadioGroup-module__radioBtnText___aP5kH {
|
|
324
|
+
padding-left: 10px;
|
|
325
|
+
width: -moz-fit-content;
|
|
326
|
+
width: fit-content;
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
/* src/components/RadioToggle/RadioToggle.module.css */
|
|
330
|
+
.RadioToggle-module__wrap___tM-kQ {
|
|
331
|
+
align-items: center;
|
|
332
|
+
background: var(--leaf);
|
|
333
|
+
border-radius: 40px;
|
|
334
|
+
display: flex;
|
|
335
|
+
height: 16px;
|
|
336
|
+
justify-content: flex-end;
|
|
337
|
+
padding: 4px;
|
|
338
|
+
width: 32px;
|
|
339
|
+
}
|
|
340
|
+
.RadioToggle-module__wrapLock___sLgxo {
|
|
341
|
+
background: var(--surface-surface-3-color);
|
|
342
|
+
justify-content: flex-start;
|
|
343
|
+
}
|
|
344
|
+
.RadioToggle-module__round___5NUUP {
|
|
345
|
+
background: var(--surface-surface-2);
|
|
346
|
+
border-radius: 100px;
|
|
347
|
+
height: 16px;
|
|
348
|
+
width: 16px;
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
/* src/styles/colors.css */
|
|
352
|
+
:root {
|
|
353
|
+
--button-alternative-default-color:hsla(0,0%,67%,.64);
|
|
354
|
+
--button-disabled-default-color:#c5ccd3;
|
|
355
|
+
--button-primary-default:#0581da;
|
|
356
|
+
--button-primary-on-hover-color:#1a9cfa;
|
|
357
|
+
--button-secondary-default-color:#e6e9ec;
|
|
358
|
+
--button-secondary-on-hover:#c5ccd3;
|
|
359
|
+
--button-tinted-default-color:#e1f0fb;
|
|
360
|
+
--button-tinted-on-hover-color:#b2d9f5;
|
|
361
|
+
--default-primary-accent:#0581da;
|
|
362
|
+
--default-white-color:#fff;
|
|
363
|
+
--default-black-color:#000;
|
|
364
|
+
--leaf:#c1dc19;
|
|
365
|
+
--icon-accent-color:#0581da;
|
|
366
|
+
--icon-error-color:#f35929;
|
|
367
|
+
--icon-secondary-color:#758393;
|
|
368
|
+
--icon-success:#57bb09;
|
|
369
|
+
--icon-warning-color:#f3a229;
|
|
370
|
+
--page-color-background-gray:#f0f2f4;
|
|
371
|
+
--page-color-background-white:#fff;
|
|
372
|
+
--surface-surface-1:#f0f2f4;
|
|
373
|
+
--surface-surface-2:#fff;
|
|
374
|
+
--surface-surface-3-color:#e3e7eb;
|
|
375
|
+
--surface-surface-alt:rgba(240,242,244,.8);
|
|
376
|
+
--surface-surface-black-nonconvert:#000;
|
|
377
|
+
--surface-surface-black-opacity:rgba(0,0,0,.24);
|
|
378
|
+
--surface-surface-white-nonconvert:#fff;
|
|
379
|
+
--surface-surface-tinted:#e1f0fb;
|
|
380
|
+
--text-accent:#0581da;
|
|
381
|
+
--text-disabled-accent-color:#9bcdf0;
|
|
382
|
+
--text-disabled-color:#929daa;
|
|
383
|
+
--text-primary:#000;
|
|
384
|
+
--text-secondary:#758393;
|
|
385
|
+
--text-white-nonconvert-color:#fff;
|
|
386
|
+
--text-error:#f35929;
|
|
387
|
+
--border-stroke-primary:#e6e9ec;
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
/* src/components/SelectBoxButton/SelectBoxButton.module.css */
|
|
391
|
+
.SelectBoxButton-module__selectContainer___MyVJF {
|
|
392
|
+
align-items: center;
|
|
393
|
+
background-color: var(--surface-surface-1);
|
|
394
|
+
border-radius: 8px;
|
|
395
|
+
display: flex;
|
|
396
|
+
height: 56px;
|
|
397
|
+
justify-content: space-between;
|
|
398
|
+
padding: 8px 16px;
|
|
399
|
+
}
|
|
400
|
+
.SelectBoxButton-module__label___hlxlc {
|
|
401
|
+
color: var(--text-secondary);
|
|
402
|
+
display: flex;
|
|
403
|
+
}
|
|
404
|
+
.SelectBoxButton-module__errorLabel___gYbNN {
|
|
405
|
+
color: var(--icon-error-color);
|
|
406
|
+
display: flex;
|
|
407
|
+
}
|
|
408
|
+
.SelectBoxButton-module__selectText___7FeVj {
|
|
409
|
+
color: var(--text-primary);
|
|
410
|
+
display: flex;
|
|
411
|
+
}
|
|
2
412
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Accordion/Accordion.module.css","../src/components/Button/button.module.css","../src/styles/typography.module.css","../src/components/InputField/InputField.module.css","../src/components/Modal/Modal.module.css","../src/components/RadioGroup/RadioGroup.module.css","../src/components/RadioToggle/RadioToggle.module.css","../src/styles/colors.css","../src/components/SelectBoxButton/SelectBoxButton.module.css"],"sourcesContent":["@import \"~styles/colors.css\";\n\n.accordionBtn {\n border-radius: inherit;\n width: 100%;\n text-align: left;\n\n display: flex;\n justify-content: space-between;\n cursor: pointer;\n}\n\n.accordionContent {\n max-height: 1000px;\n overflow: hidden;\n transition: all 0.3s ease-in-out;\n}\n\n.accordionContent--hidden {\n max-height: 0;\n}\n","@import \"~styles/colors.css\";\n\n.button {\n border: none;\n transition: background-color 0.2s ease;\n\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n\n.btn-default {\n color: var(--default-white-color);\n background-color: var(--default-primary-accent);\n}\n\n.btn-default--disabled {\n color: var(--text-disabled-color);\n background-color: var(--button-disabled-default-color);\n}\n\n.btn-tinted {\n color: var(--text-accent);\n background-color: var(--button-tinted-default-color);\n}\n\n.btn-tinted--disabled {\n color: var(--text-disabled-accent-color);\n background-color: var(--button-tinted-default-color);\n}\n\n.btn-secondary {\n color: var(--text-primary);\n background-color: var(--surface-surface-3-color);\n}\n\n.btn-secondary--disabled {\n color: var(--text-secondary);\n background-color: var(--surface-surface-3-color);\n}\n\n.btn-default:hover {\n background-color: var(--button-primary-on-hover-color);\n}\n\n.btn-tinted:hover {\n background-color: var(--button-tinted-on-hover-color);\n}\n\n.btn-secondary:hover {\n background-color: var(--button-secondary-on-hover);\n}\n\n.btn--mini {\n gap: 4px;\n padding: 6px 12px;\n}\n\n.btn--small {\n gap: 8px;\n padding: 8px 16px;\n}\n\n.btn--medium {\n gap: 8px;\n padding: 8px 20px;\n}\n\n.btn--large {\n gap: 8px;\n padding: 14px 24px;\n}\n\n.btn-square--mini {\n border-radius: 4px;\n}\n\n.btn-square--small {\n border-radius: 6px;\n}\n\n.btn-square--medium {\n border-radius: 10px;\n}\n\n.btn-square--large {\n border-radius: 12px;\n}\n\n.btn-rounded--mini {\n border-radius: 32px;\n}\n\n.btn-rounded--small {\n border-radius: 32px;\n}\n\n.btn-rounded--medium {\n border-radius: 32px;\n}\n\n.btn-rounded--large {\n border-radius: 40px;\n}\n","/* Headings/Heading 1 */\n.Heading1 {\n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 36px; /* 112.5% */\n letter-spacing: -0.32px;\n}\n\n/* Headings/Heading 3 */\n.Heading3 {\n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px; /* 116.667% */\n letter-spacing: -0.24px;\n}\n\n/* Subtitles/Subtitle 3 */\n.Subtitles3 {\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Medium */\n.Body1Medium {\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Regular */\n.Body1Regular {\n font-family: Inter;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; /* 150% */\n}\n\n/* Body/Body 2, Medium */\n.Body2Medium {\n font-family: Inter;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 2, Regular */\n.Body2Regular {\n font-family: Inter;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 3, Regular */\n.Body3Regular {\n font-family: Inter;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 114.286% */\n}\n\n/* Caption/Caption 1, Medium */\n.Caption1Medium {\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Regular */\n.Caption1Regular {\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Semibold */\n.Caption1Semibold {\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 2, Medium */\n.Caption2Medium {\n font-family: Inter;\n font-size: 10px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px; /* 120% */\n}\n\n/* Caption/Caption 2, Regular */\n.Caption2Regular {\n font-family: Inter;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 12px; /* 120% */\n}\n","@import \"~styles/colors.css\";\n\n.inputContainer {\n display: flex;\n align-items: center;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 12px 16px;\n}\n\n.inputContainerLabeled {\n display: block;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 12px 16px;\n}\n\n.inputContainerLabeled label {\n color: var(--text-secondary);\n}\n\n.input {\n width: 100%;\n border: none;\n background-color: var(--surface-surface-1);\n}\n\n.input:active,\n.input:focus {\n outline: none;\n}\n\n.input::placeholder {\n color: var(--text-disabled-color);\n}\n\n.input::-webkit-inner-spin-button,\n.input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.clearIcon {\n cursor: pointer;\n}\n\n.input--onfocus {\n background-color: var(--surface-surface-3-color);\n}\n\n.input--onfocus .input {\n background-color: var(--surface-surface-3-color);\n}\n","@import \"~styles/colors.css\";\n\n.overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n box-sizing: border-box;\n}\n\n.contentWrap {\n background: var(--page-color-background-white);\n border-radius: 16px;\n height: fit-content;\n animation: flyDawn 1s;\n}\n\n.largeVariant {\n width: 1052px;\n}\n\n.smallVariant {\n width: 400px;\n}\n\n.contentHeader {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n padding: 12px 16px;\n}\n\n.title {\n color: var(--text-primary);\n}\n\n@keyframes flyDawn {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n","@import \"~styles/colors.css\";\n\n.radio {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.radio input {\n display: none;\n}\n\n.radioBtn {\n position: relative;\n height: 15px;\n width: 15px;\n border-radius: 50%;\n border: 2px solid var(--button-secondary-on-hover);\n margin: 10px;\n transition: background 0.3s;\n}\n\n.radioBtn::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n height: 10px;\n width: 10px;\n background: var(--button-primary-default);\n border-radius: 50%;\n transform: scale(0) translate(-50%, -50%);\n transition: transform 0.3s;\n}\n\ninput:checked + .radioBtn::after {\n transform: scale(1) translate(-50%, -50%);\n}\n\ninput:checked + .radioBtn {\n border: 2px solid var(--button-primary-default);\n}\n\n.radioBtnText {\n padding-left: 10px;\n width: fit-content;\n}\n","@import \"~styles/colors.css\";\n\n.wrap {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 4px;\n width: 32px;\n height: 16px;\n border-radius: 40px;\n background: var(--leaf);\n}\n\n.wrapLock {\n justify-content: flex-start;\n background: var(--surface-surface-3-color);\n}\n\n.round {\n width: 16px;\n height: 16px;\n background: var(--surface-surface-2);\n border-radius: 100px;\n}\n",":root {\n /* Buttons Colors */\n --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n --button-disabled-default-color: #c5ccd3;\n --button-primary-default: #0581da;\n --button-primary-on-hover-color: #1a9cfa;\n --button-secondary-default-color: #e6e9ec;\n --button-secondary-on-hover: #c5ccd3;\n --button-tinted-default-color: #e1f0fb;\n --button-tinted-on-hover-color: #b2d9f5;\n\n /* Default Colors */\n --default-primary-accent: #0581da;\n --default-white-color: #fff;\n --default-black-color: #000;\n\n /* General lightmode colors */\n --leaf: #c1dc19;\n\n /* Icons Colors */\n --icon-accent-color: #0581da;\n --icon-error-color: #f35929;\n --icon-secondary-color: #758393;\n --icon-success: #57bb09;\n --icon-warning-color: #f3a229;\n\n /* Page Color */\n --page-color-background-gray: #f0f2f4;\n --page-color-background-white: #fff;\n\n /* Surface Colors */\n --surface-surface-1: #f0f2f4;\n --surface-surface-2: #fff;\n --surface-surface-3-color: #e3e7eb;\n --surface-surface-alt: rgba(240, 242, 244, 0.8);\n --surface-surface-black-nonconvert: #000;\n --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n --surface-surface-white-nonconvert: #fff;\n --surface-surface-tinted: #e1f0fb;\n\n /* Text Colors */\n --text-accent: #0581da;\n --text-disabled-accent-color: #9bcdf0;\n --text-disabled-color: #929daa;\n --text-primary: #000;\n --text-secondary: #758393;\n --text-white-nonconvert-color: #fff;\n --text-error: #f35929;\n\n /* Border-Stroke Colors */\n --border-stroke-primary: #e6e9ec;\n}\n","@import \"~styles/colors.css\";\n\n.selectContainer {\n display: flex;\n height: 56px;\n justify-content: space-between;\n align-items: center;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n padding: 8px 16px;\n}\n\n.label {\n display: flex;\n color: var(--text-secondary);\n}\n\n.errorLabel {\n display: flex;\n color: var(--icon-error-color);\n}\n\n.selectText {\n display: flex;\n color: var(--text-primary);\n}\n"],"mappings":"AAEA,CAAC,aACC,cAAe,QACf,MAAO,KACP,WAAY,KAEZ,QAAS,KACT,gBAAiB,cACjB,OAAQ,OACV,CAEA,CAAC,iBACC,WAAY,OACZ,SAAU,OACV,WAAY,IAAI,IAAK,WACvB,CAEA,CAAC,yBACC,WAAY,CACd,CClBA,CAAC,OACC,OAAQ,KACR,WAAY,iBAAiB,IAAK,KAElC,QAAS,YACT,gBAAiB,OACjB,YAAa,OACb,OAAQ,OACV,CAEA,CAAC,YACC,MAAO,IAAI,uBACX,iBAAkB,IAAI,yBACxB,CAEA,CAAC,sBACC,MAAO,IAAI,uBACX,iBAAkB,IAAI,gCACxB,CAEA,CAAC,WACC,MAAO,IAAI,eACX,iBAAkB,IAAI,8BACxB,CAEA,CAAC,qBACC,MAAO,IAAI,8BACX,iBAAkB,IAAI,8BACxB,CAEA,CAAC,cACC,MAAO,IAAI,gBACX,iBAAkB,IAAI,0BACxB,CAEA,CAAC,wBACC,MAAO,IAAI,kBACX,iBAAkB,IAAI,0BACxB,CAEA,CA9BC,WA8BW,OACV,iBAAkB,IAAI,gCACxB,CAEA,CAxBC,UAwBU,OACT,iBAAkB,IAAI,+BACxB,CAEA,CAlBC,aAkBa,OACZ,iBAAkB,IAAI,4BACxB,CAEA,CAAC,UACC,IAAK,IAvDP,QAwDW,IAAI,IACf,CAEA,CAAC,WACC,IAAK,IA5DP,QA6DW,IAAI,IACf,CAEA,CAAC,YACC,IAAK,IAjEP,QAkEW,IAAI,IACf,CAEA,CAAC,WACC,IAAK,IAtEP,QAuEW,KAAK,IAChB,CAEA,CAAC,iBA1ED,cA2EiB,GACjB,CAEA,CAAC,kBA9ED,cA+EiB,GACjB,CAEA,CAAC,mBAlFD,cAmFiB,IACjB,CAEA,CAAC,kBAtFD,cAuFiB,IACjB,CAEA,CAAC,kBAID,CAAC,mBAID,CAAC,oBAlGD,cA2FiB,IACjB,CAUA,CAAC,mBAtGD,cAuGiB,IACjB,CCvGA,CAAC,SACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,KACb,eAAgB,MAClB,CAGA,CAAC,SACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,KACb,eAAgB,MAClB,CAGA,CAAC,WACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACf,CAGA,CAAC,YACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACf,CAGA,CAAC,aACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACf,CAGA,CAAC,YACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACf,CAGA,CAAC,aACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACf,CAGA,CAAC,aACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACf,CAGA,CAAC,eACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACf,CAGA,CAAC,gBACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACf,CAGA,CAAC,iBACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACf,CAGA,CAAC,eACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACf,CAGA,CAAC,gBACC,YAAa,MACb,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACf,CCnHA,CAAC,eACC,QAAS,KACT,YAAa,OACb,iBAAkB,IAAI,qBALxB,cAMiB,IANjB,QAOW,KAAK,IAChB,CAEA,CAAC,sBACC,QAAS,MACT,iBAAkB,IAAI,qBAZxB,cAaiB,IAbjB,QAcW,KAAK,IAChB,CAEA,CAPC,sBAOsB,MACrB,MAAO,IAAI,iBACb,CAEA,CAAC,MACC,MAAO,KACP,OAAQ,KACR,iBAAkB,IAAI,oBACxB,CAEA,CANC,KAMK,QACN,CAPC,KAOK,OACJ,QAAS,IACX,CAEA,CAXC,KAWK,cACJ,MAAO,IAAI,sBACb,CAEA,CAfC,KAeK,4BACN,CAhBC,KAgBK,4BACJ,mBAAoB,KAtCtB,OAuCU,CACV,CAEA,CAAC,UACC,OAAQ,OACV,CAEA,CAAC,eAID,CAJC,eAIe,CA7Bf,MA0BC,iBAAkB,IAAI,0BACxB,CC9CA,CAAC,QACC,SAAU,MACV,MAAK,EAIL,WAAY,UACZ,QAAS,KACT,YAAa,OACb,gBAAiB,OACjB,QAAS,EACT,WAAY,UACd,CAEA,CAAC,YACC,WAAY,IAAI,+BAjBlB,cAkBiB,KACf,OAAQ,YACR,UAAW,QAAQ,EACrB,CAEA,CAAC,aACC,MAAO,MACT,CAEA,CAAC,aACC,MAAO,KACT,CAEA,CAAC,cACC,SAAU,SACV,QAAS,KACT,gBAAiB,cACjB,YAAa,OACb,WAAY,QApCd,QAqCW,KAAK,IAChB,CAEA,CAAC,MACC,MAAO,IAAI,eACb,CAEA,WAxBa,QAyBX,GACE,UAAW,WAAW,SACtB,QAAS,EACX,CACA,GACE,UAAW,WAAW,GACtB,QAAS,CACX,CACF,CCnDA,CAAC,MACC,QAAS,KACT,YAAa,OACb,OAAQ,OACV,CAEA,CANC,MAMM,MACL,QAAS,IACX,CAEA,CAAC,SACC,SAAU,SACV,OAAQ,KACR,MAAO,KAfT,cAgBiB,IACf,OAAQ,IAAI,MAAM,IAAI,6BAjBxB,OAkBU,KACR,WAAY,WAAW,GACzB,CAEA,CAVC,QAUQ,OACP,QAAS,GACT,SAAU,SACV,IAAK,IACL,KAAM,IACN,OAAQ,KACR,MAAO,KACP,WAAY,IAAI,0BA7BlB,cA8BiB,IACf,UAAW,MAAM,GAAG,UAAU,IAAI,CAAE,MACpC,WAAY,UAAU,GACxB,CAEA,KAAK,QAAS,CAAE,CAvBf,QAuBwB,OACvB,UAAW,MAAM,GAAG,UAAU,IAAI,CAAE,KACtC,CAEA,KAAK,QAAS,CAAE,CA3Bf,SA4BC,OAAQ,IAAI,MAAM,IAAI,yBACxB,CAEA,CAAC,aACC,aAAc,KACd,MAAO,WACT,CC5CA,CAAC,KACC,QAAS,KACT,gBAAiB,SACjB,YAAa,OALf,QAMW,IACT,MAAO,KACP,OAAQ,KARV,cASiB,KACf,WAAY,IAAI,OAClB,CAEA,CAAC,SACC,gBAAiB,WACjB,WAAY,IAAI,0BAClB,CAEA,CAAC,MACC,MAAO,KACP,OAAQ,KACR,WAAY,IAAI,qBArBlB,cAsBiB,KACjB,CCvBA,MAEE,oCAAoC,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KACxD,iCAAiC,QACjC,0BAA0B,QAC1B,iCAAiC,QACjC,kCAAkC,QAClC,6BAA6B,QAC7B,+BAA+B,QAC/B,gCAAgC,QAGhC,0BAA0B,QAC1B,uBAAuB,KACvB,uBAAuB,KAGvB,QAAQ,QAGR,qBAAqB,QACrB,oBAAoB,QACpB,wBAAwB,QACxB,gBAAgB,QAChB,sBAAsB,QAGtB,8BAA8B,QAC9B,+BAA+B,KAG/B,qBAAqB,QACrB,qBAAqB,KACrB,2BAA2B,QAC3B,uBAAuB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAC3C,oCAAoC,KACpC,iCAAiC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAC/C,oCAAoC,KACpC,0BAA0B,QAG1B,eAAe,QACf,8BAA8B,QAC9B,uBAAuB,QACvB,gBAAgB,KAChB,kBAAkB,QAClB,+BAA+B,KAC/B,cAAc,QAGd,yBAAyB,OAC3B,CCjDA,CAAC,gBACC,QAAS,KACT,OAAQ,KACR,gBAAiB,cACjB,YAAa,OACb,iBAAkB,IAAI,qBAPxB,cAQiB,IARjB,QASW,IAAI,IACf,CAEA,CAAC,MACC,QAAS,KACT,MAAO,IAAI,iBACb,CAEA,CAAC,WACC,QAAS,KACT,MAAO,IAAI,mBACb,CAEA,CAAC,WACC,QAAS,KACT,MAAO,IAAI,eACb","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/components/Accordion/Accordion.module.css","../src/components/Button/button.module.css","../src/styles/typography.module.css","../src/components/InputField/InputField.module.css","../src/components/Modal/Modal.module.css","../src/components/RadioGroup/RadioGroup.module.css","../src/components/RadioToggle/RadioToggle.module.css","../src/styles/colors.css","../src/components/SelectBoxButton/SelectBoxButton.module.css"],"sourcesContent":["@import \"~styles/colors.css\";.Accordion-module__accordionBtn___1unNG{border-radius:inherit;cursor:pointer;display:flex;justify-content:space-between;text-align:left;width:100%}.Accordion-module__accordionContent___Qnx7K{max-height:1000px;overflow:hidden;transition:all .3s ease-in-out}.Accordion-module__accordionContent--hidden___DrXay{max-height:0}","@import \"~styles/colors.css\";.button-module__button___JyfZW{align-items:center;border:none;cursor:pointer;display:inline-flex;justify-content:center;transition:background-color .2s ease}.button-module__btn-default___EDl7t{background-color:var(--default-primary-accent);color:var(--default-white-color)}.button-module__btn-default--disabled___H36E7{background-color:var(--button-disabled-default-color);color:var(--text-disabled-color)}.button-module__btn-tinted___Do6iX{background-color:var(--button-tinted-default-color);color:var(--text-accent)}.button-module__btn-tinted--disabled___XRuq-{background-color:var(--button-tinted-default-color);color:var(--text-disabled-accent-color)}.button-module__btn-secondary___LtTTr{background-color:var(--surface-surface-3-color);color:var(--text-primary)}.button-module__btn-secondary--disabled___5YS63{background-color:var(--surface-surface-3-color);color:var(--text-secondary)}.button-module__btn-default___EDl7t:hover{background-color:var(--button-primary-on-hover-color)}.button-module__btn-tinted___Do6iX:hover{background-color:var(--button-tinted-on-hover-color)}.button-module__btn-secondary___LtTTr:hover{background-color:var(--button-secondary-on-hover)}.button-module__btn--mini___a9EJm{gap:4px;padding:6px 12px}.button-module__btn--small___xfhlR{gap:8px;padding:8px 16px}.button-module__btn--medium___pFJSr{gap:8px;padding:8px 20px}.button-module__btn--large___GvwY2{gap:8px;padding:14px 24px}.button-module__btn-square--mini___RWpOc{border-radius:4px}.button-module__btn-square--small___M-WgA{border-radius:6px}.button-module__btn-square--medium___aDBfE{border-radius:10px}.button-module__btn-square--large___dwebF{border-radius:12px}.button-module__btn-rounded--medium___TKy02,.button-module__btn-rounded--mini___bX5xJ,.button-module__btn-rounded--small___LI-QV{border-radius:32px}.button-module__btn-rounded--large___joy-r{border-radius:40px}",".typography-module__Heading1___qoIqf{font-family:Inter;font-size:32px;font-style:normal;font-weight:600;letter-spacing:-.32px;line-height:36px}.typography-module__Heading3___bAFUu{font-family:Inter;font-size:24px;font-style:normal;font-weight:600;letter-spacing:-.24px;line-height:28px}.typography-module__Subtitles3___fZk78{font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.typography-module__Body1Medium___6oNx-{font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.typography-module__Body1Regular___M-29m{font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.typography-module__Body2Medium___AgTJq{font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.typography-module__Body2Regular___vMqoR{font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.typography-module__Body3Regular___4msoY{font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:16px}.typography-module__Caption1Medium___ZOAXc{font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.typography-module__Caption1Regular___Ngisv{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.typography-module__Caption1Semibold___bp7U4{font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:16px}.typography-module__Caption2Medium___Ru8Ob{font-family:Inter;font-size:10px;font-style:normal;font-weight:500;line-height:12px}.typography-module__Caption2Regular___tpO-t{font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:12px}","@import \"~styles/colors.css\";.InputField-module__inputContainer___f-bIm{align-items:center;background-color:var(--surface-surface-1);border-radius:8px;display:flex;padding:12px 16px}.InputField-module__inputContainerLabeled___zrQbJ{background-color:var(--surface-surface-1);border-radius:8px;display:block;padding:12px 16px}.InputField-module__inputContainerLabeled___zrQbJ label{color:var(--text-secondary)}.InputField-module__input___Lgxvm{background-color:var(--surface-surface-1);border:none;width:100%}.InputField-module__input___Lgxvm:active,.InputField-module__input___Lgxvm:focus{outline:none}.InputField-module__input___Lgxvm::-moz-placeholder{color:var(--text-disabled-color)}.InputField-module__input___Lgxvm::placeholder{color:var(--text-disabled-color)}.InputField-module__input___Lgxvm::-webkit-inner-spin-button,.InputField-module__input___Lgxvm::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.InputField-module__clearIcon___1KYtM{cursor:pointer}.InputField-module__input--onfocus___cJyDp,.InputField-module__input--onfocus___cJyDp .InputField-module__input___Lgxvm{background-color:var(--surface-surface-3-color)}","@import \"~styles/colors.css\";.Modal-module__overlay___dd9h1{align-items:center;background:rgba(0,0,0,.5);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.Modal-module__contentWrap___TeYsL{animation:Modal-module__flyDawn___scb7- 1s;background:var(--page-color-background-white);border-radius:16px;height:-moz-fit-content;height:fit-content}.Modal-module__largeVariant___L-djj{width:1052px}.Modal-module__smallVariant___OSCjI{width:400px}.Modal-module__contentHeader___6XO83{align-items:center;align-self:stretch;display:flex;justify-content:space-between;padding:12px 16px;position:relative}.Modal-module__title___A5OeE{color:var(--text-primary)}@keyframes Modal-module__flyDawn___scb7-{0%{opacity:.1;transform:translateY(-1000px)}to{opacity:1;transform:translateY(0)}}","@import \"~styles/colors.css\";.RadioGroup-module__radio___iyFIA{align-items:center;cursor:pointer;display:flex}.RadioGroup-module__radio___iyFIA input{display:none}.RadioGroup-module__radioBtn___n1J5v{border:2px solid var(--button-secondary-on-hover);border-radius:50%;height:15px;margin:10px;position:relative;transition:background .3s;width:15px}.RadioGroup-module__radioBtn___n1J5v:after{background:var(--button-primary-default);border-radius:50%;content:\"\";height:10px;left:50%;position:absolute;top:50%;transform:scale(0) translate(-50%,-50%);transition:transform .3s;width:10px}input:checked+.RadioGroup-module__radioBtn___n1J5v:after{transform:scale(1) translate(-50%,-50%)}input:checked+.RadioGroup-module__radioBtn___n1J5v{border:2px solid var(--button-primary-default)}.RadioGroup-module__radioBtnText___aP5kH{padding-left:10px;width:-moz-fit-content;width:fit-content}","@import \"~styles/colors.css\";.RadioToggle-module__wrap___tM-kQ{align-items:center;background:var(--leaf);border-radius:40px;display:flex;height:16px;justify-content:flex-end;padding:4px;width:32px}.RadioToggle-module__wrapLock___sLgxo{background:var(--surface-surface-3-color);justify-content:flex-start}.RadioToggle-module__round___5NUUP{background:var(--surface-surface-2);border-radius:100px;height:16px;width:16px}",":root{--button-alternative-default-color:hsla(0,0%,67%,.64);--button-disabled-default-color:#c5ccd3;--button-primary-default:#0581da;--button-primary-on-hover-color:#1a9cfa;--button-secondary-default-color:#e6e9ec;--button-secondary-on-hover:#c5ccd3;--button-tinted-default-color:#e1f0fb;--button-tinted-on-hover-color:#b2d9f5;--default-primary-accent:#0581da;--default-white-color:#fff;--default-black-color:#000;--leaf:#c1dc19;--icon-accent-color:#0581da;--icon-error-color:#f35929;--icon-secondary-color:#758393;--icon-success:#57bb09;--icon-warning-color:#f3a229;--page-color-background-gray:#f0f2f4;--page-color-background-white:#fff;--surface-surface-1:#f0f2f4;--surface-surface-2:#fff;--surface-surface-3-color:#e3e7eb;--surface-surface-alt:rgba(240,242,244,.8);--surface-surface-black-nonconvert:#000;--surface-surface-black-opacity:rgba(0,0,0,.24);--surface-surface-white-nonconvert:#fff;--surface-surface-tinted:#e1f0fb;--text-accent:#0581da;--text-disabled-accent-color:#9bcdf0;--text-disabled-color:#929daa;--text-primary:#000;--text-secondary:#758393;--text-white-nonconvert-color:#fff;--text-error:#f35929;--border-stroke-primary:#e6e9ec}","@import \"~styles/colors.css\";.SelectBoxButton-module__selectContainer___MyVJF{align-items:center;background-color:var(--surface-surface-1);border-radius:8px;display:flex;height:56px;justify-content:space-between;padding:8px 16px}.SelectBoxButton-module__label___hlxlc{color:var(--text-secondary);display:flex}.SelectBoxButton-module__errorLabel___gYbNN{color:var(--icon-error-color);display:flex}.SelectBoxButton-module__selectText___7FeVj{color:var(--text-primary);display:flex}"],"mappings":"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","names":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { JSX, Dispatch, SetStateAction, HTMLInputTypeAttribute } from 'react';
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
4
|
|
|
4
5
|
type TFontClass = "Heading1" | "Heading3" | "Subtitles3" | "Body1Medium" | "Body1Regular" | "Body2Medium" | "Body2Regular" | "Body3Regular" | "Caption1Medium" | "Caption1Regular" | "Caption1Semibold" | "Caption2Medium" | "Caption2Regular";
|
|
5
6
|
interface ITypographyProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
@@ -87,13 +88,13 @@ interface IAccordionProps {
|
|
|
87
88
|
|
|
88
89
|
declare const SystemDesign: {
|
|
89
90
|
Components: {
|
|
90
|
-
Accordion: ({ open, setOpen, children, title, }: IAccordionProps) =>
|
|
91
|
-
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: IButtonProps) =>
|
|
92
|
-
CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) =>
|
|
91
|
+
Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => react_jsx_runtime.JSX.Element;
|
|
92
|
+
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
93
|
+
CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => react_jsx_runtime.JSX.Element;
|
|
93
94
|
InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
94
|
-
Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) =>
|
|
95
|
-
RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) =>
|
|
96
|
-
RadioToggle: ({ lock, setLock }: IRadioToggleProps) =>
|
|
95
|
+
Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) => react_jsx_runtime.JSX.Element | null;
|
|
96
|
+
RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
97
|
+
RadioToggle: ({ lock, setLock }: IRadioToggleProps) => react_jsx_runtime.JSX.Element;
|
|
97
98
|
SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: ISelectBoxProps) => React.JSX.Element;
|
|
98
99
|
Typography: React.FC<ITypographyProps>;
|
|
99
100
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { JSX, Dispatch, SetStateAction, HTMLInputTypeAttribute } from 'react';
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
4
|
|
|
4
5
|
type TFontClass = "Heading1" | "Heading3" | "Subtitles3" | "Body1Medium" | "Body1Regular" | "Body2Medium" | "Body2Regular" | "Body3Regular" | "Caption1Medium" | "Caption1Regular" | "Caption1Semibold" | "Caption2Medium" | "Caption2Regular";
|
|
5
6
|
interface ITypographyProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
@@ -87,13 +88,13 @@ interface IAccordionProps {
|
|
|
87
88
|
|
|
88
89
|
declare const SystemDesign: {
|
|
89
90
|
Components: {
|
|
90
|
-
Accordion: ({ open, setOpen, children, title, }: IAccordionProps) =>
|
|
91
|
-
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: IButtonProps) =>
|
|
92
|
-
CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) =>
|
|
91
|
+
Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => react_jsx_runtime.JSX.Element;
|
|
92
|
+
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
93
|
+
CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => react_jsx_runtime.JSX.Element;
|
|
93
94
|
InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
94
|
-
Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) =>
|
|
95
|
-
RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) =>
|
|
96
|
-
RadioToggle: ({ lock, setLock }: IRadioToggleProps) =>
|
|
95
|
+
Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) => react_jsx_runtime.JSX.Element | null;
|
|
96
|
+
RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
97
|
+
RadioToggle: ({ lock, setLock }: IRadioToggleProps) => react_jsx_runtime.JSX.Element;
|
|
97
98
|
SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: ISelectBoxProps) => React.JSX.Element;
|
|
98
99
|
Typography: React.FC<ITypographyProps>;
|
|
99
100
|
};
|