@digigov/react-icons 2.0.0-b3ec0588 → 2.0.0-cbc56209

package/cjs/GlobeIcon/config/index.js

@@ -8,10 +8,10 @@ exports["default"] = void 0;
 exports.globe = globe;
 var _react = _interopRequireDefault(require("react"));
 var _ref = /*#__PURE__*/_react["default"].createElement("path", {
-  d: "M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+  d: "M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
 });
 function globe() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, ' ');
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
 }
 globe.props = [];
 var _default = exports["default"] = globe;

package/cjs/GlobeIcon/index.test/index.js

@@ -9,15 +9,15 @@ it('renders the GlobeIcon with no props', function () {
   expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
 });
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_GlobeIcon["default"], {
-  color: "dark"
+  color: "base-content"
 });
-it('renders the GlobeIcon with prop color=dark', function () {
+it('renders the GlobeIcon with prop color=base-content', function () {
   expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
 });
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_GlobeIcon["default"], {
-  color: "light"
+  color: "white"
 });
-it('renders the GlobeIcon prop color= "light"', function () {
+it('renders the GlobeIcon prop color= "white"', function () {
   expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_GlobeIcon["default"], {

package/cjs/Icon/__snapshots__/index.test.tsx.snap

@@ -332,9 +332,8 @@ exports[`renders the Icon with prop prop icon=globe 1`] = `
       >
         <globe>
           <path
-            d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+            d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
           />
-           
         </globe>
       </svg>
     </ForwardRef(Base)>

package/cjs/LockIcon/__snapshots__/index.test.tsx.snap

@@ -73,28 +73,28 @@ exports[`renders the LockIcon with prop color=error and size= xl 1`] = `
 </LockIcon>
 `;
 
-exports[`renders the LockIcon with prop color=light 1`] = `
+exports[`renders the LockIcon with prop color=warning 1`] = `
 <LockIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="lock"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--lock"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--lock ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--lock ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -110,28 +110,31 @@ exports[`renders the LockIcon with prop color=light 1`] = `
 </LockIcon>
 `;
 
-exports[`renders the LockIcon with prop color=warning 1`] = `
+exports[`renders the LockIcon with prop color=warning and size=sm 1`] = `
 <LockIcon
   color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
     color="warning"
     icon="lock"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--lock"
       color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -147,31 +150,28 @@ exports[`renders the LockIcon with prop color=warning 1`] = `
 </LockIcon>
 `;
 
-exports[`renders the LockIcon with prop color=warning and size=sm 1`] = `
+exports[`renders the LockIcon with prop color=white 1`] = `
 <LockIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="lock"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--lock"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--lock ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--lock ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/cjs/LockIcon/index.test/index.js

@@ -21,9 +21,9 @@ it('renders the LockIcon with prop size=xl', function () {
   expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_LockIcon["default"], {
-  color: "light"
+  color: "white"
 });
-it('renders the LockIcon with prop color=light', function () {
+it('renders the LockIcon with prop color=white', function () {
   expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_LockIcon["default"], {

package/cjs/LoginIcon/__snapshots__/index.test.tsx.snap

@@ -79,28 +79,28 @@ exports[`renders the LoginIcon with prop color=error and size= xl 1`] = `
 </LoginIcon>
 `;
 
-exports[`renders the LoginIcon with prop color=light 1`] = `
+exports[`renders the LoginIcon with prop color=warning 1`] = `
 <LoginIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="login"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--login"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--login ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--login ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -119,28 +119,31 @@ exports[`renders the LoginIcon with prop color=light 1`] = `
 </LoginIcon>
 `;
 
-exports[`renders the LoginIcon with prop color=warning 1`] = `
+exports[`renders the LoginIcon with prop color=warning and size=s 1`] = `
 <LoginIcon
   color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
     color="warning"
     icon="login"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--login"
       color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -159,31 +162,28 @@ exports[`renders the LoginIcon with prop color=warning 1`] = `
 </LoginIcon>
 `;
 
-exports[`renders the LoginIcon with prop color=warning and size=s 1`] = `
+exports[`renders the LoginIcon with prop color=white 1`] = `
 <LoginIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="login"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--login"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--login ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--login ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/cjs/LoginIcon/index.test/index.js

@@ -21,9 +21,9 @@ it('renders the LoginIcon with prop size=xl', function () {
   expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_LoginIcon["default"], {
-  color: "light"
+  color: "white"
 });
-it('renders the LoginIcon with prop color=light', function () {
+it('renders the LoginIcon with prop color=white', function () {
   expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_LoginIcon["default"], {

package/cjs/MinusIcon/__snapshots__/index.test.tsx.snap

@@ -79,28 +79,28 @@ exports[`renders the MinusIcon with prop color=error and size= xl 1`] = `
 </MinusIcon>
 `;
 
-exports[`renders the MinusIcon with prop color=light 1`] = `
+exports[`renders the MinusIcon with prop color=warning 1`] = `
 <MinusIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="minus"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--minus"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--minus ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--minus ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -119,28 +119,31 @@ exports[`renders the MinusIcon with prop color=light 1`] = `
 </MinusIcon>
 `;
 
-exports[`renders the MinusIcon with prop color=warning 1`] = `
+exports[`renders the MinusIcon with prop color=warning and size=s 1`] = `
 <MinusIcon
   color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
     color="warning"
     icon="minus"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--minus"
       color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -159,31 +162,28 @@ exports[`renders the MinusIcon with prop color=warning 1`] = `
 </MinusIcon>
 `;
 
-exports[`renders the MinusIcon with prop color=warning and size=s 1`] = `
+exports[`renders the MinusIcon with prop color=white 1`] = `
 <MinusIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="minus"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--minus"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--minus ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--minus ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/cjs/MinusIcon/index.test/index.js

@@ -21,9 +21,9 @@ it('renders the MinusIcon with prop size=xl', function () {
   expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_MinusIcon["default"], {
-  color: "light"
+  color: "white"
 });
-it('renders the MinusIcon with prop color=light', function () {
+it('renders the MinusIcon with prop color=white', function () {
   expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_MinusIcon["default"], {

package/cjs/PdfFileIcon/__snapshots__/index.test.tsx.snap

@@ -99,28 +99,28 @@ exports[`renders the PdfFileIcon with prop color=error and size= xl 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop color=light 1`] = `
+exports[`renders the PdfFileIcon with prop color=warning 1`] = `
 <PdfFileIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="pdfFile"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--pdfFile ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--pdfFile ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -149,28 +149,31 @@ exports[`renders the PdfFileIcon with prop color=light 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop color=warning 1`] = `
+exports[`renders the PdfFileIcon with prop color=warning and size=s 1`] = `
 <PdfFileIcon
   color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
     color="warning"
     icon="pdfFile"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
       color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -199,31 +202,28 @@ exports[`renders the PdfFileIcon with prop color=warning 1`] = `
 </PdfFileIcon>
 `;
 
-exports[`renders the PdfFileIcon with prop color=warning and size=s 1`] = `
+exports[`renders the PdfFileIcon with prop color=white 1`] = `
 <PdfFileIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="pdfFile"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--pdfFile"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--pdfFile ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--pdfFile ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/cjs/PdfFileIcon/index.test/index.js

@@ -21,9 +21,9 @@ it('renders the PdfFileIcon with prop size=xl', function () {
   expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_PdfFileIcon["default"], {
-  color: "light"
+  color: "white"
 });
-it('renders the PdfFileIcon with prop color=light', function () {
+it('renders the PdfFileIcon with prop color=white', function () {
   expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_PdfFileIcon["default"], {

package/cjs/PlusIcon/__snapshots__/index.test.tsx.snap

@@ -73,28 +73,28 @@ exports[`renders the PlusIcon with prop color=error and size= xl 1`] = `
 </PlusIcon>
 `;
 
-exports[`renders the PlusIcon with prop color=light 1`] = `
+exports[`renders the PlusIcon with prop color=warning 1`] = `
 <PlusIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="plus"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--plus"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--plus ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--plus ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -110,28 +110,31 @@ exports[`renders the PlusIcon with prop color=light 1`] = `
 </PlusIcon>
 `;
 
-exports[`renders the PlusIcon with prop color=warning 1`] = `
+exports[`renders the PlusIcon with prop color=warning and size=s 1`] = `
 <PlusIcon
   color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
     color="warning"
     icon="plus"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--plus"
       color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -147,31 +150,28 @@ exports[`renders the PlusIcon with prop color=warning 1`] = `
 </PlusIcon>
 `;
 
-exports[`renders the PlusIcon with prop color=warning and size=s 1`] = `
+exports[`renders the PlusIcon with prop color=white 1`] = `
 <PlusIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="plus"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--plus"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--plus ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--plus ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >