@central-design-system/illustrations 1.4.0 → 3.0.0-alpha.17

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 (80) hide show
  1. package/dist/cds-illustrations.css +1 -0
  2. package/dist/cds-illustrations.d.ts +51 -0
  3. package/dist/cds-illustrations.es.js +774 -0
  4. package/dist/cds-illustrations.umd.js +1 -0
  5. package/dist/illustrations/ActivesRiseRub.vue.d.ts +15 -0
  6. package/dist/illustrations/BankRub.vue.d.ts +15 -0
  7. package/dist/illustrations/BookBuilding.vue.d.ts +15 -0
  8. package/dist/illustrations/BookChat.vue.d.ts +15 -0
  9. package/dist/illustrations/BookFinger.vue.d.ts +15 -0
  10. package/dist/illustrations/BooksAppleHat.vue.d.ts +15 -0
  11. package/dist/illustrations/CalendarWatch.vue.d.ts +15 -0
  12. package/dist/illustrations/CarBoxes.vue.d.ts +15 -0
  13. package/dist/illustrations/Chip.vue.d.ts +15 -0
  14. package/dist/illustrations/ChocholateMenu.vue.d.ts +15 -0
  15. package/dist/illustrations/DisplayAnalytics.vue.d.ts +15 -0
  16. package/dist/illustrations/DisplayDemo.vue.d.ts +15 -0
  17. package/dist/illustrations/DisplayUserProfile.vue.d.ts +15 -0
  18. package/dist/illustrations/DocLaptop.vue.d.ts +15 -0
  19. package/dist/illustrations/FingerClickRub.vue.d.ts +15 -0
  20. package/dist/illustrations/HammerBuildings.vue.d.ts +15 -0
  21. package/dist/illustrations/HandCardRub.vue.d.ts +15 -0
  22. package/dist/illustrations/HandGear.vue.d.ts +15 -0
  23. package/dist/illustrations/HandGlass.vue.d.ts +15 -0
  24. package/dist/illustrations/HandMoney.vue.d.ts +15 -0
  25. package/dist/illustrations/HandshakeRub.vue.d.ts +15 -0
  26. package/dist/illustrations/Key.vue.d.ts +15 -0
  27. package/dist/illustrations/LikeDisplayClick.vue.d.ts +15 -0
  28. package/dist/illustrations/LikeProfileRub.vue.d.ts +15 -0
  29. package/dist/illustrations/MailOpened.vue.d.ts +15 -0
  30. package/dist/illustrations/ManLaptopWorld.vue.d.ts +15 -0
  31. package/dist/illustrations/ManSpyglass.vue.d.ts +15 -0
  32. package/dist/illustrations/PhoneInHand.vue.d.ts +15 -0
  33. package/dist/illustrations/Rocket.vue.d.ts +15 -0
  34. package/dist/illustrations/SandwatchRub.vue.d.ts +15 -0
  35. package/dist/illustrations/SearchInterface.vue.d.ts +15 -0
  36. package/dist/illustrations/Support.vue.d.ts +15 -0
  37. package/dist/illustrations/UserAnalytics.vue.d.ts +15 -0
  38. package/dist/illustrations/WomanChat.vue.d.ts +15 -0
  39. package/dist/illustrations/index.d.ts +38 -0
  40. package/dist/shims-vue.d.ts +6 -0
  41. package/package.json +33 -20
  42. package/README.md +0 -75
  43. package/dist/cds-illustrations.js +0 -4617
  44. package/dist/cds-illustrations.min.js +0 -8
  45. package/dist/styles.css +0 -889
  46. package/dist/types/ActivesRiseRub.ts +0 -6
  47. package/dist/types/BankRub.ts +0 -6
  48. package/dist/types/BookBuilding.ts +0 -6
  49. package/dist/types/BookChat.ts +0 -6
  50. package/dist/types/BookFinger.ts +0 -6
  51. package/dist/types/BooksAppleHat.ts +0 -6
  52. package/dist/types/CalendarWatch.ts +0 -6
  53. package/dist/types/CarBoxes.ts +0 -6
  54. package/dist/types/Chip.ts +0 -6
  55. package/dist/types/ChocholateMenu.ts +0 -6
  56. package/dist/types/DisplayAnalytics.ts +0 -6
  57. package/dist/types/DisplayDemo.ts +0 -6
  58. package/dist/types/DisplayUserProfile.ts +0 -6
  59. package/dist/types/DocLaptop.ts +0 -6
  60. package/dist/types/Documents.ts +0 -6
  61. package/dist/types/FingerClickRub.ts +0 -6
  62. package/dist/types/HammerBuildings.ts +0 -6
  63. package/dist/types/HandCardRub.ts +0 -6
  64. package/dist/types/HandGear.ts +0 -6
  65. package/dist/types/HandGlass.ts +0 -6
  66. package/dist/types/HandMoney.ts +0 -6
  67. package/dist/types/HandshakeRub.ts +0 -6
  68. package/dist/types/Key.ts +0 -6
  69. package/dist/types/LikeDisplayClick.ts +0 -6
  70. package/dist/types/LikeProfileRub.ts +0 -6
  71. package/dist/types/MailOpened.ts +0 -6
  72. package/dist/types/ManLaptopWorld.ts +0 -6
  73. package/dist/types/ManSpyglass.ts +0 -6
  74. package/dist/types/PhoneInHand.ts +0 -6
  75. package/dist/types/Rocket.ts +0 -6
  76. package/dist/types/SandwatchRub.ts +0 -6
  77. package/dist/types/SearchInterface.ts +0 -6
  78. package/dist/types/Support.ts +0 -6
  79. package/dist/types/UserAnalytics.ts +0 -6
  80. package/dist/types/WomanChat.ts +0 -6
