mis-crystal-design-system 18.0.24 → 18.0.26

package/styles/mis-icons.scss

@@ -59,15 +59,15 @@
 }
 .icon-ic-ETS-OTA-16:before {
   content: "\ea24";
-  color: #ed711c;
+  color: var(--brand-secondary, #ED711C);
 }
 .icon-ic-ETS-OTD-16:before {
   content: "\ea25";
-  color: #0087b2;
+  color: var(--brand-info-dark, #0087B2);
 }
 .icon-ic-home-office-24:before {
   content: "\ea23";
-  color: #929dab;
+  color: var(--text-tertiary, #929DAB);
 }
 .icon-ic-device-unreachable-16:before {
   content: "\e900";
@@ -107,11 +107,11 @@
 }
 .icon-ic-ets-adhoc-32:before {
   content: "\e90b";
-  color: #b00020;
+  color: var(--brand-error, #B00020);
 }
 .icon-ic-ets-help-desk-32:before {
   content: "\e90d";
-  color: #fff;
+  color: var(--bg-primary, #FFFFFF);
 }
 .icon-ic-ets-login-32 .path1:before {
   content: "\e90e";
@@ -133,27 +133,27 @@
 }
 .icon-ic-ui-WFO-outline-24:before {
   content: "\ea00";
-  color: #0087b2;
+  color: var(--brand-info-dark, #0087B2);
 }
 .icon-ic-ui-WFH-24-2:before {
   content: "\ea01";
-  color: #6b034e;
+  color: var(--brand-error-dark, #A60060);
 }
 .icon-ic-ui-WFH-outline-24:before {
   content: "\ea02";
-  color: #6b034e;
+  color: var(--brand-error-dark, #A60060);
 }
 .icon-ic-ui-WFH-24-1:before {
   content: "\ea03";
-  color: #fff;
+  color: var(--bg-primary, #FFFFFF);
 }
 .icon-ic-ui-WFO-24-2:before {
   content: "\ea04";
-  color: #0087b2;
+  color: var(--brand-info-dark, #0087B2);
 }
 .icon-ic-ui-WFO-24-1:before {
   content: "\ea05";
-  color: #fff;
+  color: var(--bg-primary, #FFFFFF);
 }
 .icon-ic-ui-battery-life-24:before {
   content: "\ea06";
@@ -163,7 +163,7 @@
 }
 .icon-ic-ets-bus-24-2:before {
   content: "\ea08";
-  color: #0937b2;
+  color: var(--brand-primary, #0937B2);
 }
 .icon-ic-ets-chat-24:before {
   content: "\ea0b";
@@ -173,18 +173,18 @@
 }
 .icon-ic-ets-walking-man-24:before {
   content: "\ea0d";
-  color: #6a737d;
+  color: var(--text-secondary, #6A737D);
 }
 .icon-ic-ui-transport-24-1:before {
   content: "\ea0e";
-  color: #0937b2;
+  color: var(--brand-primary, #0937B2);
 }
 .icon-ic-ets-nodal-point-24:before {
   content: "\ea0f";
 }
 .icon-ic-ui-seperator-16:before {
   content: "\e94c";
-  color: #6a737d;
+  color: var(--text-secondary, #6A737D);
 }
 .icon-ic-action-filter-applied-24 .path1:before {
   content: "\e910";
@@ -225,54 +225,54 @@
 }
 .icon-ic-duplicate-24:before {
   content: "\e922";
-  color: #815fd5;
+  color: var(--brand-secondary-light, #F09E65);
 }
 .icon-ic-eligibility-address-24:before {
   content: "\e92b";
-  color: #c13d6d;
+  color: var(--brand-error-light, #F04E4E);
 }
 .icon-ic-eligibility-boy-24:before {
   content: "\e938";
-  color: #c13d6d;
+  color: var(--brand-error-light, #F04E4E);
 }
 .icon-ic-eligibility-cough-24:before {
   content: "\e939";
-  color: #c13d6d;
+  color: var(--brand-error-light, #F04E4E);
 }
 .icon-ic-eligibility-covid-man-24:before {
   content: "\e952";
-  color: #c13d6d;
+  color: var(--brand-error-light, #F04E4E);
 }
 .icon-ic-eligibility-covid-24:before {
   content: "\e96e";
-  color: #c13d6d;
+  color: var(--brand-error-light, #F04E4E);
 }
 .icon-ic-eligibility-man-24:before {
   content: "\e96f";
-  color: #c13d6d;
+  color: var(--brand-error-light, #F04E4E);
 }
 .icon-ic-eligibility-sick-24:before {
   content: "\e970";
-  color: #c13d6d;
+  color: var(--brand-error-light, #F04E4E);
 }
 .icon-ic-eligibility-symptoms-24:before {
   content: "\e971";
-  color: #c13d6d;
+  color: var(--brand-error-light, #F04E4E);
 }
 .icon-ic-eligibility-travel-24:before {
   content: "\e972";
-  color: #c13d6d;
+  color: var(--brand-error-light, #F04E4E);
 }
 .icon-ic-Gigipass-loading-bg:before {
   content: "\e973";
-  color: #0087b2;
+  color: var(--brand-info-dark, #0087B2);
 }
 .icon-ic-map-pin-24:before {
   content: "\e974";
 }
 .icon-ic-mobile-side-menu-vaccine-24:before {
   content: "\e975";
-  color: #0937b2;
+  color: var(--brand-primary, #0937B2);
 }
 .icon-ic-nav-help-24:before {
   content: "\e976";
@@ -285,11 +285,11 @@
 }
 .icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before {
   content: "\e98a";
-  color: #6a737d;
+  color: var(--text-secondary, #6A737D);
 }
 .icon-ic-not-started-24-no-bg:before {
   content: "\e98b";
-  color: #d4900c;
+  color: var(--brand-warning-light, #D4900C);
 }
 .icon-ic-nre-notification-indicator-24 .path1:before {
   content: "\e98d";
@@ -338,14 +338,14 @@
 }
 .icon-ic-ui-cross-24:before {
   content: "\e9d6";
-  color: #b00020;
+  color: var(--brand-error, #B00020);
 }
 .icon-ic-ui-download-24:before {
   content: "\e9eb";
 }
 .icon-ic-ui-error-24:before {
   content: "\e9f4";
-  color: #b00020;
+  color: var(--brand-error, #B00020);
 }
 .icon-ic-ui-statistics-24 .path1:before {
   content: "\e9f5";
@@ -358,7 +358,7 @@
 }
 .icon-ic-ui-tick-24:before {
   content: "\e9fd";
-  color: #38af49;
+  color: var(--brand-success, #38AF49);
 }
 .icon-ic-ui-walked-in-24 .path1:before {
   content: "\e9fe";
@@ -392,15 +392,15 @@
 }
 .icon-ic-ui-nonveg-16:before {
   content: "\e9f9";
-  color: #b00020;
+  color: var(--brand-error, #B00020);
 }
 .icon-ic-ui-veg-16:before {
   content: "\e9fa";
-  color: #38af49;
+  color: var(--brand-success, #38AF49);
 }
 .icon-ic-ui-vegan-16:before {
   content: "\e9fb";
-  color: #ff9d00;
+  color: var(--brand-warning, #FF9D00);
 }
 .icon-ic-ui-Gender-24:before {
   content: "\e9ca";
@@ -419,7 +419,7 @@
 }
 .icon-ic-ui-info-24:before {
   content: "\e9cf";
-  color: #0091ff;
+  color: var(--brand-info, #0091FF);
 }
 .icon-ic-ui-WFO-24:before {
   content: "\e9d0";
@@ -495,15 +495,15 @@
 }
 .icon-ic-ui-trend-down-24:before {
   content: "\e9ec";
-  color: #b00020;
+  color: var(--brand-error, #B00020);
 }
 .icon-ic-ui-trend-up-24:before {
   content: "\e9ed";
-  color: #38af49;
+  color: var(--brand-success, #38AF49);
 }
 .icon-ic-ui-warning-24:before {
   content: "\e9ee";
-  color: #ff9d00;
+  color: var(--brand-warning, #FF9D00);
 }
 .icon-ic-ui-WFH-24:before {
   content: "\e9ef";
@@ -534,7 +534,7 @@
 }
 .icon-ic-nrs-loader-16:before {
   content: "\e9bb";
-  color: #0937b2;
+  color: var(--brand-primary, #0937B2);
 }
 .icon-ic-nrs-metrics-24:before {
   content: "\e9bc";
@@ -556,11 +556,11 @@
 }
 .icon-ic-duplicate-24--no-bg:before {
   content: "\e9b1";
-  color: #815fd5;
+  color: var(--brand-secondary-light, #F09E65);
 }
 .icon-ic-Gigipass-loading-no-bg:before {
   content: "\e9b4";
-  color: #0087b2;
+  color: var(--brand-info-dark, #0087B2);
 }
 .icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before {
   content: "\e9b5";
@@ -625,7 +625,7 @@
 }
 .icon-ic-nav-meeting-fill-24:before {
   content: "\e994";
-  color: #0937b2;
+  color: var(--brand-primary, #0937B2);
 }
 .icon-ic-mr-projector-24:before {
   content: "\e995";
@@ -674,7 +674,7 @@
 }
 .icon-ic-nav-seat-fill-24:before {
   content: "\e9a4";
-  color: #0937b2;
+  color: var(--brand-primary, #0937B2);
 }
 .icon-ic--new-icon--user-permissions2-24:before {
   content: "\e96d";
@@ -694,7 +694,7 @@
 }
 .icon-ic-map-reposition-24:before {
   content: "\e97a";
-  color: #6a737d;
+  color: var(--text-secondary, #6A737D);
 }
 .icon-ic-new-icon--user-group-24:before {
   content: "\e97b";
@@ -746,19 +746,19 @@
 }
 .icon-seats-available:before {
   content: "\e990";
-  color: #5cc917;
+  color: var(--brand-success, #38AF49);
 }
 .icon-seats-booked:before {
   content: "\e991";
-  color: #039be5;
+  color: var(--brand-info, #0091FF);
 }
 .icon-seats-cancelled:before {
   content: "\e992";
-  color: #ef4d1d;
+  color: var(--brand-error-light, #F04E4E);
 }
 .icon-seats-totals:before {
   content: "\e993";
-  color: #bcbcbc;
+  color: var(--text-disabled, #C8CDD3);
 }
 .icon-ic-nav-team-24:before {
   content: "\e94a";
@@ -861,18 +861,18 @@
 }
 .icon-ic-new-icon-transport-Availibilty-V1-325:before {
   content: "\e92f";
-  color: #929dab;
+  color: var(--text-tertiary, #929DAB);
 }
 .icon-ic-ui-daytime-24:before {
   content: "\e930";
 }
 .icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before {
   content: "\e931";
-  color: #6a737d;
+  color: var(--text-secondary, #6A737D);
 }
 .icon-ic-ui--no_parking-24:before {
   content: "\e93a";
-  color: #6a737d;
+  color: var(--text-secondary, #6A737D);
 }
 .icon-ic-ui-bus-24:before {
   content: "\e93b";
@@ -948,11 +948,11 @@
 }
 .icon-ic-action-drag-24:before {
   content: "\e91b";
-  color: #c8cdd3;
+  color: var(--text-disabled, #C8CDD3);
 }
 .icon-ic-action-drag:before {
   content: "\e91c";
-  color: #6a737d;
+  color: var(--text-secondary, #6A737D);
 }
 .icon-ic-action-edit-24:before {
   content: "\e91d";
@@ -1046,9 +1046,9 @@
 }
 .icon-ic-action-visibility-24:before {
   content: "\ea18";
-  color: #6a737d;
+  color: var(--text-secondary, #6A737D);
 }
 .icon-ic-action-visibility-off-24:before {
   content: "\ea19";
-  color: #6a737d;
+  color: var(--text-secondary, #6A737D);
 }

package/styles/mis-old-icon-styles.scss

@@ -107,27 +107,27 @@
 
 .ic-selection-radio-Disabled-Unselected-24:before {
     content: "\e90f";
-    color: #929dab;
+    color: var(--text-tertiary, #929DAB);
 }
 
 .ic-selection-radio-Active-Unselected-24:before {
     content: "\e910";
-    color: #6a737d;
+    color: var(--text-secondary, #6A737D);
 }
 
 .ic-selection-radio-Disabled-Selected-24:before {
     content: "\e911";
-    color: #929dab;
+    color: var(--text-tertiary, #929DAB);
 }
 
 .ic-selection-radio-Active-Selected-24:before {
     content: "\e912";
-    color: #0937b2;
+    color: var(--brand-primary, #0937B2);
 }
 
 .ic-selection-checkbox-Disabled-Neutral-24:before {
     content: "\e913";
-    color: #929dab;
+    color: var(--text-tertiary, #929DAB);
 }
 
 .ic-selection-checkbox-Active-Neutral-24 .path1:before {
@@ -178,7 +178,7 @@
 
 .ic-ui-download-24:before {
     content: "\e920";
-    color: #0937b2;
+    color: var(--brand-primary, #0937B2);
 }
 
 .ic-ui-location-24:before {
@@ -195,22 +195,22 @@
 
 .ic-ui-trend-up-24:before {
     content: "\e924";
-    color: #4caf50;
+    color: var(--brand-success-light, #4CAF50);
 }
 
 .ic-ui-error-24:before {
     content: "\e925";
-    color: #b00020;
+    color: var(--brand-error, #B00020);
 }
 
 .ic-ui-trend-down-24:before {
     content: "\e926";
-    color: #b00020;
+    color: var(--brand-error, #B00020);
 }
 
 .ic-ui-success-24:before {
     content: "\e927";
-    color: #4caf50;
+    color: var(--brand-success-light, #4CAF50);
 }
 
 .ic-ui-check-24:before {
@@ -219,7 +219,7 @@
 
 .ic-ui-warning-24:before {
     content: "\e929";
-    color: #ff9d00;
+    color: var(--brand-warning, #FF9D00);
 }
 
 .ic-rep-stay_primary_portrait-24:before {
@@ -232,7 +232,7 @@
 
 .ic-rep-night-24:before {
     content: "\e92c";
-    color: #929dab;
+    color: var(--text-tertiary, #929DAB);
 }
 
 .ic-rep-cab-24:before {
@@ -371,7 +371,7 @@
 
 .ic-action-search-24:before {
     content: "\e94f";
-    color: #6a737d;
+    color: var(--text-secondary, #6A737D);
 }
 
 .ic-action-edit-24:before {
@@ -384,12 +384,12 @@
 
 .ic-action-visibility-24:before {
     content: "\e952";
-    color: #6a737d;
+    color: var(--text-secondary, #6A737D);
 }
 
 .ic-action-visibility-off-24:before {
     content: "\e953";
-    color: #6a737d;
+    color: var(--text-secondary, #6A737D);
 }
 
 .ic-action-qr-24:before {
@@ -469,30 +469,30 @@
 
 .ic-plus-5:before {
     content: "\e966";
-    color: #0937b2;
+    color: var(--brand-primary, #0937B2);
 }
 
 .ic-plus-4:before {
     content: "\e967";
-    color: #0937b2;
+    color: var(--brand-primary, #0937B2);
 }
 
 .ic-plus-3:before {
     content: "\e968";
-    color: #fff;
+    color: var(--bg-primary, #FFFFFF);
 }
 
 .ic-plus-2:before {
     content: "\e969";
-    color: #fff;
+    color: var(--bg-primary, #FFFFFF);
 }
 
 .ic-plus-1:before {
     content: "\e96a";
-    color: #fff;
+    color: var(--bg-primary, #FFFFFF);
 }
 
 .ic-plus:before {
     content: "\e96b";
-    color: #929dab;
+    color: var(--text-tertiary, #929DAB);
 }