@odx/icons 3.4.0 → 3.6.0

package/safety/safety-icons.scss

@@ -82,77 +82,105 @@
 }
 
 [data-icon-set="safety"] {
+    &[data-icon-name="absorber"]::before {
+      content: utils.get-icon-glyph("absorber");
+    }
     &[data-icon-name="absorber-absent"]::before {
       content: utils.get-icon-glyph("absorber-absent");
-      color: #000000;
+    }
+    &[data-icon-name="absorber-absent"]::after {
+      content: utils.get-icon-glyph("absorber-absent-part1");
+      color: #F30303;
+    }
+    &[data-icon-name="absorber-absent"] span::before {
+      content: utils.get-icon-glyph("absorber-absent-part2");
+      color: #FFF;
     }
     &[data-icon-name="absorber-add"]::before {
       content: utils.get-icon-glyph("absorber-add");
-      color: #000000;
     }
     &[data-icon-name="absorber-ok"]::before {
       content: utils.get-icon-glyph("absorber-ok");
-      color: #000000;
+    }
+    &[data-icon-name="absorber-ok"]::after {
+      content: utils.get-icon-glyph("absorber-ok-part1");
+      color: #00DD31;
+    }
+    &[data-icon-name="absorber-ok"] span::before {
+      content: utils.get-icon-glyph("absorber-ok-part2");
+      color: #002766;
     }
     &[data-icon-name="absorber-query"]::before {
       content: utils.get-icon-glyph("absorber-query");
-      color: #000000;
     }
     &[data-icon-name="absorber-warning"]::before {
       content: utils.get-icon-glyph("absorber-warning");
-      color: #000000;
     }
-    &[data-icon-name="absorber"]::before {
-      content: utils.get-icon-glyph("absorber");
-      color: #000000;
+    &[data-icon-name="absorber-warning"]::after {
+      content: utils.get-icon-glyph("absorber-warning-part1");
+      color: #FFE300;
+    }
+    &[data-icon-name="absorber-warning"] span::before {
+      content: utils.get-icon-glyph("absorber-warning-part2");
+      color: #002766;
     }
     &[data-icon-name="accessories"]::before {
       content: utils.get-icon-glyph("accessories");
-      color: #000000;
     }
     &[data-icon-name="acknowledge-all"]::before {
       content: utils.get-icon-glyph("acknowledge-all");
-      color: #000000;
+    }
+    &[data-icon-name="acknowledge-all"]::after {
+      content: utils.get-icon-glyph("acknowledge-all-part1");
+      color: #00DD31;
+    }
+    &[data-icon-name="acknowledge-all"] span::before {
+      content: utils.get-icon-glyph("acknowledge-all-part2");
+      color: #002766;
     }
     &[data-icon-name="acknowledge"]::before {
       content: utils.get-icon-glyph("acknowledge");
-      color: #000000;
+    }
+    &[data-icon-name="acknowledge"]::after {
+      content: utils.get-icon-glyph("acknowledge-part1");
+    }
+    &[data-icon-name="acknowledge"] span::before {
+      content: utils.get-icon-glyph("acknowledge-part2");
+      color: #00DD31;
+    }
+    &[data-icon-name="acknowledge"] span::after {
+      content: utils.get-icon-glyph("acknowledge-part3");
+      color: #002766;
     }
     &[data-icon-name="address"]::before {
       content: utils.get-icon-glyph("address");
-      color: #000000;
     }
     &[data-icon-name="adjust"]::before {
       content: utils.get-icon-glyph("adjust");
-      color: #000000;
     }
     &[data-icon-name="agriculture"]::before {
       content: utils.get-icon-glyph("agriculture");
-      color: #000000;
+    }
+    &[data-icon-name="alarm"]::before {
+      content: utils.get-icon-glyph("alarm");
     }
     &[data-icon-name="alarm-a1"]::before {
       content: utils.get-icon-glyph("alarm-a1");
-      color: #000000;
     }
     &[data-icon-name="alarm-a2"]::before {
       content: utils.get-icon-glyph("alarm-a2");
-      color: #000000;
     }
     &[data-icon-name="alarm-a3"]::before {
       content: utils.get-icon-glyph("alarm-a3");
-      color: #000000;
     }
     &[data-icon-name="alarm-a4"]::before {
       content: utils.get-icon-glyph("alarm-a4");
-      color: #000000;
     }
     &[data-icon-name="alarm-stel"]::before {
       content: utils.get-icon-glyph("alarm-stel");
-      color: #000000;
     }
     &[data-icon-name="alarm-twa"]::before {
       content: utils.get-icon-glyph("alarm-twa");
-      color: #000000;
     }
     &[data-icon-name="alarm1-a1"]::before {
       content: utils.get-icon-glyph("alarm1-a1");
@@ -166,124 +194,128 @@
     &[data-icon-name="alarm1-a4"]::before {
       content: utils.get-icon-glyph("alarm1-a4");
     }
+    &[data-icon-name="alarm1-average"]::before {
+      content: utils.get-icon-glyph("alarm1-average");
+    }
     &[data-icon-name="alarm1-average-a1"]::before {
       content: utils.get-icon-glyph("alarm1-average-a1");
-      color: #000000;
     }
     &[data-icon-name="alarm1-average-a2"]::before {
       content: utils.get-icon-glyph("alarm1-average-a2");
-      color: #000000;
     }
     &[data-icon-name="alarm1-average-a3"]::before {
       content: utils.get-icon-glyph("alarm1-average-a3");
-      color: #000000;
     }
     &[data-icon-name="alarm1-average-a4"]::before {
       content: utils.get-icon-glyph("alarm1-average-a4");
-      color: #000000;
-    }
-    &[data-icon-name="alarm1-average"]::before {
-      content: utils.get-icon-glyph("alarm1-average");
-      color: #000000;
     }
     &[data-icon-name="alarm3-a1"]::before {
       content: utils.get-icon-glyph("alarm3-a1");
-      color: #000000;
+    }
+    &[data-icon-name="alarm3-a1"]::after {
+      content: utils.get-icon-glyph("alarm3-a1-part1");
+      color: #F30303;
+    }
+    &[data-icon-name="alarm3-a1"] span::before {
+      content: utils.get-icon-glyph("alarm3-a1-part2");
+      color: #FFF;
     }
     &[data-icon-name="alarm3-a2"]::before {
       content: utils.get-icon-glyph("alarm3-a2");
-      color: #000000;
+    }
+    &[data-icon-name="alarm3-a2"]::after {
+      content: utils.get-icon-glyph("alarm3-a2-part1");
+      color: #F30303;
+    }
+    &[data-icon-name="alarm3-a2"] span::before {
+      content: utils.get-icon-glyph("alarm3-a2-part2");
+      color: #FFF;
     }
     &[data-icon-name="alarm3-panic"]::before {
       content: utils.get-icon-glyph("alarm3-panic");
-      color: #F30303;
+      color: #FFF;
     }
     &[data-icon-name="alarm3-panic"]::after {
       content: utils.get-icon-glyph("alarm3-panic-part1");
-      color: #FFF;
+      color: #F30303;
     }
     &[data-icon-name="alarm3-protection"]::before {
       content: utils.get-icon-glyph("alarm3-protection");
-      color: #000000;
+      color: #F30303;
+    }
+    &[data-icon-name="alarm3-protection"]::after {
+      content: utils.get-icon-glyph("alarm3-protection-part1");
+      color: #FFF;
     }
     &[data-icon-name="alarm3-stel"]::before {
       content: utils.get-icon-glyph("alarm3-stel");
-      color: #000000;
+      color: #F30303;
+    }
+    &[data-icon-name="alarm3-stel"]::after {
+      content: utils.get-icon-glyph("alarm3-stel-part1");
+      color: #FFF;
     }
     &[data-icon-name="alarm3-twa"]::before {
       content: utils.get-icon-glyph("alarm3-twa");
-      color: #000000;
     }
-    &[data-icon-name="alarm"]::before {
-      content: utils.get-icon-glyph("alarm");
-      color: #000000;
+    &[data-icon-name="alarm3-twa"]::after {
+      content: utils.get-icon-glyph("alarm3-twa-part1");
+      color: #F30303;
+    }
+    &[data-icon-name="alarm3-twa"] span::before {
+      content: utils.get-icon-glyph("alarm3-twa-part2");
+      color: #FFF;
     }
     &[data-icon-name="alcotest-3820"]::before {
       content: utils.get-icon-glyph("alcotest-3820");
-      color: #000000;
     }
     &[data-icon-name="alcotest-5820"]::before {
       content: utils.get-icon-glyph("alcotest-5820");
-      color: #000000;
     }
     &[data-icon-name="alcotest-6820"]::before {
       content: utils.get-icon-glyph("alcotest-6820");
-      color: #000000;
     }
     &[data-icon-name="alcotest-7000-funnel"]::before {
       content: utils.get-icon-glyph("alcotest-7000-funnel");
-      color: #000000;
     }
     &[data-icon-name="alcotest-7000-tube"]::before {
       content: utils.get-icon-glyph("alcotest-7000-tube");
-      color: #000000;
     }
     &[data-icon-name="alcotest-7510"]::before {
       content: utils.get-icon-glyph("alcotest-7510");
-      color: #000000;
-    }
-    &[data-icon-name="allowlist-upload"]::before {
-      content: utils.get-icon-glyph("allowlist-upload");
-      color: #000000;
     }
     &[data-icon-name="allowlist"]::before {
       content: utils.get-icon-glyph("allowlist");
-      color: #000000;
+    }
+    &[data-icon-name="allowlist-upload"]::before {
+      content: utils.get-icon-glyph("allowlist-upload");
     }
     &[data-icon-name="analysis"]::before {
       content: utils.get-icon-glyph("analysis");
-      color: #000000;
     }
     &[data-icon-name="anglegrinder"]::before {
       content: utils.get-icon-glyph("anglegrinder");
-      color: #000000;
     }
     &[data-icon-name="application-feedback"]::before {
       content: utils.get-icon-glyph("application-feedback");
-      color: #000000;
     }
     &[data-icon-name="articles-incoming"]::before {
       content: utils.get-icon-glyph("articles-incoming");
-      color: #000000;
     }
     &[data-icon-name="articles-issue"]::before {
       content: utils.get-icon-glyph("articles-issue");
-      color: #000000;
     }
     &[data-icon-name="articles-outgoing"]::before {
       content: utils.get-icon-glyph("articles-outgoing");
-      color: #000000;
     }
     &[data-icon-name="articles-return"]::before {
       content: utils.get-icon-glyph("articles-return");
-      color: #000000;
     }
     &[data-icon-name="assemble"]::before {
       content: utils.get-icon-glyph("assemble");
     }
     &[data-icon-name="barcode-scan"]::before {
       content: utils.get-icon-glyph("barcode-scan");
-      color: #000000;
     }
     &[data-icon-name="battery-1"]::before {
       content: utils.get-icon-glyph("battery-1");
@@ -302,26 +334,21 @@
     }
     &[data-icon-name="blocking-alarm"]::before {
       content: utils.get-icon-glyph("blocking-alarm");
-      color: #000000;
     }
     &[data-icon-name="blow"]::before {
       content: utils.get-icon-glyph("blow");
-      color: #000000;
     }
     &[data-icon-name="bodyguard"]::before {
       content: utils.get-icon-glyph("bodyguard");
-      color: #000000;
     }
     &[data-icon-name="boot"]::before {
       content: utils.get-icon-glyph("boot");
     }
     &[data-icon-name="bottle-price"]::before {
       content: utils.get-icon-glyph("bottle-price");
-      color: #000000;
     }
     &[data-icon-name="breathing-apparatus"]::before {
       content: utils.get-icon-glyph("breathing-apparatus");
-      color: #000000;
     }
     &[data-icon-name="building"]::before {
       content: utils.get-icon-glyph("building");
@@ -348,39 +375,68 @@
     }
     &[data-icon-name="building-year"]::before {
       content: utils.get-icon-glyph("building-year");
-      color: #000000;
     }
     &[data-icon-name="bumptest"]::before {
       content: utils.get-icon-glyph("bumptest");
-      color: #000000;
     }
     &[data-icon-name="calculator"]::before {
       content: utils.get-icon-glyph("calculator");
-      color: #000000;
+    }
+    &[data-icon-name="calibration"]::before {
+      content: utils.get-icon-glyph("calibration");
+    }
+    &[data-icon-name="calibration-comp"]::before {
+      content: utils.get-icon-glyph("calibration-comp");
     }
     &[data-icon-name="calibration-comp-error"]::before {
       content: utils.get-icon-glyph("calibration-comp-error");
-      color: #000000;
+    }
+    &[data-icon-name="calibration-comp-error"]::after {
+      content: utils.get-icon-glyph("calibration-comp-error-part1");
+      color: #F30303;
+    }
+    &[data-icon-name="calibration-comp-error"] span::before {
+      content: utils.get-icon-glyph("calibration-comp-error-part2");
+      color: #FFF;
     }
     &[data-icon-name="calibration-comp-warning"]::before {
       content: utils.get-icon-glyph("calibration-comp-warning");
-      color: #000000;
     }
-    &[data-icon-name="calibration-comp"]::before {
-      content: utils.get-icon-glyph("calibration-comp");
-      color: #000000;
+    &[data-icon-name="calibration-comp-warning"]::after {
+      content: utils.get-icon-glyph("calibration-comp-warning-part1");
+      color: #FFE300;
+    }
+    &[data-icon-name="calibration-comp-warning"] span::before {
+      content: utils.get-icon-glyph("calibration-comp-warning-part2");
+    }
+    &[data-icon-name="calibration-comp-warning"] span::after {
+      content: utils.get-icon-glyph("calibration-comp-warning-part3");
+      color: #002766;
     }
     &[data-icon-name="calibration-error"]::before {
       content: utils.get-icon-glyph("calibration-error");
-      color: #000000;
+    }
+    &[data-icon-name="calibration-error"]::after {
+      content: utils.get-icon-glyph("calibration-error-part1");
+    }
+    &[data-icon-name="calibration-error"] span::before {
+      content: utils.get-icon-glyph("calibration-error-part2");
+      color: #F30303;
+    }
+    &[data-icon-name="calibration-error"] span::after {
+      content: utils.get-icon-glyph("calibration-error-part3");
+      color: #FFF;
     }
     &[data-icon-name="calibration-warning"]::before {
       content: utils.get-icon-glyph("calibration-warning");
-      color: #000000;
     }
-    &[data-icon-name="calibration"]::before {
-      content: utils.get-icon-glyph("calibration");
-      color: #000000;
+    &[data-icon-name="calibration-warning"]::after {
+      content: utils.get-icon-glyph("calibration-warning-part1");
+      color: #FFE300;
+    }
+    &[data-icon-name="calibration-warning"] span::before {
+      content: utils.get-icon-glyph("calibration-warning-part2");
+      color: #002766;
     }
     &[data-icon-name="car"]::before {
       content: utils.get-icon-glyph("car");
@@ -393,96 +449,101 @@
     }
     &[data-icon-name="casting"]::before {
       content: utils.get-icon-glyph("casting");
-      color: #000000;
     }
     &[data-icon-name="catalog"]::before {
       content: utils.get-icon-glyph("catalog");
-      color: #000000;
     }
     &[data-icon-name="certicifate-upload"]::before {
       content: utils.get-icon-glyph("certicifate-upload");
     }
+    &[data-icon-name="certificate"]::before {
+      content: utils.get-icon-glyph("certificate");
+    }
     &[data-icon-name="certificate-error"]::before {
       content: utils.get-icon-glyph("certificate-error");
-      color: #000000;
+    }
+    &[data-icon-name="certificate-error"]::after {
+      content: utils.get-icon-glyph("certificate-error-part1");
+      color: #F30303;
+    }
+    &[data-icon-name="certificate-error"] span::before {
+      content: utils.get-icon-glyph("certificate-error-part2");
+      color: #FFF;
     }
     &[data-icon-name="certificate-upload"]::before {
       content: utils.get-icon-glyph("certificate-upload");
-      color: #000000;
     }
     &[data-icon-name="certificate-valid"]::before {
       content: utils.get-icon-glyph("certificate-valid");
-      color: #000000;
+    }
+    &[data-icon-name="certificate-valid"]::after {
+      content: utils.get-icon-glyph("certificate-valid-part1");
+    }
+    &[data-icon-name="certificate-valid"] span::before {
+      content: utils.get-icon-glyph("certificate-valid-part2");
+      color: #00DD31;
+    }
+    &[data-icon-name="certificate-valid"] span::after {
+      content: utils.get-icon-glyph("certificate-valid-part3");
+      color: #002766;
     }
     &[data-icon-name="certificate-warning"]::before {
       content: utils.get-icon-glyph("certificate-warning");
-      color: #000000;
     }
-    &[data-icon-name="certificate"]::before {
-      content: utils.get-icon-glyph("certificate");
-      color: #000000;
+    &[data-icon-name="certificate-warning"]::after {
+      content: utils.get-icon-glyph("certificate-warning-part1");
+    }
+    &[data-icon-name="certificate-warning"] span::before {
+      content: utils.get-icon-glyph("certificate-warning-part2");
+      color: #FFE300;
+    }
+    &[data-icon-name="certificate-warning"] span::after {
+      content: utils.get-icon-glyph("certificate-warning-part3");
+      color: #002766;
     }
     &[data-icon-name="changelog"]::before {
       content: utils.get-icon-glyph("changelog");
-      color: #000000;
-    }
-    &[data-icon-name="charging-disabled"]::before {
-      content: utils.get-icon-glyph("charging-disabled");
-      color: #000000;
     }
     &[data-icon-name="charging"]::before {
       content: utils.get-icon-glyph("charging");
-      color: #000000;
-    }
-    &[data-icon-name="checkbox"]::before {
-      content: utils.get-icon-glyph("checkbox");
-    }
-    &[data-icon-name="checkbox-active"]::before {
-      content: utils.get-icon-glyph("checkbox-active");
-      color: #0091F7;
     }
-    &[data-icon-name="checkbox-active"]::after {
-      content: utils.get-icon-glyph("checkbox-active-part1");
-      color: #FFF;
-    }
-    &[data-icon-name="checkbox-default"]::before {
-      content: utils.get-icon-glyph("checkbox-default");
+    &[data-icon-name="charging-disabled"]::before {
+      content: utils.get-icon-glyph("charging-disabled");
     }
     &[data-icon-name="chemicals"]::before {
       content: utils.get-icon-glyph("chemicals");
-      color: #000000;
     }
     &[data-icon-name="chip-eject"]::before {
       content: utils.get-icon-glyph("chip-eject");
-      color: #000000;
     }
     &[data-icon-name="chip-insert"]::before {
       content: utils.get-icon-glyph("chip-insert");
-      color: #000000;
     }
     &[data-icon-name="circle"]::before {
       content: utils.get-icon-glyph("circle");
-      color: #000000;
     }
     &[data-icon-name="cleaning"]::before {
       content: utils.get-icon-glyph("cleaning");
-      color: #000000;
     }
     &[data-icon-name="clockwise-90-degree"]::before {
       content: utils.get-icon-glyph("clockwise-90-degree");
-      color: #000000;
     }
     &[data-icon-name="close-all"]::before {
       content: utils.get-icon-glyph("close-all");
-      color: #000000;
+      color: #F30303;
+    }
+    &[data-icon-name="close-all"]::after {
+      content: utils.get-icon-glyph("close-all-part1");
+      color: #FFF;
+    }
+    &[data-icon-name="close-all"] span::before {
+      content: utils.get-icon-glyph("close-all-part2");
     }
     &[data-icon-name="clothing"]::before {
       content: utils.get-icon-glyph("clothing");
-      color: #000000;
     }
     &[data-icon-name="cold"]::before {
       content: utils.get-icon-glyph("cold");
-      color: #000000;
     }
     &[data-icon-name="collection"]::before {
       content: utils.get-icon-glyph("collection");
@@ -501,38 +562,38 @@
     }
     &[data-icon-name="column-double"]::before {
       content: utils.get-icon-glyph("column-double");
-      color: #000000;
     }
     &[data-icon-name="column-multi"]::before {
       content: utils.get-icon-glyph("column-multi");
-      color: #000000;
     }
     &[data-icon-name="column-single"]::before {
       content: utils.get-icon-glyph("column-single");
-      color: #000000;
+    }
+    &[data-icon-name="communication"]::before {
+      content: utils.get-icon-glyph("communication");
     }
     &[data-icon-name="communication-disabled"]::before {
       content: utils.get-icon-glyph("communication-disabled");
-      color: #000000;
     }
     &[data-icon-name="communication-tool"]::before {
       content: utils.get-icon-glyph("communication-tool");
-      color: #000000;
-    }
-    &[data-icon-name="communication"]::before {
-      content: utils.get-icon-glyph("communication");
-      color: #000000;
-    }
-    &[data-icon-name="comparison"]::before {
-      content: utils.get-icon-glyph("comparison");
     }
     &[data-icon-name="complete"]::before {
       content: utils.get-icon-glyph("complete");
-      color: #000000;
+    }
+    &[data-icon-name="complete"]::after {
+      content: utils.get-icon-glyph("complete-part1");
+    }
+    &[data-icon-name="complete"] span::before {
+      content: utils.get-icon-glyph("complete-part2");
+      color: #00DD31;
+    }
+    &[data-icon-name="complete"] span::after {
+      content: utils.get-icon-glyph("complete-part3");
+      color: #002766;
     }
     &[data-icon-name="complex-system"]::before {
       content: utils.get-icon-glyph("complex-system");
-      color: #000000;
     }
     &[data-icon-name="composition-edit"]::before {
       content: utils.get-icon-glyph("composition-edit");