indicator-ui 0.0.14 → 0.0.16

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 (58) hide show
  1. package/dist/index.css +508 -71
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +304 -0
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/styles/mixins/modify-svg.scss +5 -1
  6. package/dist/scss/test/global.scss +2 -0
  7. package/dist/scss/ui/Buttons/styles/mixins/baseButton.scss +1 -1
  8. package/dist/scss/ui/Buttons/styles/mixins/button.scss +1 -1
  9. package/dist/scss/ui/Buttons/styles/mixins/properties/large.scss +1 -1
  10. package/dist/scss/ui/Buttons/styles/mixins/properties/link-black.scss +1 -1
  11. package/dist/scss/ui/Buttons/styles/mixins/properties/link-color.scss +1 -1
  12. package/dist/scss/ui/Buttons/styles/mixins/properties/link-gray.scss +1 -1
  13. package/dist/scss/ui/Buttons/styles/mixins/properties/medium.scss +1 -1
  14. package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss +1 -1
  15. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +1 -1
  16. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +1 -1
  17. package/dist/scss/ui/Buttons/styles/mixins/properties/small.scss +1 -1
  18. package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss +1 -1
  19. package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss +1 -1
  20. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss +1 -1
  21. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-gray.scss +1 -0
  22. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss +1 -1
  23. package/dist/scss/ui/Buttons/styles/mixins/properties/ultra.scss +1 -1
  24. package/dist/scss/ui/CheckboxMark/index.scss +1 -0
  25. package/dist/scss/ui/CheckboxMark/styles/index.scss +1 -0
  26. package/dist/scss/ui/CheckboxMark/styles/mixins/base.scss +25 -0
  27. package/dist/scss/ui/CheckboxMark/styles/mixins/checkbox-mark.scss +92 -0
  28. package/dist/scss/ui/CheckboxMark/styles/mixins/index.scss +3 -0
  29. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checkbox.scss +3 -0
  30. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss +20 -0
  31. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss +41 -0
  32. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/disabled.scss +27 -0
  33. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/error.scss +22 -0
  34. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/incorrect.scss +41 -0
  35. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss +17 -0
  36. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/index.scss +8 -0
  37. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/radio.scss +14 -0
  38. package/dist/scss/ui/MicroButton/styles/mixins/base-button.scss +1 -1
  39. package/dist/scss/ui/MicroButton/styles/mixins/index.scss +2 -1
  40. package/dist/scss/ui/MicroButton/styles/mixins/micro-button.scss +1 -1
  41. package/dist/scss/ui/index.scss +2 -1
  42. package/dist/types/src/test/pages/CheckboxMarkPage.d.ts +1 -0
  43. package/dist/types/src/test/pages/CheckboxPage.d.ts +1 -0
  44. package/dist/types/src/test/pages/index.d.ts +3 -0
  45. package/dist/types/src/ui/Checkbox/index.d.ts +2 -0
  46. package/dist/types/src/ui/Checkbox/styles/index.d.ts +1 -0
  47. package/dist/types/src/ui/Checkbox/types/CheckboxTypes.d.ts +23 -0
  48. package/dist/types/src/ui/Checkbox/types/index.d.ts +1 -0
  49. package/dist/types/src/ui/Checkbox/ui/Checkbox.d.ts +2 -0
  50. package/dist/types/src/ui/Checkbox/ui/index.d.ts +1 -0
  51. package/dist/types/src/ui/CheckboxMark/index.d.ts +2 -0
  52. package/dist/types/src/ui/CheckboxMark/styles/index.d.ts +1 -0
  53. package/dist/types/src/ui/CheckboxMark/types/CheckboxMarkTypes.d.ts +43 -0
  54. package/dist/types/src/ui/CheckboxMark/types/index.d.ts +1 -0
  55. package/dist/types/src/ui/CheckboxMark/ui/CheckboxMark.d.ts +3 -0
  56. package/dist/types/src/ui/CheckboxMark/ui/index.d.ts +1 -0
  57. package/dist/types/src/ui/index.d.ts +2 -0
  58. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,79 +1,79 @@
1
1
  /*!***************************************************************************************************!*\
2
2
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/colors/css-variables/primary-var.css ***!
3
3
  \***************************************************************************************************/
