@zohodesk/icons 1.4.0-exp-1 → 1.4.1

package/assets/react/zd-font-react-gamescope.module.css

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-react-gamescope";
-  src: url('../fonts/zd-gamescope.woff2') format('woff2'),
-       url('../fonts/zd-gamescope.woff') format('woff');
+  src:
+    url('../fonts/zd-gamescope.woff2') format('woff2'),
+    
+    url('../fonts/zd-gamescope.woff') format('woff'),
+    url('../fonts/zd-gamescope.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,34 +14,79 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-react-gamescope" !important;}
-/* Define icon codes */
-.icon-circular-minus:before { content: "\a9000"; }
-
-.icon-game01 .path1:before { content: "\a9001";  color: rgb(165, 219, 175); }
-.icon-game01 .path2:before { content: "\a9002"; margin-left: -1.1875em; color: rgb(216, 216, 216); }
-
-.icon-game02 .path1:before { content: "\a9003";  color: rgb(216, 216, 216); }
-.icon-game02 .path2:before { content: "\a9004"; margin-left: -1.1875em; color: rgb(240, 152, 152); }
-
-.icon-game03 .path1:before { content: "\a9005";  color: rgb(139, 210, 232); }
-.icon-game03 .path2:before { content: "\a9006"; margin-left: -1.1875em; color: rgb(81, 81, 81); }
-.icon-game03 .path3:before { content: "\a9007"; margin-left: -1.1875em; color: rgb(168, 226, 145); }
-
-.icon-game04:before { content: "\a9008"; color: rgb(242, 147, 152); }
-
-.icon-game05:before { content: "\a9009"; color: rgb(242, 147, 152); }
-
-.icon-game07:before { content: "\a900a"; color: rgb(195, 195, 195); }
-
-.icon-game08:before { content: "\a900b"; color: rgb(143, 207, 154); }
-
-.icon-zdshield1 .path1:before { content: "\a900c";  color: rgb(34, 31, 31); }
-.icon-zdshield1 .path2:before { content: "\a900d"; margin-left: -4.71875em; color: rgb(64, 60, 60); }
-
-.icon-zdshield2:before { content: "\a900e"; }
-
-.icon-zdshield3:before { content: "\a900f"; }
-
-.icon-zdshield4 .path1:before { content: "\a9010";  color: rgb(186, 186, 186); }
-.icon-zdshield4 .path2:before { content: "\a9011"; margin-left: -0.875em; color: rgb(175, 175, 175); }
+.icon-circular-minus:before {
+  content: "\f800";
+}
+.icon-game01 .path1:before {
+  content: "\f801";
+  color: rgb(165, 219, 175);
+}
+.icon-game01 .path2:before {
+  content: "\f802";
+  margin-left: -1.1875em;
+  color: rgb(216, 216, 216);
+}
+.icon-game02 .path1:before {
+  content: "\f803";
+  color: rgb(216, 216, 216);
+}
+.icon-game02 .path2:before {
+  content: "\f804";
+  margin-left: -1.1875em;
+  color: rgb(240, 152, 152);
+}
+.icon-game03 .path1:before {
+  content: "\f805";
+  color: rgb(139, 210, 232);
+}
+.icon-game03 .path2:before {
+  content: "\f806";
+  margin-left: -1.1875em;
+  color: rgb(81, 81, 81);
+}
+.icon-game03 .path3:before {
+  content: "\f807";
+  margin-left: -1.1875em;
+  color: rgb(168, 226, 145);
+}
+.icon-game04:before {
+  content: "\f808";
+  color: #f29398;
+}
+.icon-game05:before {
+  content: "\f809";
+  color: #f29398;
+}
+.icon-game07:before {
+  content: "\f80a";
+  color: #c3c3c3;
+}
+.icon-game08:before {
+  content: "\f80b";
+  color: #8fcf9a;
+}
+.icon-zdshield1 .path1:before {
+  content: "\f80c";
+  color: rgb(34, 31, 31);
+}
+.icon-zdshield1 .path2:before {
+  content: "\f80d";
+  margin-left: -4.71875em;
+  color: rgb(64, 60, 60);
+}
+.icon-zdshield2:before {
+  content: "\f80e";
+}
+.icon-zdshield3:before {
+  content: "\f80f";
+}
+.icon-zdshield4 .path1:before {
+  content: "\f810";
+  color: rgb(186, 186, 186);
+}
+.icon-zdshield4 .path2:before {
+  content: "\f811";
+  margin-left: -0.875em;
+  color: rgb(175, 175, 175);
+}
 }