fix: specific icons fix to ensure icons display correctly when used (#…

…2442) Co-authored-by: monteri <lansevermore>
openedx · Jul 14, 2023 · 1ae20f3 · 1ae20f3
1 parent fae10e1
commit 1ae20f3
Show file tree

Hide file tree

Showing 9 changed files with 28 additions and 40 deletions.
diff --git a/icons/es5/Issue.js b/icons/es5/Issue.js
@@ -4,15 +4,10 @@ const SvgIssue = props => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12s4.48 10 10 10 10-4.48 10-10Z",
-  fill: "currentColor"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M11.32 7.759c-.98.98-1.24 2.4-.81 3.62l-3.41 3.41c-.2.2-.2.51 0 .71l1.4 1.4c.2.2.51.2.71 0l3.41-3.41c1.22.43 2.64.17 3.62-.81 1.11-1.11 1.3-2.78.59-4.1l-2.35 2.35-1.41-1.41 2.35-2.35a3.468 3.468 0 0 0-4.1.59Z",
+  d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 10.7c-1 1-2.4 1.2-3.6.8l-3.4 3.4c-.2.2-.5.2-.7 0l-1.4-1.4c-.2-.2-.2-.5 0-.7l3.4-3.4c-.4-1.2-.2-2.6.8-3.6 1.1-1.1 2.8-1.3 4.1-.6l-2.3 2.4 1.4 1.4 2.4-2.3c.6 1.2.4 2.9-.7 4z",
   fill: "currentColor"
 }));
 export default SvgIssue;
diff --git a/icons/es5/Question.js b/icons/es5/Question.js
@@ -7,10 +7,10 @@ const SvgQuestion = props => /*#__PURE__*/React.createElement("svg", _extends({
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, props), /*#__PURE__*/React.createElement("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Z",
-  fill: "currentColor"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M11 19h2v-2h-2v2ZM14.17 12.17l.9-.92c.57-.57.93-1.37.93-2.25 0-2.21-1.79-4-4-4S8 6.79 8 9h2c0-1.1.9-2 2-2s2 .9 2 2c0 .55-.22 1.05-.59 1.41l-1.24 1.26C11.45 12.4 11 13.4 11 14.5v.5h2c0-1.5.45-2.1 1.17-2.83Z",
+  xmlns: "http://www.w3.org/2000/svg",
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-11 3c0-1.821.942-2.543 1.77-3.178.65-.498 1.23-.943 1.23-1.822 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.283-.79 1.973-1.56 2.646C13.712 13.283 13 13.905 13 15h-2Zm2 1.5v2h-2v-2h2Z",
   fill: "currentColor"
 }));
 export default SvgQuestion;
diff --git a/icons/es5/WarningFilled.js b/icons/es5/WarningFilled.js
@@ -7,10 +7,8 @@ const SvgWarningFilled = props => /*#__PURE__*/React.createElement("svg", _exten
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, props), /*#__PURE__*/React.createElement("path", {
-  d: "M12 2 1 21h22L12 2Z",
-  fill: "currentColor"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M13 16h-2v2h2v-2ZM13 10h-2v4h2v-4Z",
+  xmlns: "http://www.w3.org/2000/svg",
+  d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z",
   fill: "currentColor"
 }));
 export default SvgWarningFilled;
diff --git a/icons/jsx/Issue.jsx b/icons/jsx/Issue.jsx
@@ -4,18 +4,12 @@ const SvgIssue = (props) => (
     width={24}
     height={24}
     viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    fill="none"
     {...props}
   >
     <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12s4.48 10 10 10 10-4.48 10-10Z"
-      fill="currentColor"
-    />
-    <path
-      d="M11.32 7.759c-.98.98-1.24 2.4-.81 3.62l-3.41 3.41c-.2.2-.2.51 0 .71l1.4 1.4c.2.2.51.2.71 0l3.41-3.41c1.22.43 2.64.17 3.62-.81 1.11-1.11 1.3-2.78.59-4.1l-2.35 2.35-1.41-1.41 2.35-2.35a3.468 3.468 0 0 0-4.1.59Z"
+      d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 10.7c-1 1-2.4 1.2-3.6.8l-3.4 3.4c-.2.2-.5.2-.7 0l-1.4-1.4c-.2-.2-.2-.5 0-.7l3.4-3.4c-.4-1.2-.2-2.6.8-3.6 1.1-1.1 2.8-1.3 4.1-.6l-2.3 2.4 1.4 1.4 2.4-2.3c.6 1.2.4 2.9-.7 4z"
       fill="currentColor"
     />
   </svg>

diff --git a/icons/jsx/Question.jsx b/icons/jsx/Question.jsx
@@ -9,11 +9,10 @@ const SvgQuestion = (props) => (
     {...props}
   >
     <path
-      d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Z"
-      fill="currentColor"
-    />
-    <path
-      d="M11 19h2v-2h-2v2ZM14.17 12.17l.9-.92c.57-.57.93-1.37.93-2.25 0-2.21-1.79-4-4-4S8 6.79 8 9h2c0-1.1.9-2 2-2s2 .9 2 2c0 .55-.22 1.05-.59 1.41l-1.24 1.26C11.45 12.4 11 13.4 11 14.5v.5h2c0-1.5.45-2.1 1.17-2.83Z"
+      xmlns="http://www.w3.org/2000/svg"
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-11 3c0-1.821.942-2.543 1.77-3.178.65-.498 1.23-.943 1.23-1.822 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.283-.79 1.973-1.56 2.646C13.712 13.283 13 13.905 13 15h-2Zm2 1.5v2h-2v-2h2Z"
       fill="currentColor"
     />
   </svg>

diff --git a/icons/jsx/WarningFilled.jsx b/icons/jsx/WarningFilled.jsx
@@ -8,8 +8,11 @@ const SvgWarningFilled = (props) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <path d="M12 2 1 21h22L12 2Z" fill="currentColor" />
-    <path d="M13 16h-2v2h2v-2ZM13 10h-2v4h2v-4Z" fill="currentColor" />
+    <path
+      xmlns="http://www.w3.org/2000/svg"
+      d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
+      fill="currentColor"
+    />
   </svg>
 );
 export default SvgWarningFilled;
diff --git a/icons/svg/issue.svg b/icons/svg/issue.svg
diff --git a/icons/svg/question.svg b/icons/svg/question.svg
diff --git a/icons/svg/warning_filled.svg b/icons/svg/warning_filled.svg