4
- :global(:root) {
5
- --base-white: #FFFFFF;
6
- --base-black: #000000;
4
+ :root {
5
+ --base-white: #FFFFFF;
6
+ --base-black: #000000;
7
7
 
8
- --gray-25: #FCFCFD;
9
- --gray-50: #F9FAFB;
10
- --gray-100: #F2F4F7;
11
- --gray-200: #EAECF0;
12
- --gray-300: #D0D5DD;
13
- --gray-400: #98A2B3;
14
- --gray-500: #667085;
15
- --gray-600: #475467;
16
- --gray-700: #344054;
17
- --gray-800: #1D2939;
18
- --gray-900: #101828;
19
- --gray-950: #0C111D;
8
+ --gray-25: #FCFCFD;
9
+ --gray-50: #F9FAFB;
10
+ --gray-100: #F2F4F7;
11
+ --gray-200: #EAECF0;
12
+ --gray-300: #D0D5DD;
13
+ --gray-400: #98A2B3;
14
+ --gray-500: #667085;
15
+ --gray-600: #475467;
16
+ --gray-700: #344054;
17
+ --gray-800: #1D2939;
18
+ --gray-900: #101828;
19
+ --gray-950: #0C111D;
20
20
 
21
- --primary-25: #FCFAFF;
22
- --primary-50: #F9F5FF;
23
- --primary-100: #F4EBFF;
24
- --primary-200: #E9D7FE;
25
- --primary-300: #D6BBFB;
26
- --primary-400: #B692F6;
27
- --primary-500: #9E77ED;
28
- --primary-600: #7F56D9;
29
- --primary-700: #6941C6;
30
- --primary-800: #53389E;
31
- --primary-900: #42307D;
32
- --primary-950: #2C1C5F;
21
+ --primary-25: #FCFAFF;
22
+ --primary-50: #F9F5FF;
23
+ --primary-100: #F4EBFF;
24
+ --primary-200: #E9D7FE;
25
+ --primary-300: #D6BBFB;
26
+ --primary-400: #B692F6;
27
+ --primary-500: #9E77ED;
28
+ --primary-600: #7F56D9;
29
+ --primary-700: #6941C6;
30
+ --primary-800: #53389E;
31
+ --primary-900: #42307D;
32
+ --primary-950: #2C1C5F;
33
33
 
34
- --error-25: #FFFBFA;
35
- --error-50: #FEF3F2;
36
- --error-100: #FEE4E2;
37
- --error-200: #FECDCA;
38
- --error-300: #FDA29B;
39
- --error-400: #F97066;
40
- --error-500: #F04438;
41
- --error-600: #D92D20;
42
- --error-700: #B42318;
43
- --error-800: #912018;
44
- --error-900: #7A271A;
45
- --error-950: #FEFDF0;
34
+ --error-25: #FFFBFA;
35
+ --error-50: #FEF3F2;
36
+ --error-100: #FEE4E2;
37
+ --error-200: #FECDCA;
38
+ --error-300: #FDA29B;
39
+ --error-400: #F97066;
40
+ --error-500: #F04438;
41
+ --error-600: #D92D20;
42
+ --error-700: #B42318;
43
+ --error-800: #912018;
44
+ --error-900: #7A271A;
45
+ --error-950: #FEFDF0;
46
46
 
47
- --warning-25: #FFFCF5;
48
- --warning-50: #FFFAEB;
49
- --warning-100: #FEF0C7;
50
- --warning-200: #FEDF89;
51
- --warning-300: #FEC84B;
52
- --warning-400: #FDB022;
53
- --warning-500: #F79009;
54
- --warning-600: #DC6803;
55
- --warning-700: #B54708;
56
- --warning-800: #93370D;
57
- --warning-900: #7A2E0E;
58
- --warning-950: #4E1D09;
47
+ --warning-25: #FFFCF5;
48
+ --warning-50: #FFFAEB;
49
+ --warning-100: #FEF0C7;
50
+ --warning-200: #FEDF89;
51
+ --warning-300: #FEC84B;
52
+ --warning-400: #FDB022;
53
+ --warning-500: #F79009;
54
+ --warning-600: #DC6803;
55
+ --warning-700: #B54708;
56
+ --warning-800: #93370D;
57
+ --warning-900: #7A2E0E;
58
+ --warning-950: #4E1D09;
59
59
  }
60
60
 
61
61
  /*!*****************************************************************************************************!*\
62
62
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/colors/css-variables/secondary-var.css ***!
63
63
  \*****************************************************************************************************/
64
- :global(:root) {
65
- --blue-dark-25: #F5F8FF;
66
- --blue-dark-50: #EFF4FF;
67
- --blue-dark-100: #D1E0FF;
68
- --blue-dark-200: #B2CCFF;
69
- --blue-dark-300: #84ADFF;
70
- --blue-dark-400: #528BFF;
71
- --blue-dark-500: #2970FF;
72
- --blue-dark-600: #155EEF;
73
- --blue-dark-700: #004EEB;
74
- --blue-dark-800: #0040C1;
75
- --blue-dark-900: #00359E;
76
- --blue-dark-950: #002266;
64
+ :root {
65
+ --blue-dark-25: #F5F8FF;
66
+ --blue-dark-50: #EFF4FF;
67
+ --blue-dark-100: #D1E0FF;
68
+ --blue-dark-200: #B2CCFF;
69
+ --blue-dark-300: #84ADFF;
70
+ --blue-dark-400: #528BFF;
71
+ --blue-dark-500: #2970FF;
72
+ --blue-dark-600: #155EEF;
73
+ --blue-dark-700: #004EEB;
74
+ --blue-dark-800: #0040C1;
75
+ --blue-dark-900: #00359E;
76
+ --blue-dark-950: #002266;
77
77
  }
78
78
 
79
79
 
@@ -147,7 +147,6 @@
147
147
  font-size: 14px;
148
148
  line-height: 16px;
149
149
  line-height: 16px;
150
- font-weight: 500;
151
150
  font-family: "Golos UI", sans-serif;
152
151
  font-stretch: normal;
153
152
  font-style: normal;
@@ -168,7 +167,6 @@
168
167
  font-size: 14px;
169
168
  line-height: 20px;
170
169
  line-height: 20px;
171
- font-weight: 500;
172
170
  font-family: "Golos UI", sans-serif;
173
171
  font-stretch: normal;
174
172
  font-style: normal;
@@ -189,7 +187,6 @@
189
187
  font-size: 14px;
190
188
  line-height: 20px;
191
189
  line-height: 20px;
192
- font-weight: 500;
193
190
  font-family: "Golos UI", sans-serif;
194
191
  font-stretch: normal;
195
192
  font-style: normal;
@@ -210,7 +207,6 @@
210
207
  font-size: 18px;
211
208
  line-height: 24px;
212
209
  line-height: 24px;
213
- font-weight: 500;
214
210
  font-family: "Golos UI", sans-serif;
215
211
  font-stretch: normal;
216
212
  font-style: normal;
@@ -225,7 +221,12 @@
225
221
  stroke: var(--base-white);
226
222
  }
227
223
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__text___htxqX {
224
+ font-weight: 500;
228
225
  color: var(--base-white);
226
+ font-family: "Golos UI", sans-serif;
227
+ font-stretch: normal;
228
+ font-style: normal;
229
+ font-variant: normal;
229
230
  }
230
231
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:hover {
231
232
  background-color: var(--blue-dark-600);
@@ -246,7 +247,12 @@
246
247
  stroke: var(--blue-dark-500);
247
248
  }
248
249
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__text___htxqX {
250
+ font-weight: 500;
249
251
  color: var(--blue-dark-500);
252
+ font-family: "Golos UI", sans-serif;
253
+ font-stretch: normal;
254
+ font-style: normal;
255
+ font-variant: normal;
250
256
  }
251
257
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:hover {
252
258
  background-color: var(--blue-dark-50);
@@ -267,7 +273,12 @@
267
273
  stroke: var(--gray-700);
268
274
  }
269
275
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__text___htxqX {
276
+ font-weight: 500;
270
277
  color: var(--gray-700);
278
+ font-family: "Golos UI", sans-serif;
279
+ font-stretch: normal;
280
+ font-style: normal;
281
+ font-variant: normal;
271
282
  }
272
283
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:hover {
273
284
  background-color: var(--gray-50);
@@ -286,7 +297,12 @@
286
297
  stroke: var(--blue-dark-100);
287
298
  }
288
299
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__text___htxqX {
300
+ font-weight: 400;
289
301
  color: var(--blue-dark-100);
302
+ font-family: "Golos UI", sans-serif;
303
+ font-stretch: normal;
304
+ font-style: normal;
305
+ font-variant: normal;
290
306
  }
291
307
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:hover .Buttons-module__text___htxqX {
292
308
  color: var(--base-white);
@@ -304,7 +320,12 @@
304
320
  color: var(--blue-dark-500);
305
321
  }
306
322
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:hover .Buttons-module__text___htxqX {
323
+ font-weight: 400;
307
324
  color: var(--blue-dark-700);
325
+ font-family: "Golos UI", sans-serif;
326
+ font-stretch: normal;
327
+ font-style: normal;
328
+ font-variant: normal;
308
329
  }
309
330
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:hover .Buttons-module__icon___U2AOU svg * {
310
331
  stroke: var(--blue-dark-700);
@@ -318,6 +339,14 @@
318
339
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__text___htxqX {
319
340
  color: var(--gray-700);
320
341
  }
342
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__text___htxqX {
343
+ font-weight: 400;
344
+ color: var(--gray-400);
345
+ font-family: "Golos UI", sans-serif;
346
+ font-stretch: normal;
347
+ font-style: normal;
348
+ font-variant: normal;
349
+ }
321
350
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:hover .Buttons-module__text___htxqX {
322
351
  color: var(--gray-900);
323
352
  }
@@ -335,9 +364,16 @@
335
364
  stroke: var(--blue-dark-500);
336
365
  }
337
366
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__text___htxqX {
338
- color: var(--blue-dark-500);
339
367
  padding: 0 !important;
340
368
  }
369
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__text___htxqX {
370
+ font-weight: 400;
371
+ color: var(--blue-dark-500);
372
+ font-family: "Golos UI", sans-serif;
373
+ font-stretch: normal;
374
+ font-style: normal;
375
+ font-variant: normal;
376
+ }
341
377
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:hover .Buttons-module__text___htxqX {
342
378
  color: var(--blue-dark-700);
343
379
  }
@@ -355,9 +391,16 @@
355
391
  stroke: var(--gray-700);
356
392
  }
