feat: default task icons to $bdl-box-blue (#1509)

Author: tjgupta

src/icons/two-toned/IconTaskApproval.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 
 import AccessibleSVG from '../accessible-svg';
 import type { TwoTonedIcon } from '../flowTypes';
-import { bdlYellorange, white } from '../../styles/variables';
+import { bdlBoxBlue, white } from '../../styles/variables';
 
 const IconTaskApproval = ({ className = '', height = 24, title, width = 24 }: TwoTonedIcon) => (
     <AccessibleSVG
@@ -14,7 +14,7 @@ const IconTaskApproval = ({ className = '', height = 24, title, width = 24 }: Tw
         width={width}
     >
         <g fill="none" fillRule="nonzero">
-            <circle className="background-color" fill={bdlYellorange} cx="16" cy="16" r="16" />
+            <circle className="background-color" fill={bdlBoxBlue} cx="16" cy="16" r="16" />
             <g transform="translate(8 5.333)" className="foreground-color" fill={white}>
                 <path d="M11.267 6.51c-1.133 2.242-1.669 4.276-1.614 6.102.006.213-.177.388-.405.388H6.752c-.228 0-.41-.175-.405-.388.055-1.826-.481-3.86-1.614-6.102C2.953 2.986 4.557 0 8 0s5.047 2.986 3.267 6.51z" />
                 <rect y="14.337" width="16" height="3.353" rx="1.676" />

src/icons/two-toned/IconTaskGeneral.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 
 import AccessibleSVG from '../accessible-svg';
 import type { TwoTonedIcon } from '../flowTypes';
-import { bdlGreenLight, white } from '../../styles/variables';
+import { bdlBoxBlue, white } from '../../styles/variables';
 
 const IconTaskGeneral = ({ className = '', height = 24, title, width = 24 }: TwoTonedIcon) => (
     <AccessibleSVG
@@ -14,7 +14,7 @@ const IconTaskGeneral = ({ className = '', height = 24, title, width = 24 }: Two
         width={width}
     >
         <g fillRule="nonzero" fill="none">
-            <circle className="background-color" fill={bdlGreenLight} cx="16.162" cy="16.162" r="16" />
+            <circle className="background-color" fill={bdlBoxBlue} cx="16.162" cy="16.162" r="16" />
             <path
                 d="M11.717 8.162v.889c0 1.472.995 2.666 2.222 2.666h4.445c1.227 0 2.222-1.194 2.222-2.666v-.89h1.281c.766 0 1.386.62 1.386 1.386v13.23c0 .764-.62 1.385-1.386 1.385H10.436c-.765 0-1.385-.62-1.385-1.386V9.546c0-.764.62-1.384 1.385-1.384h1.281zm6.463 6.503l-2.741 2.924-1.354-1.203a.889.889 0 1 0-1.18 1.329l2 1.778c.36.32.909.295 1.238-.057l3.334-3.555a.889.889 0 1 0-1.297-1.216zm-4.981-6.503h5.926v.889c0 .49-.332.888-.741.888h-4.445c-.409 0-.74-.398-.74-.888v-.89z"
                 className="foreground-color"

src/icons/two-toned/README.md

@@ -118,7 +118,7 @@ const icons = [
                             }
 
                             .icon-task-general-example .background-color {
-                                fill: #0061d5;
+                                fill: #26c281;
                             }
                         `}
                     </style>
@@ -140,7 +140,7 @@ const icons = [
                             }
 
                             .icon-task-approval-example .background-color {
-                                fill: #0061d5;
+                                fill: #f5b31b;
                             }
                         `}
                     </style>

src/icons/two-toned/__tests__/__snapshots__/IconTaskApproval-test.js.snap

@@ -15,7 +15,7 @@ exports[`icons/general/IconTaskApproval should correctly render default icon 1`]
       className="background-color"
       cx="16"
       cy="16"
-      fill="#f5b31b"
+      fill="#0061d5"
       r="16"
     />
     <g

src/icons/two-toned/__tests__/__snapshots__/IconTaskGeneral-test.js.snap

@@ -15,7 +15,7 @@ exports[`icons/general/IconTaskGeneral should correctly render default icon 1`]
       className="background-color"
       cx="16.162"
       cy="16.162"
-      fill="#26c281"
+      fill="#0061d5"
       r="16"
     />
     <path