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

package/ReplyIcon/index.test/index.js

@@ -18,9 +18,9 @@ it('renders the ReplyIcon with prop size=xl', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/React.createElement(ReplyIcon, {
-  color: "light"
+  color: "white"
 });
-it('renders the ReplyIcon with prop color=light', function () {
+it('renders the ReplyIcon with prop color=white', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/React.createElement(ReplyIcon, {

package/RestoreIcon/__snapshots__/index.test.tsx.snap

@@ -89,28 +89,28 @@ exports[`renders the RestoreIcon with prop color=error and size= xl 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop color=light 1`] = `
+exports[`renders the RestoreIcon with prop color=warning 1`] = `
 <RestoreIcon
-  color="light"
+  color="warning"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="warning"
     icon="restore"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
-      color="light"
+      color="warning"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--restore ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--restore ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -134,28 +134,31 @@ exports[`renders the RestoreIcon with prop color=light 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop color=warning 1`] = `
+exports[`renders the RestoreIcon with prop color=warning and size=sm 1`] = `
 <RestoreIcon
   color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
     color="warning"
     icon="restore"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
       color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon"
+        className="ds-svg-icon--restore 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--restore ds-svg-icon--warning ds-svg-icon"
+          className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -179,31 +182,28 @@ exports[`renders the RestoreIcon with prop color=warning 1`] = `
 </RestoreIcon>
 `;
 
-exports[`renders the RestoreIcon with prop color=warning and size=sm 1`] = `
+exports[`renders the RestoreIcon with prop color=white 1`] = `
 <RestoreIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="restore"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--restore"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--restore ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--restore ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/RestoreIcon/index.test/index.js

@@ -18,9 +18,9 @@ it('renders the RestoreIcon with prop size=xl', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/React.createElement(RestoreIcon, {
-  color: "light"
+  color: "white"
 });
-it('renders the RestoreIcon with prop color=light', function () {
+it('renders the RestoreIcon with prop color=white', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/React.createElement(RestoreIcon, {

package/UncheckIcon/__snapshots__/index.test.tsx.snap

@@ -147,28 +147,28 @@ exports[`renders the UncheckIcon with prop color=gray 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop color=light 1`] = `
+exports[`renders the UncheckIcon with prop color=primary 1`] = `
 <UncheckIcon
-  color="light"
+  color="primary"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="primary"
     icon="uncheck"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      color="light"
+      color="primary"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--uncheck ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--uncheck ds-svg-icon--primary ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--uncheck ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--uncheck ds-svg-icon--primary ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -184,28 +184,31 @@ exports[`renders the UncheckIcon with prop color=light 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop color=primary 1`] = `
+exports[`renders the UncheckIcon with prop color=warning and size=s 1`] = `
 <UncheckIcon
-  color="primary"
+  color="warning"
+  size="sm"
 >
   <ForwardRef(Icon)
-    color="primary"
+    color="warning"
     icon="uncheck"
+    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      color="primary"
+      color="warning"
+      size="sm"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--uncheck ds-svg-icon--primary ds-svg-icon"
+        className="ds-svg-icon--uncheck 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--uncheck ds-svg-icon--primary ds-svg-icon"
+          className="ds-svg-icon--uncheck ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -221,31 +224,28 @@ exports[`renders the UncheckIcon with prop color=primary 1`] = `
 </UncheckIcon>
 `;
 
-exports[`renders the UncheckIcon with prop color=warning and size=s 1`] = `
+exports[`renders the UncheckIcon with prop color=white 1`] = `
 <UncheckIcon
-  color="warning"
-  size="sm"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="warning"
+    color="white"
     icon="uncheck"
-    size="sm"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--uncheck"
-      color="warning"
-      size="sm"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--uncheck ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+        className="ds-svg-icon--uncheck ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--uncheck ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+          className="ds-svg-icon--uncheck ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/UncheckIcon/index.test/index.js

@@ -24,9 +24,9 @@ it('renders the UncheckIcon with prop color=dark', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/React.createElement(UncheckIcon, {
-  color: "light"
+  color: "white"
 });
-it('renders the UncheckIcon with prop color=light', function () {
+it('renders the UncheckIcon with prop color=white', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 var _ref6 = /*#__PURE__*/React.createElement(UncheckIcon, {

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

@@ -41,28 +41,28 @@ exports[`renders the AccessibilityIcon with no props 1`] = `
 </AccessibilityIcon>
 `;
 
-exports[`renders the AccessibilityIcon with prop color=dark 1`] = `
+exports[`renders the AccessibilityIcon with prop color=base-content 1`] = `
 <AccessibilityIcon
-  color="dark"
+  color="base-content"
 >
   <ForwardRef(Icon)
-    color="dark"
+    color="base-content"
     icon="accessibility"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--accessibility"
-      color="dark"
+      color="base-content"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--accessibility ds-svg-icon--dark ds-svg-icon"
+        className="ds-svg-icon--accessibility ds-svg-icon--base-content ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--accessibility ds-svg-icon--dark ds-svg-icon"
+          className="ds-svg-icon--accessibility ds-svg-icon--base-content ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/cjs/AccessibilityIcon/index.test/index.js

@@ -21,9 +21,9 @@ it('renders the AccessibilityIcon with prop size=l', function () {
   expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
-  color: "dark"
+  color: "base-content"
 });
-it('renders the AccessibilityIcon with prop color=dark', function () {
+it('renders the AccessibilityIcon with prop color=base-content', function () {
   expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {

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

@@ -53,28 +53,28 @@ exports[`renders the BurgerIcon prop color= "error" 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon prop color= "light" 1`] = `
+exports[`renders the BurgerIcon prop color= "white" 1`] = `
 <BurgerIcon
-  color="light"
+  color="white"
 >
   <ForwardRef(Icon)
-    color="light"
+    color="white"
     icon="burger"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      color="light"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -106,30 +106,30 @@ exports[`renders the BurgerIcon prop color= "light" 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon props active color= "light" 1`] = `
+exports[`renders the BurgerIcon props active color= "white" 1`] = `
 <BurgerIcon
   active={true}
-  color="light"
+  color="white"
 >
   <ForwardRef(Icon)
     active={true}
-    color="light"
+    color="white"
     icon="burger"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      color="light"
+      color="white"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--light ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >
@@ -266,28 +266,28 @@ exports[`renders the BurgerIcon with prop active=true 1`] = `
 </BurgerIcon>
 `;
 
-exports[`renders the BurgerIcon with prop color=dark 1`] = `
+exports[`renders the BurgerIcon with prop color=base-content 1`] = `
 <BurgerIcon
-  color="dark"
+  color="base-content"
 >
   <ForwardRef(Icon)
-    color="dark"
+    color="base-content"
     icon="burger"
   >
     <ForwardRef(SvgIcon)
       className="ds-svg-icon--burger"
-      color="dark"
+      color="base-content"
     >
       <ForwardRef(Base)
         aria-hidden="true"
         as="svg"
-        className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
+        className="ds-svg-icon--burger ds-svg-icon--base-content ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <svg
           aria-hidden="true"
-          className="ds-svg-icon--burger ds-svg-icon--dark ds-svg-icon"
+          className="ds-svg-icon--burger ds-svg-icon--base-content ds-svg-icon"
           focusable="false"
           viewBox="0 0 24 24"
         >

package/cjs/BurgerIcon/index.test/index.js

@@ -15,15 +15,15 @@ it('renders the BurgerIcon with prop active=true', function () {
   expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
 });
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
-  color: "dark"
+  color: "base-content"
 });
-it('renders the BurgerIcon with prop color=dark', function () {
+it('renders the BurgerIcon with prop color=base-content', function () {
   expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
 });
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
-  color: "light"
+  color: "white"
 });
-it('renders the BurgerIcon prop color= "light"', function () {
+it('renders the BurgerIcon prop color= "white"', function () {
   expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
 });
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
@@ -34,8 +34,8 @@ it('renders the BurgerIcon prop color= "error"', function () {
 });
 var _ref6 = /*#__PURE__*/_react["default"].createElement(_BurgerIcon["default"], {
   active: true,
-  color: "light"
+  color: "white"
 });
-it('renders the BurgerIcon props active color= "light"', function () {
+it('renders the BurgerIcon props active color= "white"', function () {
   expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
 });

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

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

package/cjs/CancelIcon/index.test/index.js

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