package/dist/styles.css DELETED
@@ -1,889 +0,0 @@
1
- /*!
2
- * CDS Illustrations v1.4.0 (https://cds.b2b-center.ru/)
3
- *
4
- * @package @central-design-system/illustrations
5
- * @author Design System Team <cds@b2b-center.ru>
6
- * © 2023, B2B-Center. (https://b2b-center.ru/)
7
- */
8
- /*!
9
- * CDS Illustrations v1.4.0 (https://cds.b2b-center.ru/)
10
- *
11
- * @package @central-design-system/illustrations
12
- * @author Design System Team <cds@b2b-center.ru>
13
- * © 2023, B2B-Center. (https://b2b-center.ru/)
14
- */
15
-
16
- .cds-illustration #color-primary {
17
- fill: #bebebe;
18
- }
19
- .cds-illustration #color-secondary {
20
- fill: #858585;
21
- }
22
- .cds-illustration #shape {
23
- fill: #555555;
24
- }
25
- .cds-illustration #mono {
26
- opacity: 0;
27
- visibility: hidden;
28
- }
29
- .cds-illustration.isMono #mono {
30
- opacity: 1;
31
- visibility: visible;
32
- fill: #555555;
33
- }
34
- .cds-illustration.isMono #color-secondary,
35
- .cds-illustration.isMono #color-primary {
36
- opacity: 0;
37
- visibility: hidden;
38
- }
39
-
40
-
41
- .cds-illustration #color-primary {
42
- fill: #bebebe;
43
- }
44
- .cds-illustration #color-secondary {
45
- fill: #858585;
46
- }
47
- .cds-illustration #shape {
48
- fill: #555555;
49
- }
50
- .cds-illustration #mono {
51
- opacity: 0;
52
- visibility: hidden;
53
- }
54
- .cds-illustration.isMono #mono {
55
- opacity: 1;
56
- visibility: visible;
57
- fill: #555555;
58
- }
59
- .cds-illustration.isMono #color-secondary,
60
- .cds-illustration.isMono #color-primary {
61
- opacity: 0;
62
- visibility: hidden;
63
- }
64
-
65
-
66
- .cds-illustration #color-primary {
67
- fill: #bebebe;
68
- }
69
- .cds-illustration #color-secondary {
70
- fill: #858585;
71
- }
72
- .cds-illustration #shape {
73
- fill: #555555;
74
- }
75
- .cds-illustration #mono {
76
- opacity: 0;
77
- visibility: hidden;
78
- }
79
- .cds-illustration.isMono #mono {
80
- opacity: 1;
81
- visibility: visible;
82
- fill: #555555;
83
- }
84
- .cds-illustration.isMono #color-secondary,
85
- .cds-illustration.isMono #color-primary {
86
- opacity: 0;
87
- visibility: hidden;
88
- }
89
-
90
-
91
- .cds-illustration #color-primary {
92
- fill: #bebebe;
93
- }
94
- .cds-illustration #color-secondary {
95
- fill: #858585;
96
- }
97
- .cds-illustration #shape {
98
- fill: #555555;
99
- }
100
- .cds-illustration #mono {
101
- opacity: 0;
102
- visibility: hidden;
103
- }
104
- .cds-illustration.isMono #mono {
105
- opacity: 1;
106
- visibility: visible;
107
- fill: #555555;
108
- }
109
- .cds-illustration.isMono #color-secondary,
110
- .cds-illustration.isMono #color-primary {
111
- opacity: 0;
112
- visibility: hidden;
113
- }
114
-
115
-
116
- .cds-illustration #color-primary {
117
- fill: #bebebe;
118
- }
119
- .cds-illustration #color-secondary {
120
- fill: #858585;
121
- }
122
- .cds-illustration #shape {
123
- fill: #555555;
124
- }
125
- .cds-illustration #mono {
126
- opacity: 0;
127
- visibility: hidden;
128
- }
129
- .cds-illustration.isMono #mono {
130
- opacity: 1;
131
- visibility: visible;
132
- fill: #555555;
133
- }
134
- .cds-illustration.isMono #color-secondary,
135
- .cds-illustration.isMono #color-primary {
136
- opacity: 0;
137
- visibility: hidden;
138
- }
139
-
140
-
141
- .cds-illustration #color-primary {
142
- fill: #bebebe;
143
- }
144
- .cds-illustration #color-secondary {
145
- fill: #858585;
146
- }
147
- .cds-illustration #shape {
148
- fill: #555555;
149
- }
150
- .cds-illustration #mono {
151
- opacity: 0;
152
- visibility: hidden;
153
- }
154
- .cds-illustration.isMono #mono {
155
- opacity: 1;
156
- visibility: visible;
157
- fill: #555555;
158
- }
159
- .cds-illustration.isMono #color-secondary,
160
- .cds-illustration.isMono #color-primary {
161
- opacity: 0;
162
- visibility: hidden;
163
- }
164
-
165
-
166
- .cds-illustration #color-primary {
167
- fill: #bebebe;
168
- }
169
- .cds-illustration #color-secondary {
170
- fill: #858585;
171
- }
172
- .cds-illustration #shape {
173
- fill: #555555;
174
- }
175
- .cds-illustration #mono {
176
- opacity: 0;
177
- visibility: hidden;
178
- }
179
- .cds-illustration.isMono #mono {
180
- opacity: 1;
181
- visibility: visible;
182
- fill: #555555;
183
- }
184
- .cds-illustration.isMono #color-secondary,
185
- .cds-illustration.isMono #color-primary {
186
- opacity: 0;
187
- visibility: hidden;
188
- }
189
-
190
-
191
- .cds-illustration #color-primary {
192
- fill: #bebebe;
193
- }
194
- .cds-illustration #color-secondary {
195
- fill: #858585;
196
- }
197
- .cds-illustration #shape {
198
- fill: #555555;
199
- }
200
- .cds-illustration #mono {
201
- opacity: 0;
202
- visibility: hidden;
203
- }
204
- .cds-illustration.isMono #mono {
205
- opacity: 1;
206
- visibility: visible;
207
- fill: #555555;
208
- }
209
- .cds-illustration.isMono #color-secondary,
210
- .cds-illustration.isMono #color-primary {
211
- opacity: 0;
212
- visibility: hidden;
213
- }
214
-
215
-
216
- .cds-illustration #color-primary {
217
- fill: #bebebe;
218
- }
219
- .cds-illustration #color-secondary {
220
- fill: #858585;
221
- }
222
- .cds-illustration #shape {
223
- fill: #555555;
224
- }
225
- .cds-illustration #mono {
226
- opacity: 0;
227
- visibility: hidden;
228
- }
229
- .cds-illustration.isMono #mono {
230
- opacity: 1;
231
- visibility: visible;
232
- fill: #555555;
233
- }
234
- .cds-illustration.isMono #color-secondary,
235
- .cds-illustration.isMono #color-primary {
236
- opacity: 0;
237
- visibility: hidden;
238
- }
239
-
240
-
241
- .cds-illustration #color-primary {
242
- fill: #bebebe;
243
- }
244
- .cds-illustration #color-secondary {
245
- fill: #858585;
246
- }
247
- .cds-illustration #shape {
248
- fill: #555555;
249
- }
250
- .cds-illustration #mono {
251
- opacity: 0;
252
- visibility: hidden;
253
- }
254
- .cds-illustration.isMono #mono {
255
- opacity: 1;
256
- visibility: visible;
257
- fill: #555555;
258
- }
259
- .cds-illustration.isMono #color-secondary,
260
- .cds-illustration.isMono #color-primary {
261
- opacity: 0;
262
- visibility: hidden;
263
- }
264
-
265
-
266
- .cds-illustration #color-primary {
267
- fill: #bebebe;
268
- }
269
- .cds-illustration #color-secondary {
270
- fill: #858585;
271
- }
272
- .cds-illustration #shape {
273
- fill: #555555;
274
- }
275
- .cds-illustration #mono {
276
- opacity: 0;
277
- visibility: hidden;
278
- }
279
- .cds-illustration.isMono #mono {
280
- opacity: 1;
281
- visibility: visible;
282
- fill: #555555;
283
- }
284
- .cds-illustration.isMono #color-secondary,
285
- .cds-illustration.isMono #color-primary {
286
- opacity: 0;
287
- visibility: hidden;
288
- }
289
-
290
-
291
- .cds-illustration #color-primary {
292
- fill: #bebebe;
293
- }
294
- .cds-illustration #color-secondary {
295
- fill: #858585;
296
- }
297
- .cds-illustration #shape {
298
- fill: #555555;
299
- }
300
- .cds-illustration #mono {
301
- opacity: 0;
302
- visibility: hidden;
303
- }
304
- .cds-illustration.isMono #mono {
305
- opacity: 1;
306
- visibility: visible;
307
- fill: #555555;
308
- }
309
- .cds-illustration.isMono #color-secondary,
310
- .cds-illustration.isMono #color-primary {
311
- opacity: 0;
312
- visibility: hidden;
313
- }
314
-
315
-
316
- .cds-illustration #color-primary {
317
- fill: #bebebe;
318
- }
319
- .cds-illustration #color-secondary {
320
- fill: #858585;
321
- }
322
- .cds-illustration #shape {
323
- fill: #555555;
324
- }
325
- .cds-illustration #mono {
326
- opacity: 0;
327
- visibility: hidden;
328
- }
329
- .cds-illustration.isMono #mono {
330
- opacity: 1;
331
- visibility: visible;
332
- fill: #555555;
333
- }
334
- .cds-illustration.isMono #color-secondary,
335
- .cds-illustration.isMono #color-primary {
336
- opacity: 0;
337
- visibility: hidden;
338
- }
339
-
340
-
341
- .cds-illustration #color-primary {
342
- fill: #bebebe;
343
- }
344
- .cds-illustration #color-secondary {
345
- fill: #858585;
346
- }
347
- .cds-illustration #shape {
348
- fill: #555555;
349
- }
350
- .cds-illustration #mono {
351
- opacity: 0;
352
- visibility: hidden;
353
- }
354
- .cds-illustration.isMono #mono {
355
- opacity: 1;
356
- visibility: visible;
357
- fill: #555555;
358
- }
359
- .cds-illustration.isMono #color-secondary,
360
- .cds-illustration.isMono #color-primary {
361
- opacity: 0;
362
- visibility: hidden;
363
- }
364
-
365
-
366
- .cds-illustration #color-primary {
367
- fill: #bebebe;
368
- }
369
- .cds-illustration #color-secondary {
370
- fill: #858585;
371
- }
372
- .cds-illustration #shape {
373
- fill: #555555;
374
- }
375
- .cds-illustration #mono {
376
- opacity: 0;
377
- visibility: hidden;
378
- }
379
- .cds-illustration.isMono #mono {
380
- opacity: 1;
381
- visibility: visible;
382
- fill: #555555;
383
- }
384
- .cds-illustration.isMono #color-secondary,
385
- .cds-illustration.isMono #color-primary {
386
- opacity: 0;
387
- visibility: hidden;
388
- }
389
-
390
-
391
- .cds-illustration #color-primary {
392
- fill: #bebebe;
393
- }
394
- .cds-illustration #color-secondary {
395
- fill: #858585;
396
- }
397
- .cds-illustration #shape {
398
- fill: #555555;
399
- }
400
- .cds-illustration #mono {
401
- opacity: 0;
402
- visibility: hidden;
403
- }
404
- .cds-illustration.isMono #mono {
405
- opacity: 1;
406
- visibility: visible;
407
- fill: #555555;
408
- }
409
- .cds-illustration.isMono #color-secondary,
410
- .cds-illustration.isMono #color-primary {
411
- opacity: 0;
412
- visibility: hidden;
413
- }
414
-
415
-
416
- .cds-illustration #color-primary {
417
- fill: #bebebe;
418
- }
419
- .cds-illustration #color-secondary {
420
- fill: #858585;
421
- }
422
- .cds-illustration #shape {
423
- fill: #555555;
424
- }
425
- .cds-illustration #mono {
426
- opacity: 0;
427
- visibility: hidden;
428
- }
429
- .cds-illustration.isMono #mono {
430
- opacity: 1;
431
- visibility: visible;
432
- fill: #555555;
433
- }
434
- .cds-illustration.isMono #color-secondary,
435
- .cds-illustration.isMono #color-primary {
436
- opacity: 0;
437
- visibility: hidden;
438
- }
439
-
440
-
441
- .cds-illustration #color-primary {
442
- fill: #bebebe;
443
- }
444
- .cds-illustration #color-secondary {
445
- fill: #858585;
446
- }
447
- .cds-illustration #shape {
448
- fill: #555555;
449
- }
450
- .cds-illustration #mono {
451
- opacity: 0;
452
- visibility: hidden;
453
- }
454
- .cds-illustration.isMono #mono {
455
- opacity: 1;
456
- visibility: visible;
457
- fill: #555555;
458
- }
459
- .cds-illustration.isMono #color-secondary,
460
- .cds-illustration.isMono #color-primary {
461
- opacity: 0;
462
- visibility: hidden;
463
- }
464
-
465
-
466
- .cds-illustration #color-primary {
467
- fill: #bebebe;
468
- }
469
- .cds-illustration #color-secondary {
470
- fill: #858585;
471
- }
472
- .cds-illustration #shape {
473
- fill: #555555;
474
- }
475
- .cds-illustration #mono {
476
- opacity: 0;
477
- visibility: hidden;
478
- }
479
- .cds-illustration.isMono #mono {
480
- opacity: 1;
481
- visibility: visible;
482
- fill: #555555;
483
- }
484
- .cds-illustration.isMono #color-secondary,
485
- .cds-illustration.isMono #color-primary {
486
- opacity: 0;
487
- visibility: hidden;
488
- }
489
-
490
-
491
- .cds-illustration #color-primary {
492
- fill: #bebebe;
493
- }
494
- .cds-illustration #color-secondary {
495
- fill: #858585;
496
- }
497
- .cds-illustration #shape {
498
- fill: #555555;
499
- }
500
- .cds-illustration #mono {
501
- opacity: 0;
502
- visibility: hidden;
503
- }
504
- .cds-illustration.isMono #mono {
505
- opacity: 1;
506
- visibility: visible;
507
- fill: #555555;
508
- }
509
- .cds-illustration.isMono #color-secondary,
510
- .cds-illustration.isMono #color-primary {
511
- opacity: 0;
512
- visibility: hidden;
513
- }
514
-
515
-
516
- .cds-illustration #color-primary {
517
- fill: #bebebe;
518
- }
519
- .cds-illustration #color-secondary {
520
- fill: #858585;
521
- }
522
- .cds-illustration #shape {
523
- fill: #555555;
524
- }
525
- .cds-illustration #mono {
526
- opacity: 0;
527
- visibility: hidden;
528
- }
529
- .cds-illustration.isMono #mono {
530
- opacity: 1;
531
- visibility: visible;
532
- fill: #555555;
533
- }
534
- .cds-illustration.isMono #color-secondary,
535
- .cds-illustration.isMono #color-primary {
536
- opacity: 0;
537
- visibility: hidden;
538
- }
539
-
540
-
541
- .cds-illustration #color-primary {
542
- fill: #bebebe;
543
- }
544
- .cds-illustration #color-secondary {
545
- fill: #858585;
546
- }
547
- .cds-illustration #shape {
548
- fill: #555555;
549
- }
550
- .cds-illustration #mono {
551
- opacity: 0;
552
- visibility: hidden;
553
- }
554
- .cds-illustration.isMono #mono {
555
- opacity: 1;
556
- visibility: visible;
557
- fill: #555555;
558
- }
559
- .cds-illustration.isMono #color-secondary,
560
- .cds-illustration.isMono #color-primary {
561
- opacity: 0;
562
- visibility: hidden;
563
- }
564
-
565
-
566
- .cds-illustration #color-primary {
567
- fill: #bebebe;
568
- }
569
- .cds-illustration #color-secondary {
570
- fill: #858585;
571
- }
572
- .cds-illustration #shape {
573
- fill: #555555;
574
- }
575
- .cds-illustration #mono {
576
- opacity: 0;
577
- visibility: hidden;
578
- }
579
- .cds-illustration.isMono #mono {
580
- opacity: 1;
581
- visibility: visible;
582
- fill: #555555;
583
- }
584
- .cds-illustration.isMono #color-secondary,
585
- .cds-illustration.isMono #color-primary {
586
- opacity: 0;
587
- visibility: hidden;
588
- }
589
-
590
-
591
- .cds-illustration #color-primary {
592
- fill: #bebebe;
593
- }
594
- .cds-illustration #color-secondary {
595
- fill: #858585;
596
- }
597
- .cds-illustration #shape {
598
- fill: #555555;
599
- }
600
- .cds-illustration #mono {
601
- opacity: 0;
602
- visibility: hidden;
603
- }
604
- .cds-illustration.isMono #mono {
605
- opacity: 1;
606
- visibility: visible;
607
- fill: #555555;
608
- }
609
- .cds-illustration.isMono #color-secondary,
610
- .cds-illustration.isMono #color-primary {
611
- opacity: 0;
612
- visibility: hidden;
613
- }
614
-
615
-
616
- .cds-illustration #color-primary {
617
- fill: #bebebe;
618
- }
619
- .cds-illustration #color-secondary {
620
- fill: #858585;
621
- }
622
- .cds-illustration #shape {
623
- fill: #555555;
624
- }
625
- .cds-illustration #mono {
626
- opacity: 0;
627
- visibility: hidden;
628
- }
629
- .cds-illustration.isMono #mono {
630
- opacity: 1;
631
- visibility: visible;
632
- fill: #555555;
633
- }
634
- .cds-illustration.isMono #color-secondary,
635
- .cds-illustration.isMono #color-primary {
636
- opacity: 0;
637
- visibility: hidden;
638
- }
639
-
640
-
641
- .cds-illustration #color-primary {
642
- fill: #bebebe;
643
- }
644
- .cds-illustration #color-secondary {
645
- fill: #858585;
646
- }
647
- .cds-illustration #shape {
648
- fill: #555555;
649
- }
650
- .cds-illustration #mono {
651
- opacity: 0;
652
- visibility: hidden;
653
- }
654
- .cds-illustration.isMono #mono {
655
- opacity: 1;
656
- visibility: visible;
657
- fill: #555555;
658
- }
659
- .cds-illustration.isMono #color-secondary,
660
- .cds-illustration.isMono #color-primary {
661
- opacity: 0;
662
- visibility: hidden;
663
- }
664
-
665
-
666
- .cds-illustration #color-primary {
667
- fill: #bebebe;
668
- }
669
- .cds-illustration #color-secondary {
670
- fill: #858585;
671
- }
672
- .cds-illustration #shape {
673
- fill: #555555;
674
- }
675
- .cds-illustration #mono {
676
- opacity: 0;
677
- visibility: hidden;
678
- }
679
- .cds-illustration.isMono #mono {
680
- opacity: 1;
681
- visibility: visible;
682
- fill: #555555;
683
- }
684
- .cds-illustration.isMono #color-secondary,
685
- .cds-illustration.isMono #color-primary {
686
- opacity: 0;
687
- visibility: hidden;
688
- }
689
-
690
-
691
- .cds-illustration #color-primary {
692
- fill: #bebebe;
693
- }
694
- .cds-illustration #color-secondary {
695
- fill: #858585;
696
- }
697
- .cds-illustration #shape {
698
- fill: #555555;
699
- }
700
- .cds-illustration #mono {
701
- opacity: 0;
702
- visibility: hidden;
703
- }
704
- .cds-illustration.isMono #mono {
705
- opacity: 1;
706
- visibility: visible;
707
- fill: #555555;
708
- }
709
- .cds-illustration.isMono #color-secondary,
710
- .cds-illustration.isMono #color-primary {
711
- opacity: 0;
712
- visibility: hidden;
713
- }
714
-
715
-
716
- .cds-illustration #color-primary {
717
- fill: #bebebe;
718
- }
719
- .cds-illustration #color-secondary {
720
- fill: #858585;
721
- }
722
- .cds-illustration #shape {
723
- fill: #555555;
724
- }
725
- .cds-illustration #mono {
726
- opacity: 0;
727
- visibility: hidden;
728
- }
729
- .cds-illustration.isMono #mono {
730
- opacity: 1;
731
- visibility: visible;
732
- fill: #555555;
733
- }
734
- .cds-illustration.isMono #color-secondary,
735
- .cds-illustration.isMono #color-primary {
736
- opacity: 0;
737
- visibility: hidden;
738
- }
739
-
740
-
741
- .cds-illustration #color-primary {
742
- fill: #bebebe;
743
- }
744
- .cds-illustration #color-secondary {
745
- fill: #858585;
746
- }
747
- .cds-illustration #shape {
748
- fill: #555555;
749
- }
750
- .cds-illustration #mono {
751
- opacity: 0;
752
- visibility: hidden;
753
- }
754
- .cds-illustration.isMono #mono {
755
- opacity: 1;
756
- visibility: visible;
757
- fill: #555555;
758
- }
759
- .cds-illustration.isMono #color-secondary,
760
- .cds-illustration.isMono #color-primary {
761
- opacity: 0;
762
- visibility: hidden;
763
- }
764
-
765
-
766
- .cds-illustration #color-primary {
767
- fill: #bebebe;
768
- }
769
- .cds-illustration #color-secondary {
770
- fill: #858585;
771
- }
772
- .cds-illustration #shape {
773
- fill: #555555;
774
- }
775
- .cds-illustration #mono {
776
- opacity: 0;
777
- visibility: hidden;
778
- }
779
- .cds-illustration.isMono #mono {
780
- opacity: 1;
781
- visibility: visible;
782
- fill: #555555;
783
- }
784
- .cds-illustration.isMono #color-secondary,
785
- .cds-illustration.isMono #color-primary {
786
- opacity: 0;
787
- visibility: hidden;
788
- }
789
-
790
-
791
- .cds-illustration #color-primary {
792
- fill: #bebebe;
793
- }
794
- .cds-illustration #color-secondary {
795
- fill: #858585;
796
- }
797
- .cds-illustration #shape {
798
- fill: #555555;
799
- }
800
- .cds-illustration #mono {
801
- opacity: 0;
802
- visibility: hidden;
803
- }
804
- .cds-illustration.isMono #mono {
805
- opacity: 1;
806
- visibility: visible;
807
- fill: #555555;
808
- }
809
- .cds-illustration.isMono #color-secondary,
810
- .cds-illustration.isMono #color-primary {
811
- opacity: 0;
812
- visibility: hidden;
813
- }
814
-
815
-
816
- .cds-illustration #color-primary {
817
- fill: #bebebe;
818
- }
819
- .cds-illustration #color-secondary {
820
- fill: #858585;
821
- }
822
- .cds-illustration #shape {
823
- fill: #555555;
824
- }
825
- .cds-illustration #mono {
826
- opacity: 0;
827
- visibility: hidden;
828
- }
829
- .cds-illustration.isMono #mono {
830
- opacity: 1;
831
- visibility: visible;
832
- fill: #555555;
833
- }
834
- .cds-illustration.isMono #color-secondary,
835
- .cds-illustration.isMono #color-primary {
836
- opacity: 0;
837
- visibility: hidden;
838
- }
839
-
840
-
841
- .cds-illustration #color-primary {
842
- fill: #bebebe;
843
- }
844
- .cds-illustration #color-secondary {
845
- fill: #858585;
846
- }
847
- .cds-illustration #shape {
848
- fill: #555555;
849
- }
850
- .cds-illustration #mono {
851
- opacity: 0;
852
- visibility: hidden;
853
- }
854
- .cds-illustration.isMono #mono {
855
- opacity: 1;
856
- visibility: visible;
857
- fill: #555555;
858
- }
859
- .cds-illustration.isMono #color-secondary,
860
- .cds-illustration.isMono #color-primary {
861
- opacity: 0;
862
- visibility: hidden;
863
- }
864
-
865
-
866
- .cds-illustration #color-primary {
867
- fill: #bebebe;
868
- }
869
- .cds-illustration #color-secondary {
870
- fill: #858585;
871
- }
872
- .cds-illustration #shape {
873
- fill: #555555;
874
- }
875
- .cds-illustration #mono {
876
- opacity: 0;
877
- visibility: hidden;
878
- }
879
- .cds-illustration.isMono #mono {
880
- opacity: 1;
881
- visibility: visible;
882
- fill: #555555;
883
- }
884
- .cds-illustration.isMono #color-secondary,
885
- .cds-illustration.isMono #color-primary {
886
- opacity: 0;
887
- visibility: hidden;
888
- }
889
-