357
393
  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__text___htxqX {
358
- color: var(--gray-700);
359
394
  padding: 0 !important;
360
395
  }
396
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__text___htxqX {
397
+ font-weight: 400;
398
+ color: var(--gray-700);
399
+ font-family: "Golos UI", sans-serif;
400
+ font-stretch: normal;
401
+ font-style: normal;
402
+ font-variant: normal;
403
+ }
361
404
  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:hover .Buttons-module__text___htxqX {
362
405
  color: var(--gray-900);
363
406
  }
@@ -375,9 +418,16 @@
375
418
  stroke: var(--gray-400);
376
419
  }
377
420
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__text___htxqX {
378
- color: var(--gray-400);
379
421
  padding: 0 !important;
380
422
  }
423
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__text___htxqX {
424
+ font-weight: 400;
425
+ color: var(--gray-400);
426
+ font-family: "Golos UI", sans-serif;
427
+ font-stretch: normal;
428
+ font-style: normal;
429
+ font-variant: normal;
430
+ }
381
431
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:hover .Buttons-module__text___htxqX {
382
432
  color: var(--gray-500);
383
433
  }
@@ -396,7 +446,12 @@
396
446
  stroke: var(--gray-700);
397
447
  }
398
448
  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__text___htxqX {
449
+ font-weight: 500;
399
450
  color: var(--gray-700);
451
+ font-family: "Golos UI", sans-serif;
452
+ font-stretch: normal;
453
+ font-style: normal;
454
+ font-variant: normal;
400
455
  }
