@koobiq/icons 7.1.0 → 7.1.2

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 (95) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/fonts/mc-icons.css +194 -21
  3. package/dist/fonts/mc-icons.html +86 -86
  4. package/dist/fonts/mc-icons.scss +351 -178
  5. package/dist/fonts/mc-icons.ttf +0 -0
  6. package/dist/fonts/mc-icons.woff +0 -0
  7. package/dist/svg/angle-down-L_16.svg +1 -1
  8. package/dist/svg/angle-down-L_24.svg +1 -1
  9. package/dist/svg/angle-down-M_16.svg +1 -1
  10. package/dist/svg/angle-down-M_24.svg +1 -1
  11. package/dist/svg/angle-down-S_16.svg +1 -1
  12. package/dist/svg/angle-left-L_16.svg +1 -1
  13. package/dist/svg/angle-left-L_24.svg +1 -1
  14. package/dist/svg/angle-left-M_16.svg +1 -1
  15. package/dist/svg/angle-left-M_24.svg +1 -1
  16. package/dist/svg/angle-left-S_16.svg +1 -1
  17. package/dist/svg/angle-right-L_16.svg +1 -1
  18. package/dist/svg/angle-right-L_24.svg +1 -1
  19. package/dist/svg/angle-right-M_16.svg +1 -1
  20. package/dist/svg/angle-right-M_24.svg +1 -1
  21. package/dist/svg/angle-right-M_32.svg +1 -1
  22. package/dist/svg/angle-right-S_16.svg +1 -1
  23. package/dist/svg/angle-up-L_16.svg +1 -1
  24. package/dist/svg/angle-up-L_24.svg +1 -1
  25. package/dist/svg/angle-up-M_16.svg +1 -1
  26. package/dist/svg/angle-up-M_24.svg +1 -1
  27. package/dist/svg/angle-up-S_16.svg +1 -1
  28. package/dist/svg/bell-o_16.svg +1 -1
  29. package/dist/svg/bell-o_24.svg +1 -1
  30. package/dist/svg/bell-off-o_16.svg +1 -1
  31. package/dist/svg/bell_16.svg +1 -1
  32. package/dist/svg/bell_32.svg +1 -1
  33. package/dist/svg/bento_16.svg +1 -1
  34. package/dist/svg/bento_24.svg +1 -1
  35. package/dist/svg/bento_32.svg +1 -1
  36. package/dist/svg/calendar_16.svg +1 -1
  37. package/dist/svg/chart-bar_24.svg +1 -1
  38. package/dist/svg/check_16.svg +1 -1
  39. package/dist/svg/circle-8_16.svg +1 -1
  40. package/dist/svg/clock_16.svg +1 -1
  41. package/dist/svg/close-L_16.svg +1 -1
  42. package/dist/svg/close-L_32.svg +1 -1
  43. package/dist/svg/close-M_16.svg +1 -1
  44. package/dist/svg/close-S_16.svg +1 -1
  45. package/dist/svg/close-circle_16.svg +1 -1
  46. package/dist/svg/cloud-404_256.svg +1 -1
  47. package/dist/svg/color-palette_16.svg +1 -1
  48. package/dist/svg/copy-o_16.svg +1 -1
  49. package/dist/svg/copy_16.svg +1 -1
  50. package/dist/svg/download_16.svg +1 -1
  51. package/dist/svg/download_32.svg +1 -1
  52. package/dist/svg/ellipsis_16.svg +1 -1
  53. package/dist/svg/ellipsis_24.svg +1 -1
  54. package/dist/svg/error_16.svg +1 -1
  55. package/dist/svg/external-link_16.svg +1 -1
  56. package/dist/svg/eye-crossed_16.svg +1 -1
  57. package/dist/svg/eye_16.svg +1 -1
  58. package/dist/svg/file-empty_16.svg +1 -1
  59. package/dist/svg/folder-closed_16.svg +1 -1
  60. package/dist/svg/folder-open-o_24.svg +1 -1
  61. package/dist/svg/folder-opened_16.svg +1 -1
  62. package/dist/svg/folder-search-opened_16.svg +1 -1
  63. package/dist/svg/folder-search_16.svg +1 -1
  64. package/dist/svg/gear_16.svg +1 -1
  65. package/dist/svg/globe_16.svg +1 -1
  66. package/dist/svg/hamburger_16.svg +1 -1
  67. package/dist/svg/hamburger_32.svg +1 -1
  68. package/dist/svg/info-o_16.svg +1 -1
  69. package/dist/svg/info_16.svg +1 -1
  70. package/dist/svg/list_24.svg +1 -1
  71. package/dist/svg/minus_16.svg +1 -1
  72. package/dist/svg/new-tab_16.svg +1 -1
  73. package/dist/svg/pause_16.svg +1 -1
  74. package/dist/svg/play_16.svg +1 -1
  75. package/dist/svg/question-circle_24.svg +1 -1
  76. package/dist/svg/search_16.svg +1 -1
  77. package/dist/svg/search_24.svg +1 -1
  78. package/dist/svg/stop_16.svg +1 -1
  79. package/dist/svg/success_16.svg +1 -1
  80. package/dist/svg/theme_16.svg +1 -1
  81. package/dist/svg/triangle-down_16.svg +1 -1
  82. package/dist/svg/triangle-left_16.svg +1 -1
  83. package/dist/svg/triangle-right_16.svg +1 -1
  84. package/dist/svg/triangle-up_16.svg +1 -1
  85. package/dist/svg/upload-to-cloud_16.svg +1 -1
  86. package/dist/svg/upload-to-cloud_24.svg +1 -1
  87. package/dist/svg/upload-to-cloud_32.svg +1 -1
  88. package/dist/svg/upload-to-cloud_64.svg +1 -1
  89. package/dist/svg/user-o_24.svg +1 -1
  90. package/dist/svg/user_16.svg +1 -1
  91. package/dist/svg/word-wrap-slash_16.svg +1 -1
  92. package/dist/svg/word-wrap_16.svg +1 -1
  93. package/dist/symbol/sprite.symbol.html +87 -86
  94. package/dist/symbol/svg/sprite.symbol.svg +1 -1
  95. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,18 @@
