feat: migrate icons to genesys-icons

DevoInc · Jan 30, 2024 · cddf6fc · cddf6fc
1 parent 763a05d
commit cddf6fc
Show file tree

Hide file tree

Showing 9 changed files with 25 additions and 27 deletions.
diff --git a/src/components/_icon-button.scss b/src/components/_icon-button.scss
@@ -133,7 +133,7 @@
     &::after {
       @include icon-font;
       position: relative;
-      content: $lticon-exit_close;
+      content: $gi-exit_close;
       font-weight: bold;
     }
   }
@@ -152,7 +152,7 @@
     &::after {
       @include icon-font;
       position: relative;
-      content: $lticon-exit_close;
+      content: $gi-exit_close;
       font-weight: bold;
     }
   }
@@ -170,12 +170,12 @@
     &::after {
       @include icon-font;
       position: relative;
-      content: $lticon-arrow_down_fat;
+      content: $gi-arrow_down_fat;
       font-weight: bold;
     }
 
     &#{$parent}--expanded::after {
-      content: $lticon-arrow_up_fat;
+      content: $gi-arrow_up;
     }
   }
 
@@ -186,7 +186,7 @@
 
     &::after {
       @include icon-font;
-      content: $lticon-arrow_down_fat;
+      content: $gi-arrow_down_fat;
       position: absolute;
       bottom: 4px;
       right: 4px;
@@ -211,11 +211,11 @@
       }
 
       &::before {
-        content: $lticon-sort_asc_carets;
+        content: $gi-sort_asc_carets;
       }
 
       &::after {
-        content: $lticon-sort_desc_carets;
+        content: $gi-sort_desc_carets;
       }
     }
 

diff --git a/src/components/_icons.scss b/src/components/_icons.scss
@@ -5,7 +5,7 @@
   @include text-color(body, base);
   font-size: map-get($icon-size-map, md);
 
-  &:not([class*="lticon"]) {
+  &:not([class*="gi"]) {
     @include icon-font;
   }
 

diff --git a/src/components/_stepper.scss b/src/components/_stepper.scss
@@ -72,7 +72,7 @@
     margin-right: $cmp-stepper-separator-space-margin-hor;
 
     &::before {
-      content: $lticon-arrow_right;
+      content: $gi-arrow_right;
     }
   }
 

diff --git a/src/components/table/_table.scss b/src/components/table/_table.scss
@@ -89,7 +89,7 @@
         @include text-color($color: weak);
         position: relative;
         left: calc(map-deep-get($spacing-size-map, xs, component) * -1);
-        content: $lticon-row_drag_drop;
+        content: $gi-row_drag_drop;
         font-size: 1.8rem;
         transition: all .3s ease;
       }
@@ -311,7 +311,7 @@
         top: 50%;
         left: calc(#{$draggable-icon-width} * -1);
         transform: translateY(-50%);
-        content: $lticon-row_drag_drop;
+        content: $gi-row_drag_drop;
         width: $draggable-icon-width;
         font-size: 1.8rem;
         visibility: hidden;

diff --git a/src/utils/mixins/components-mixins/_field-mixins.scss b/src/utils/mixins/components-mixins/_field-mixins.scss
@@ -515,7 +515,7 @@
 
   &::after {
     @include icon-font;
-    content: $lticon-check_thick;
+    content: $gi-check_thick;
     transition: color ease-in-out $alias-fields-mutation-transition-duration;
     font-weight: bold;
     color: transparent;

diff --git a/src/utils/mixins/components-mixins/_widgets-mixins.scss b/src/utils/mixins/components-mixins/_widgets-mixins.scss
@@ -40,7 +40,7 @@
     margin-left: auto;
   }
 
-  [class*="lticon-time"] {
+  [class*="gi-time"] {
     display: none;
   }
 

diff --git a/src/utils/variables/base-variables/_fonts-variables.scss b/src/utils/variables/base-variables/_fonts-variables.scss
@@ -17,5 +17,5 @@ $lt-app-icon-font: "LtAppFont", sans-serif;
 
 // Prefixes - Icons - Fonts
 
-$icon-class-prefix: "lticon-";
+$icon-class-prefix: "gi-";
 $icon-old-class-prefix: "LtAppIcon-";
diff --git a/src/utils/variables/base-variables/_icons-variables.scss b/src/utils/variables/base-variables/_icons-variables.scss
@@ -1,34 +1,32 @@
 // ------------------------ ICONS - BASE - VARIABLES ------------------------ //
 
-
 // STATUS - ICONS - BASE - VARIABLES ---------------------------------------- //
 
 $icon-status-list: error, help, info, success, warning;
 
 $icon-status-map: (
   error: (
-    bordered: $lticon-error_warning_danger_stop,
-    filled: $lticon-error_warning_danger_stop_filled,
+    bordered: $gi-error_warning_danger_stop,
+    filled: $gi-error_warning_danger_stop_filled,
   ),
   help: (
-    bordered: $lticon-about_question_faq_help,
-    filled: $lticon-about_question_faq_help_filled,
+    bordered: $gi-about_question_faq_help,
+    filled: $gi-about_question_faq_help_filled,
   ),
   info: (
-    bordered: $lticon-info_about_round_bold,
-    filled: $lticon-info_about_round_filled,
+    bordered: $gi-info_round,
+    filled: $gi-info_round_filled,
   ),
   success: (
-    bordered: $lticon-ok_successful_check_bold,
-    filled: $lticon-ok_successful_check_filled,
+    bordered: $gi-check_ok_rounded,
+    filled: $gi-check_ok_rounded_filled,
   ),
   warning: (
-    bordered: $lticon-attention_error_alert_caution,
-    filled: $lticon-attention_error_alert_caution_filled,
+    bordered: $gi-attention_error_alert_caution,
+    filled: $gi-attention_error_alert_caution_filled,
   ),
 );
 
-
 // SIZE - ICONS - BASE - VARIABLES ------------------------------------------ //
 
 $icon-size-list: xxxs, xxxs, xxs, xs, sm, md, lg, xl, xxl, xxxl, xxxxl;

diff --git a/src/vendors/custom-vendors/_select2-custom.scss b/src/vendors/custom-vendors/_select2-custom.scss
@@ -78,7 +78,7 @@
       &::before {
         @include icon-font;
         @include field-control-typo($props: font-size);
-        content: $lticon-arrow_down_fat;
+        content: $gi-arrow_down_fat;
         font-weight: bold;
       }