401
456
  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:hover .Buttons-module__icon___U2AOU svg * {
402
457
  stroke: var(--gray-900);
@@ -416,7 +471,12 @@
416
471
  stroke: var(--gray-500);
417
472
  }
418
473
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__text___htxqX {
474
+ font-weight: 500;
419
475
  color: var(--gray-500);
476
+ font-family: "Golos UI", sans-serif;
477
+ font-stretch: normal;
478
+ font-style: normal;
479
+ font-variant: normal;
420
480
  }
421
481
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:hover {
422
482
  background-color: var(--gray-200);
@@ -2429,5 +2489,382 @@
2429
2489
  .InputField-module__textareaField___iuYg7.InputField-module__isError___x2fXo:focus {
2430
2490
  box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
2431
2491
  }
2492
+ /*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
2493
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/CheckboxMark/styles/CheckboxMark.module.scss ***!
2494
+ \*****************************************************************************************************************************************************************************************************************************************************************************/
2495
+ @font-face {
2496
+ font-family: "Golos UI";
2497
+ src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
2498
+ font-weight: 400;
2499
+ font-style: normal;
2500
+ }
2501
+ @font-face {
2502
+ font-family: "Golos UI";
2503
+ src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
2504
+ font-weight: 500;
2505
+ font-style: normal;
2506
+ }
2507
+ @font-face {
2508
+ font-family: "Golos UI";
2509
+ src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
2510
+ font-weight: 600;
2511
+ font-style: normal;
2512
+ }
2513
+ .CheckboxMark-module__checkboxMark___QsRbu {
2514
+ width: 20px;
2515
+ height: 20px;
2516
+ background-color: var(--base-white);
2517
+ box-shadow: 0 0 0 1px var(--gray-300);
2518
+ cursor: pointer;
2519
+ overflow: hidden;
2520
+ display: flex;
2521
+ align-items: center;
2522
+ justify-content: center;
2523
+ }
2524
+ .CheckboxMark-module__checkboxMark___QsRbu svg * {
2525
+ stroke-width: 4;
2526
+ }
2527
+ .CheckboxMark-module__checkboxMark___QsRbu svg {
2528
+ width: 14px;
2529
+ height: 14px;
2530
+ }
2531
+ .CheckboxMark-module__checkboxMark___QsRbu:hover {
2532
+ background-color: var(--blue-dark-50);
2533
+ box-shadow: 0 0 0 1px var(--blue-dark-200);
2534
+ }
2535
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checkbox___hYxxO {
2536
+ border-radius: 6px;
2537
+ }
2538
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__radio___rCtRc {
2539
+ border-radius: 50%;
2540
+ }
2541
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__radio___rCtRc:after {
2542
+ display: none;
2543
+ content: "";
2544
+ width: 8px;
2545
+ height: 8px;
2546
+ border-radius: 50%;
2547
+ background-color: var(--blue-dark-500);
2548
+ }
2549
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX {
2550
+ background-color: var(--blue-dark-50);
2551
+ box-shadow: 0 0 0 1px var(--blue-dark-200);
2552
+ }
2553
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX svg * {
2554
+ stroke: var(--blue-dark-500);
2555
+ }
2556
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX:after {
2557
+ display: block;
2558
+ }
2559
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX:hover {
2560
+ box-shadow: 0 0 0 1px var(--blue-dark-400);
2561
+ }
2562
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC {
2563
+ background-color: var(--blue-dark-50);
2564
+ box-shadow: 0 0 0 1px var(--blue-dark-200);
2565
+ }
2566
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC svg * {
2567
+ stroke: var(--blue-dark-500);
2568
+ }
2569
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC {
2570
+ font-size: 14px;
2571
+ line-height: 14px;
2572
+ color: var(--blue-dark-500);
2573
+ font-weight: 500;
2574
+ font-family: "Golos UI", sans-serif;
2575
+ font-stretch: normal;
2576
+ font-style: normal;
2577
+ font-variant: normal;
2578
+ }
2579
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC:hover {
2580
+ box-shadow: 0 0 0 1px var(--blue-dark-400);
2581
+ }
2582
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd {
2583
+ background-color: var(--error-50);
2584
+ box-shadow: 0 0 0 1px var(--error-200);
2585
+ }
2586
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd svg * {
2587
+ stroke: var(--error-500);
2588
+ }
2589
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd {
2590
+ color: var(--error-500);
2591
+ font-family: "Golos UI", sans-serif;
2592
+ font-stretch: normal;
2593
+ font-style: normal;
2594
+ font-variant: normal;
2595
+ }
2596
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd:after {
2597
+ background-color: var(--error-500);
2598
+ }
2599
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd:hover {
2600
+ background-color: var(--error-50);
2601
+ box-shadow: 0 0 0 1px var(--error-400);
2602
+ }
2603
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh {
2604
+ cursor: default;
2605
+ background-color: var(--gray-100);
2606
+ box-shadow: 0 0 0 1px var(--gray-300);
2607
+ }
2608
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:after {
2609
+ background-color: var(--gray-300);
2610
+ }
2611
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh svg * {
2612
+ stroke: var(--gray-300);
2613
+ }
2614
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh {
2615
+ color: var(--gray-300);
2616
+ font-family: "Golos UI", sans-serif;
2617
+ font-stretch: normal;
2618
+ font-style: normal;
2619
+ font-variant: normal;
2620
+ }
2621
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover {
2622
+ background-color: var(--gray-100);
2623
+ box-shadow: 0 0 0 1px var(--gray-300);
2624
+ }
2625
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover svg * {
2626
+ stroke: var(--gray-300);
2627
+ }
2628
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover {
2629
+ color: var(--gray-300);
2630
+ font-family: "Golos UI", sans-serif;
2631
+ font-stretch: normal;
2632
+ font-style: normal;
2633
+ font-variant: normal;
2634
+ }
2635
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2636
+ background-color: var(--blue-dark-500);
2637
+ box-shadow: none;
2638
+ }
2639
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2640
+ font-size: 14px;
2641
+ line-height: 14px;
2642
+ color: var(--base-white);
2643
+ font-weight: 500;
2644
+ font-family: "Golos UI", sans-serif;
2645
+ font-stretch: normal;
2646
+ font-style: normal;
2647
+ font-variant: normal;
2648
+ }
2649
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX svg * {
2650
+ stroke: var(--base-white);
2651
+ }
2652
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:after {
2653
+ display: none;
2654
+ }
2655
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:hover {
2656
+ background-color: var(--blue-dark-600);
2657
+ box-shadow: none;
2658
+ }
2659
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2660
+ background-color: var(--gray-300);
2661
+ box-shadow: none;
2662
+ }
2663
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2664
+ font-size: 14px;
2665
+ line-height: 14px;
2666
+ color: var(--base-white);
2667
+ font-weight: 500;
2668
+ font-family: "Golos UI", sans-serif;
2669
+ font-stretch: normal;
2670
+ font-style: normal;
2671
+ font-variant: normal;
2672
+ }
2673
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh svg * {
2674
+ stroke: var(--base-white);
2675
+ }
2676
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:after {
2677
+ display: none;
2678
+ }
2679
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2680
+ background-color: var(--gray-300);
2681
+ box-shadow: none;
2682
+ }
2683
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2684
+ background-color: var(--error-500);
2685
+ box-shadow: none;
2686
+ }
2687
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2688
+ font-size: 14px;
2689
+ line-height: 14px;
2690
+ color: var(--base-white);
2691
+ font-weight: 500;
2692
+ font-family: "Golos UI", sans-serif;
2693
+ font-stretch: normal;
2694
+ font-style: normal;
2695
+ font-variant: normal;
2696
+ }
2697
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX svg * {
2698
+ stroke: var(--base-white);
2699
+ }
2700
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:after {
2701
+ display: none;
2702
+ }
2703
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:hover {
2704
+ background-color: var(--error-600);
2705
+ box-shadow: none;
2706
+ }
2707
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2708
+ background-color: var(--gray-300);
2709
+ box-shadow: none;
2710
+ }
2711
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2712
+ font-size: 14px;
2713
+ line-height: 14px;
2714
+ color: var(--base-white);
2715
+ font-weight: 500;
2716
+ font-family: "Golos UI", sans-serif;
2717
+ font-stretch: normal;
2718
+ font-style: normal;
2719
+ font-variant: normal;
2720
+ }
2721
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh svg * {
2722
+ stroke: var(--base-white);
2723
+ }
2724
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:after {
2725
+ display: none;
2726
+ }
2727
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2728
+ background-color: var(--gray-300);
2729
+ box-shadow: none;
2730
+ }
2731
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19 {
2732
+ background-color: var(--blue-dark-50);
2733
+ box-shadow: 0 0 0 1px var(--blue-dark-200);
2734
+ }
2735
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__checked___gV7SX {
2736
+ box-shadow: 0 0 0 1px var(--blue-dark-400);
2737
+ }
2738
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__indeterminate___ZR_YC {
2739
+ box-shadow: 0 0 0 1px var(--blue-dark-400);
2740
+ }
2741
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__error___NJKGd {
2742
+ background-color: var(--error-50);
2743
+ box-shadow: 0 0 0 1px var(--error-400);
2744
+ }
2745
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh {
2746
+ background-color: var(--gray-100);
2747
+ box-shadow: 0 0 0 1px var(--gray-300);
2748
+ }
2749
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh svg * {
2750
+ stroke: var(--gray-300);
2751
+ }
2752
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh {
2753
+ color: var(--gray-300);
2754
+ font-family: "Golos UI", sans-serif;
2755
+ font-stretch: normal;
2756
+ font-style: normal;
2757
+ font-variant: normal;
2758
+ }
2759
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2760
+ background-color: var(--blue-dark-600);
2761
+ box-shadow: none;
2762
+ }
2763
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2764
+ background-color: var(--gray-300);
2765
+ box-shadow: none;
2766
+ }
2767
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2768
+ background-color: var(--error-600);
2769
+ box-shadow: none;
2770
+ }
2771
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2772
+ background-color: var(--gray-300);
2773
+ box-shadow: none;
2774
+ }
2775
+ /*!*********************************************************************************************************************************************************************************************************************************************************************!*\
2776
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/Checkbox/styles/Checkbox.module.scss ***!
2777
+ \*********************************************************************************************************************************************************************************************************************************************************************/
2778
+ @font-face {
2779
+ font-family: "Golos UI";
2780
+ src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
2781
+ font-weight: 400;
2782
+ font-style: normal;
2783
+ }
2784
+ @font-face {
2785
+ font-family: "Golos UI";
2786
+ src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
2787
+ font-weight: 500;
2788
+ font-style: normal;
2789
+ }
2790
+ @font-face {
2791
+ font-family: "Golos UI";
2792
+ src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
2793
+ font-weight: 600;
2794
+ font-style: normal;
2795
+ }
2796
+ .Checkbox-module__checkbox___GSei6 {
2797
+ width: 100%;
2798
+ height: fit-content;
2799
+ display: flex;
2800
+ gap: 8px;
2801
+ align-items: start;
2802
+ }
2803
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ {
2804
+ flex: 1;
2805
+ gap: 2px;
2806
+ align-items: start;
2807
+ }
2808
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ {
2809
+ display: flex;
2810
+ flex-direction: column;
2811
+ }
2812
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2813
+ text-align: start;
2814
+ }
2815
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2816
+ font-size: 16px;
2817
+ line-height: 20px;
2818
+ color: var(--gray-700);
2819
+ font-weight: 400;
2820
+ font-family: "Golos UI", sans-serif;
2821
+ font-stretch: normal;
2822
+ font-style: normal;
2823
+ font-variant: normal;
2824
+ }
2825
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk.Checkbox-module__indeterminate___rVkUe {
2826
+ font-weight: 600;
2827
+ font-family: "Golos UI", sans-serif;
2828
+ font-stretch: normal;
2829
+ font-style: normal;
2830
+ font-variant: normal;
2831
+ }
2832
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2833
+ text-align: start;
2834
+ }
2835
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2836
+ font-size: 14px;
2837
+ line-height: 20px;
2838
+ color: var(--gray-500);
2839
+ font-weight: 400;
2840
+ font-family: "Golos UI", sans-serif;
2841
+ font-stretch: normal;
2842
+ font-style: normal;
2843
+ font-variant: normal;
2844
+ }
2845
+ .Checkbox-module__checkbox___GSei6.Checkbox-module__disabled___haSYz {
2846
+ cursor: default;
2847
+ }
2848
+ .Checkbox-module__checkbox___GSei6.Checkbox-module__disabled___haSYz .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2849
+ color: var(--gray-500);
2850
+ font-family: "Golos UI", sans-serif;
2851
+ font-stretch: normal;
2852
+ font-style: normal;
2853
+ font-variant: normal;
2854
+ }
2855
+ .Checkbox-module__checkbox___GSei6.Checkbox-module__disabled___haSYz .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2856
+ color: var(--gray-400);
2857
+ font-family: "Golos UI", sans-serif;
2858
+ font-stretch: normal;
2859
+ font-style: normal;
2860
+ font-variant: normal;
2861
+ }
2862
+ .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2863
+ color: var(--error-400);
2864
+ font-family: "Golos UI", sans-serif;
2865
+ font-stretch: normal;
2866
+ font-style: normal;
2867
+ font-variant: normal;
2868
+ }
2432
2869
 
2433
2870
  /*# sourceMappingURL=index.css.map*/