1
+ ## 7.1.2 (2024-05-15)
2
+
3
+ ### Icons
4
+
5
+ * bug fix Иконки не закрашиваются (#DS-2163) 217f823
6
+ * bug fix removed hardcoded fill color in output (#DS-2391) 1c2ce2f
7
+
8
+ ## 7.1.1 (2023-10-04)
9
+
10
+ ### Icons
11
+
12
+ * fix font metrics to align icons with text using baseline correctly
13
+ * fix font-size css and scss rule
14
+ * fix html-preview document with correct mc prefix
15
+
1
16
  # 7.1.0 "Wistful Magi" (2023-08-18)
2
17
 
3
18
  ### Icons
@@ -2,370 +2,543 @@
2
2
  font-family: "PT Mosaic Icons";
3
3
  font-weight:normal;
4
4
  font-style:normal;
5
- src: url("./mc-icons.ttf?e8b794fcdc13cb9b03ea73d526850d3a") format("truetype"),
6
- url("./mc-icons.woff?e8b794fcdc13cb9b03ea73d526850d3a") format("woff");
5
+ src: url("./mc-icons.ttf?89f2d12f78345d4733f735ad86db2631") format("truetype"),
6
+ url("./mc-icons.woff?89f2d12f78345d4733f735ad86db2631") format("woff");
7
7
  }
8
8
 
9
9
  .mc {
10
10
  font-family: "PT Mosaic Icons";
11
- display: inline-block;
11
+ display:inline-block;
12
12
  vertical-align:middle;
13
13
  line-height:1;
14
14
  font-weight:normal;
15
15
  font-style:normal;
16
16
  speak:none;
17
- text-decoration: none;
17
+ text-decoration:inherit;
18
18
  text-transform:none;
19
19
  text-rendering:auto;
20
- -webkit-font-smoothing: antialiased;
21
- -moz-osx-font-smoothing: grayscale;
20
+ -webkit-font-smoothing:antialiased;
21
+ -moz-osx-font-smoothing:grayscale;
22
+ transform:rotate(0.001deg);
22
23
  }
23
24
 
24
25
  /*---------------------
25
26
  * Icons
26
27
  *-------------------*/
27
28
 
29
+ .mc-angle-down-L_16 {
30
+ font-size: 16px;
31
+ }
28
32
  .mc-angle-down-L_16:before {
29
33
  content: "\f101";
34
+ }
35
+ .mc-angle-down-M_16 {
30
36
  font-size: 16px;
31
37
  }
32
38
  .mc-angle-down-M_16:before {
33
39
  content: "\f102";
40
+ }
41
+ .mc-angle-down-S_16 {
34
42
  font-size: 16px;
35
43
  }
36
44
  .mc-angle-down-S_16:before {
37
45
  content: "\f103";
46
+ }
47
+ .mc-calendar_16 {
38
48
  font-size: 16px;
39
49
  }
40
50
  .mc-calendar_16:before {
41
51
  content: "\f104";
52
+ }
53
+ .mc-check_16 {
42
54
  font-size: 16px;
43
55
  }
44
56
  .mc-check_16:before {
45
57
  content: "\f105";
58
+ }
59
+ .mc-circle-8_16 {
46
60
  font-size: 16px;
47
61
  }
48
62
  .mc-circle-8_16:before {
49
63
  content: "\f106";
64
+ }
65
+ .mc-clock_16 {
50
66
  font-size: 16px;
51
67
  }
52
68
  .mc-clock_16:before {
53
69
  content: "\f107";
70
+ }
71
+ .mc-close-L_16 {
54
72
  font-size: 16px;
55
73
  }
56
74
  .mc-close-L_16:before {
57
75
  content: "\f108";
76
+ }
77
+ .mc-close-M_16 {
58
78
  font-size: 16px;
59
79
  }
60
80
  .mc-close-M_16:before {
61
81
  content: "\f109";
82
+ }
83
+ .mc-close-S_16 {
62
84
  font-size: 16px;
63
85
  }
64
86
  .mc-close-S_16:before {
65
87
  content: "\f10a";
88
+ }
89
+ .mc-ellipsis_16 {
66
90
  font-size: 16px;
67
91
  }
68
92
  .mc-ellipsis_16:before {
69
93
  content: "\f10b";
94
+ }
95
+ .mc-folder-closed_16 {
70
96
  font-size: 16px;
71
97
  }
72
98
  .mc-folder-closed_16:before {
73
99
  content: "\f10c";
100
+ }
101
+ .mc-folder-opened_16 {
74
102
  font-size: 16px;
75
103
  }
76
104
  .mc-folder-opened_16:before {
77
105
  content: "\f10d";
106
+ }
107
+ .mc-gear_16 {
78
108
  font-size: 16px;
79
109
  }
80
110
  .mc-gear_16:before {
81
111
  content: "\f10e";
112
+ }
113
+ .mc-hamburger_16 {
82
114
  font-size: 16px;
83
115
  }
84
116
  .mc-hamburger_16:before {
85
117
  content: "\f10f";
118
+ }
119
+ .mc-pause_16 {
86
120
  font-size: 16px;
87
121
  }
88
122
  .mc-pause_16:before {
89
123
  content: "\f110";
124
+ }
125
+ .mc-play_16 {
90
126
  font-size: 16px;
91
127
  }
92
128
  .mc-play_16:before {
93
129
  content: "\f111";
130
+ }
131
+ .mc-stop_16 {
94
132
  font-size: 16px;
95
133
  }
96
134
  .mc-stop_16:before {
97
135
  content: "\f112";
136
+ }
137
+ .mc-triangle-down_16 {
98
138
  font-size: 16px;
99
139
  }
100
140
  .mc-triangle-down_16:before {
101
141
  content: "\f113";
102
- font-size: 16px;
142
+ }
143
+ .mc-upload-to-cloud_24 {
144
+ font-size: 24px;
103
145
  }
104
146
  .mc-upload-to-cloud_24:before {
105
147
  content: "\f114";
106
- font-size: 24px;
148
+ }
149
+ .mc-upload-to-cloud_64 {
150
+ font-size: 64px;
107
151
  }
108
152
  .mc-upload-to-cloud_64:before {
109
153
  content: "\f115";
110
- font-size: 64px;
154
+ }
155
+ .mc-error_16 {
156
+ font-size: 16px;
111
157
  }
112
158
  .mc-error_16:before {
113
159
  content: "\f116";
160
+ }
161
+ .mc-info_16 {
114
162
  font-size: 16px;
115
163
  }
116
164
  .mc-info_16:before {
117
165
  content: "\f117";
166
+ }
167
+ .mc-search_16 {
118
168
  font-size: 16px;
119
169
  }
120
170
  .mc-search_16:before {
121
171
  content: "\f118";
172
+ }
173
+ .mc-download_16 {
122
174
  font-size: 16px;
123
175
  }
124
176
  .mc-download_16:before {
125
177
  content: "\f119";
178
+ }
179
+ .mc-copy-o_16 {
126
180
  font-size: 16px;
127
181
  }
128
182
  .mc-copy-o_16:before {
129
183
  content: "\f11a";
184
+ }
185
+ .mc-minus_16 {
130
186
  font-size: 16px;
131
187
  }
132
188
  .mc-minus_16:before {
133
189
  content: "\f11b";
190
+ }
191
+ .mc-angle-up-L_16 {
134
192
  font-size: 16px;
135
193
  }
136
194
  .mc-angle-up-L_16:before {
137
195
  content: "\f11c";
196
+ }
197
+ .mc-angle-up-M_16 {
138
198
  font-size: 16px;
139
199
  }
140
200
  .mc-angle-up-M_16:before {
141
201
  content: "\f11d";
202
+ }
203
+ .mc-angle-up-S_16 {
142
204
  font-size: 16px;
143
205
  }
144
206
  .mc-angle-up-S_16:before {
145
207
  content: "\f11e";
208
+ }
209
+ .mc-angle-left-L_16 {
146
210
  font-size: 16px;
147
211
  }
148
212
  .mc-angle-left-L_16:before {
149
213
  content: "\f11f";
214
+ }
215
+ .mc-angle-left-M_16 {
150
216
  font-size: 16px;
151
217
  }
152
218
  .mc-angle-left-M_16:before {
153
219
  content: "\f120";
220
+ }
221
+ .mc-angle-left-S_16 {
154
222
  font-size: 16px;
155
223
  }
156
224
  .mc-angle-left-S_16:before {
157
225
  content: "\f121";
226
+ }
227
+ .mc-angle-right-L_16 {
158
228
  font-size: 16px;
159
229
  }
160
230
  .mc-angle-right-L_16:before {
161
231
  content: "\f122";
232
+ }
233
+ .mc-angle-right-M_16 {
162
234
  font-size: 16px;
163
235
  }
164
236
  .mc-angle-right-M_16:before {
165
237
  content: "\f123";
238
+ }
239
+ .mc-angle-right-S_16 {
166
240
  font-size: 16px;
167
241
  }
168
242
  .mc-angle-right-S_16:before {
169
243
  content: "\f124";
170
- font-size: 16px;
244
+ }
245
+ .mc-bell_32 {
246
+ font-size: 32px;
171
247
  }
172
248
  .mc-bell_32:before {
173
249
  content: "\f125";
250
+ }
251
+ .mc-hamburger_32 {
174
252
  font-size: 32px;
175
253
  }
176
254
  .mc-hamburger_32:before {
177
255
  content: "\f126";
256
+ }
257
+ .mc-close-L_32 {
178
258
  font-size: 32px;
179
259
  }
180
260
  .mc-close-L_32:before {
181
261
  content: "\f127";
262
+ }
263
+ .mc-angle-right-M_32 {
182
264
  font-size: 32px;
183
265
  }
184
266
  .mc-angle-right-M_32:before {
185
267
  content: "\f128";
186
- font-size: 32px;
268
+ }
269
+ .mc-triangle-up_16 {
270
+ font-size: 16px;
187
271
  }
188
272
  .mc-triangle-up_16:before {
189
273
  content: "\f129";
274
+ }
275
+ .mc-bell-o_16 {
190
276
  font-size: 16px;
191
277
  }
192
278
  .mc-bell-o_16:before {
193
279
  content: "\f12a";
280
+ }
281
+ .mc-bell-off-o_16 {
194
282
  font-size: 16px;
195
283
  }
196
284
  .mc-bell-off-o_16:before {
197
285
  content: "\f12b";
198
- font-size: 16px;
286
+ }
287
+ .mc-download_32 {
288
+ font-size: 32px;
199
289
  }
200
290
  .mc-download_32:before {
201
291
  content: "\f12c";
202
- font-size: 32px;
292
+ }
293
+ .mc-triangle-left_16 {
294
+ font-size: 16px;
203
295
  }
204
296
  .mc-triangle-left_16:before {
205
297
  content: "\f12d";
298
+ }
299
+ .mc-triangle-right_16 {
206
300
  font-size: 16px;
207
301
  }
208
302
  .mc-triangle-right_16:before {
209
303
  content: "\f12e";
304
+ }
305
+ .mc-upload-to-cloud_16 {
210
306
  font-size: 16px;
211
307
  }
212
308
  .mc-upload-to-cloud_16:before {
213
309
  content: "\f12f";
214
- font-size: 16px;
310
+ }
311
+ .mc-upload-to-cloud_32 {
312
+ font-size: 32px;
215
313
  }
216
314
  .mc-upload-to-cloud_32:before {
217
315
  content: "\f130";
218
- font-size: 32px;
316
+ }
317
+ .mc-bell_16 {
318
+ font-size: 16px;
219
319
  }
220
320
  .mc-bell_16:before {
221
321
  content: "\f131";
322
+ }
323
+ .mc-copy_16 {
222
324
  font-size: 16px;
223
325
  }
224
326
  .mc-copy_16:before {
225
327
  content: "\f132";
328
+ }
329
+ .mc-folder-search_16 {
226
330
  font-size: 16px;
227
331
  }
228
332
  .mc-folder-search_16:before {
229
333
  content: "\f133";
334
+ }
335
+ .mc-folder-search-opened_16 {
230
336
  font-size: 16px;
231
337
  }
232
338
  .mc-folder-search-opened_16:before {
233
339
  content: "\f134";
340
+ }
341
+ .mc-info-o_16 {
234
342
  font-size: 16px;
235
343
  }
236
344
  .mc-info-o_16:before {
237
345
  content: "\f135";
346
+ }
347
+ .mc-close-circle_16 {
238
348
  font-size: 16px;
239
349
  }
240
350
  .mc-close-circle_16:before {
241
351
  content: "\f136";
352
+ }
353
+ .mc-bento_16 {
242
354
  font-size: 16px;
243
355
  }
244
356
  .mc-bento_16:before {
245
357
  content: "\f137";
246
- font-size: 16px;
358
+ }
359
+ .mc-bento_32 {
360
+ font-size: 32px;
247
361
  }
248
362
  .mc-bento_32:before {
249
363
  content: "\f138";
250
- font-size: 32px;
364
+ }
365
+ .mc-new-tab_16 {
366
+ font-size: 16px;
251
367
  }
252
368
  .mc-new-tab_16:before {
253
369
  content: "\f139";
370
+ }
371
+ .mc-external-link_16 {
254
372
  font-size: 16px;
255
373
  }
256
374
  .mc-external-link_16:before {
257
375
  content: "\f13a";
258
- font-size: 16px;
376
+ }
377
+ .mc-bento_24 {
378
+ font-size: 24px;
259
379
  }
260
380
  .mc-bento_24:before {
261
381
  content: "\f13b";
382
+ }
383
+ .mc-angle-down-L_24 {
262
384
  font-size: 24px;
263
385
  }
264
386
  .mc-angle-down-L_24:before {
265
387
  content: "\f13c";
388
+ }
389
+ .mc-angle-down-M_24 {
266
390
  font-size: 24px;
267
391
  }
268
392
  .mc-angle-down-M_24:before {
269
393
  content: "\f13d";
394
+ }
395
+ .mc-angle-left-L_24 {
270
396
  font-size: 24px;
271
397
  }
272
398
  .mc-angle-left-L_24:before {
273
399
  content: "\f13e";
400
+ }
401
+ .mc-angle-left-M_24 {
274
402
  font-size: 24px;
275
403
  }
276
404
  .mc-angle-left-M_24:before {
277
405
  content: "\f13f";
406
+ }
407
+ .mc-angle-right-L_24 {
278
408
  font-size: 24px;
279
409
  }
280
410
  .mc-angle-right-L_24:before {
281
411
  content: "\f140";
412
+ }
413
+ .mc-angle-right-M_24 {
282
414
  font-size: 24px;
283
415
  }
284
416
  .mc-angle-right-M_24:before {
285
417
  content: "\f141";
418
+ }
419
+ .mc-angle-up-L_24 {
286
420
  font-size: 24px;
287
421
  }
288
422
  .mc-angle-up-L_24:before {
289
423
  content: "\f142";
424
+ }
425
+ .mc-angle-up-M_24 {
290
426
  font-size: 24px;
291
427
  }
292
428
  .mc-angle-up-M_24:before {
293
429
  content: "\f143";
430
+ }
431
+ .mc-bell-o_24 {
294
432
  font-size: 24px;
295
433
  }
296
434
  .mc-bell-o_24:before {
297
435
  content: "\f144";
436
+ }
437
+ .mc-chart-bar_24 {
298
438
  font-size: 24px;
299
439
  }
300
440
  .mc-chart-bar_24:before {
301
441
  content: "\f145";
442
+ }
443
+ .mc-ellipsis_24 {
302
444
  font-size: 24px;
303
445
  }
304
446
  .mc-ellipsis_24:before {
305
447
  content: "\f146";
448
+ }
449
+ .mc-folder-open-o_24 {
306
450
  font-size: 24px;
307
451
  }
308
452
  .mc-folder-open-o_24:before {
309
453
  content: "\f147";
454
+ }
455
+ .mc-list_24 {
310
456
  font-size: 24px;
311
457
  }
312
458
  .mc-list_24:before {
313
459
  content: "\f148";
460
+ }
461
+ .mc-question-circle_24 {
314
462
  font-size: 24px;
315
463
  }
316
464
  .mc-question-circle_24:before {
317
465
  content: "\f149";
466
+ }
467
+ .mc-search_24 {
318
468
  font-size: 24px;
319
469
  }
320
470
  .mc-search_24:before {
321
471
  content: "\f150";
472
+ }
473
+ .mc-user-o_24 {
322
474
  font-size: 24px;
323
475
  }
324
476
  .mc-user-o_24:before {
325
477
  content: "\f151";
326
- font-size: 24px;
478
+ }
479
+ .mc-user_16 {
480
+ font-size: 16px;
327
481
  }
328
482
  .mc-user_16:before {
329
483
  content: "\f152";
484
+ }
485
+ .mc-eye_16 {
330
486
  font-size: 16px;
331
487
  }
332
488
  .mc-eye_16:before {
333
489
  content: "\f153";
490
+ }
491
+ .mc-eye-crossed_16 {
334
492
  font-size: 16px;
335
493
  }
336
494
  .mc-eye-crossed_16:before {
337
495
  content: "\f154";
496
+ }
497
+ .mc-color-palette_16 {
338
498
  font-size: 16px;
339
499
  }
340
500
  .mc-color-palette_16:before {
341
501
  content: "\f155";
502
+ }
503
+ .mc-globe_16 {
342
504
  font-size: 16px;
343
505
  }
344
506
  .mc-globe_16:before {
345
507
  content: "\f156";
508
+ }
509
+ .mc-theme_16 {
346
510
  font-size: 16px;
347
511
  }
348
512
  .mc-theme_16:before {
349
513
  content: "\f157";
514
+ }
515
+ .mc-success_16 {
350
516
  font-size: 16px;
351
517
  }
352
518
  .mc-success_16:before {
353
519
  content: "\f158";
520
+ }
521
+ .mc-word-wrap_16 {
354
522
  font-size: 16px;
355
523
  }
356
524
  .mc-word-wrap_16:before {
357
525
  content: "\f159";
526
+ }
527
+ .mc-word-wrap-slash_16 {
358
528
  font-size: 16px;
359
529
  }
360
530
  .mc-word-wrap-slash_16:before {
361
531
  content: "\f15a";
532
+ }
533
+ .mc-file-empty_16 {
362
534
  font-size: 16px;
363
535
  }
364
536
  .mc-file-empty_16:before {
365
537
  content: "\f15c";
366
- font-size: 16px;
538
+ }
539
+ .mc-cloud-404_256 {
540
+ font-size: 256px;
367
541
  }
368
542
  .mc-cloud-404_256:before {
369
543
  content: "\f14a";
370
- font-size: 256px;
371
544
  }