feat(icon): migrated icons

Author: NikGurev

apps/docs/src/app/components/copy-button/copy-button.html

@@ -4,7 +4,7 @@
     kbq-link
     pseudo
 >
-    <i class="mc mc-check_16"></i>
+    <i class="kbq kbq-check_16"></i>
     <span class="kbq-link__text">{{ successLabelText }}</span>
 </span>
 
@@ -14,7 +14,7 @@
     pseudo
 >
     <i
-        class="mc kbq-copy_16"
+        class="kbq kbq-square-multiple-o_16"
         (click)="copyContent()"
     ></i>
 </span>

apps/docs/src/app/components/footer/footer.component.html

@@ -9,7 +9,7 @@
         >
             <span>{{ selectedLanguages }}</span>
             <i
-                kbq-icon="mc-angle-down-S_16"
+                kbq-icon="kbq-chevron-down-s_16"
                 [color]="'contrast'"
             ></i>
         </div>
@@ -70,7 +70,7 @@
             {{ version }}
             <span *ngIf="versionPicker.isNext">.next</span>
             <i
-                kbq-icon="mc-angle-down-S_16"
+                kbq-icon="kbq-chevron-down-s_16"
                 [color]="'contrast'"
             ></i>
 

apps/docs/src/app/components/icons-items/icon-items.ts

@@ -22,7 +22,7 @@ export class IconItems {
             const size = parseInt(id.split('_')[1]);
             this.sizes.add(size);
 
-            const cssClass = 'mc-'.concat(id);
+            const cssClass = 'kbq-'.concat(id);
 
             let name = id.replace(/_\d+/, '').replace(/-/g, ' ');
 

apps/docs/src/app/components/navbar/navbar.template.html

@@ -45,7 +45,7 @@
             [kbqStyle]="'transparent'"
         >
             <i
-                kbq-icon="mc-theme_16"
+                kbq-icon="kbq-theme-mode_16"
                 [color]="'contrast'"
             ></i>
         </button>
@@ -61,8 +61,8 @@
         >
             <i
                 kbq-icon=""
-                [class.mc-close-L_32]="opened"
-                [class.mc-hamburger_32]="!opened"
+                [class.kbq-hamburger-menu_32]="!opened"
+                [class.kbq-xmark_32]="opened"
                 [color]="'contrast'"
             ></i>
         </button>

apps/docs/src/app/components/page-not-found/page-not-found.html

@@ -1,4 +1,4 @@
-<i kbq-icon="mc-cloud-404_256"></i>
+<i kbq-icon="kbq-cloud-404_256"></i>
 
 <div class="kbq-display-3">Страница не найдена</div>
 

apps/docs/src/app/components/sidenav/sidenav.component.html

@@ -31,10 +31,10 @@
             >
                 <span>{{ node.name }}</span>
                 <i
-                    kbq-icon-button="mc-angle-down-S_16"
+                    kbq-icon-button="kbq-chevron-down-s_16"
                     kbq-tree-node-toggle
                     class="docs-sidenav__category-icon"
-                    [class.mc_collapsed]="!treeControl.isExpanded(node)"
+                    [class.kbq_collapsed]="!treeControl.isExpanded(node)"
                     [style.visibility]="node.id === 'icons' ? 'hidden' : 'initial'"
                 ></i>
             </div>

apps/docs/src/app/components/stackblitz/stackblitz-button.html

@@ -1,2 +1,2 @@
 <span class="kbq-link__text">StackBlitz</span>
-<i kbq-icon="mc-external-link_16"></i>
+<i kbq-icon="kbq-arrow-up-right-from-square_16"></i>

apps/docs/src/app/containers/icons-viewer/icon-preview-modal/icon-preview-modal.template.html

@@ -7,7 +7,7 @@
         (click)="modal.close()"
     >
         <i
-            kbq-icon="mc-close-L_16"
+            kbq-icon="kbq-xmark_16"
             [color]="componentColors.Contrast"
         ></i>
     </button>
@@ -30,7 +30,7 @@
             >
                 <kbq-select-trigger>
                     <i
-                        kbq-icon="mc-circle-8_16"
+                        kbq-icon="kbq-circle-6_16"
                         class="icon-preview-modal__palette-icon"
                         [color]="selectedColorTheme"
                     ></i>
@@ -43,7 +43,7 @@
                     [value]="paletteName"
                 >
                     <i
-                        kbq-icon="mc-circle-8_16"
+                        kbq-icon="kbq-circle-6_16"
                         class="icon-preview-modal__palette-icon"
                         [color]="paletteName"
                     ></i>
@@ -58,15 +58,15 @@
                 href="{{ SVGLink }}"
                 kbq-button
             >
-                <i kbq-icon="mc-download_16"></i>
+                <i kbq-icon="kbq-arrow-down-to-line_16"></i>
                 Скачать SVG
             </a>
 
             <button
                 kbq-button
                 (click)="copySVG()"
             >
-                <i kbq-icon="mc-copy-o_16"></i>
+                <i kbq-icon="kbq-file-multiple-o_16"></i>
                 Скопировать SVG
             </button>
         </div>

apps/docs/src/app/containers/icons-viewer/icons-viewer.component.ts

@@ -54,7 +54,7 @@ export class IconsViewerComponent implements OnDestroy {
         private changeDetectorRef: ChangeDetectorRef,
         private elementRef: ElementRef
     ) {
-        this.http.get('assets/SVGIcons/mc-icons-info.json', { responseType: 'json' }).subscribe((data) => {
+        this.http.get('assets/SVGIcons/kbq-icons-info.json', { responseType: 'json' }).subscribe((data) => {
             this.iconItems = new IconItems(data);
 
             this.availableSizes = Array.from(this.iconItems.sizes).sort((a, b) => a - b);

apps/docs/src/app/containers/icons-viewer/icons-viewer.template.html

@@ -8,7 +8,7 @@
 
     <kbq-form-field>
         <i
-            kbq-icon="mc-search_16"
+            kbq-icon="kbq-magnifying-glass_16"
             kbqPrefix
             [color]="themePalette.Secondary"
         ></i>

apps/docs/src/styles/_docsearch.scss

@@ -32,8 +32,8 @@
 }
 
 .DocSearch-Button-Container::before {
-    @extend .mc;
-    @extend .mc-search_16;
+    @extend .kbq;
+    @extend .kbq-magnifying-glass_16;
 
     @media (width <= 768px) {
         font-size: 20px;
@@ -67,8 +67,8 @@
 }
 
 .DocSearch-MagnifierLabel::before {
-    @extend .mc;
-    @extend .mc-search_16;
+    @extend .kbq;
+    @extend .kbq-magnifying-glass_16;
 
     color: $light-icon-contrast-fade;
 }
@@ -87,8 +87,8 @@
 }
 
 .DocSearch-Reset::before {
-    @extend .mc;
-    @extend .mc-close-circle_16;
+    @extend .kbq;
+    @extend .kbq-xmark-circle_16;
 }
 
 .DocSearch-Reset:hover {