update snapshots and fix tests

Author: billyvg

tests/js/spec/components/__snapshots__/circleIndicator.spec.jsx.snap

@@ -1,8 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`CircleIndicator renders 1`] = `
-<div
-  className="css-onxsyu-CircleIndicator exfjg1y0"
-  size={14}
-/>
+<ContextConsumer>
+  <Component />
+</ContextConsumer>
 `;

tests/js/spec/components/__snapshots__/confirmDelete.spec.jsx.snap

@@ -35,16 +35,16 @@ exports[`ConfirmDelete renders 1`] = `
             type="error"
           >
             <Component
-              className="css-1i4sr27-Alert-getAlertColorStyles-alertStyles ejthpj82"
+              className="css-1c7awzo-Alert ejthpj82"
               iconSize="24px"
               type="error"
             >
               <div
-                className="ref-error css-1i4sr27-Alert-getAlertColorStyles-alertStyles ejthpj82"
+                className="ref-error css-1c7awzo-Alert ejthpj82"
               >
                 <StyledTextBlock>
                   <div
-                    className="css-1h3n7tg-TextBlock-StyledTextBlock ejthpj81"
+                    className="css-c2j570-TextBlock-StyledTextBlock ejthpj81"
                   >
                     Are you sure?
                   </div>
@@ -75,19 +75,19 @@ exports[`ConfirmDelete renders 1`] = `
               inline={false}
             >
               <div
-                className="css-1de0hdf-FieldWrapper-getPadding-inlineStyle-FieldWrapper-FieldWrapper e2iyls20"
+                className="css-1j6rikj-FieldWrapper-FieldWrapper-FieldWrapper e2iyls20"
               >
                 <FieldDescription
                   inline={false}
                 >
                   <label
-                    className="css-jq43rd-FieldDescription-inlineStyle e3z18c30"
+                    className="css-1q141sp-FieldDescription e3z18c30"
                   >
                     <FieldLabel
                       disabled={false}
                     >
                       <div
-                        className="css-qzvhly-FieldLabel e16ushrl0"
+                        className="css-1c18lg-FieldLabel e16ushrl0"
                       >
                         <div>
                           Please enter 
@@ -113,17 +113,17 @@ exports[`ConfirmDelete renders 1`] = `
                     inline={false}
                   >
                     <div
-                      className="css-1ge7tqf-FieldControlErrorWrapper e12jpfuq0"
+                      className="css-szisuz-FieldControlErrorWrapper e12jpfuq0"
                     >
                       <FieldControlWrapper>
                         <div
-                          className="css-1muvdry-FieldControlWrapper e12jpfuq2"
+                          className="css-1evsibf-FieldControlWrapper e12jpfuq2"
                         >
                           <FieldControlStyled
                             alignRight={false}
                           >
                             <div
-                              className="css-1pkvhmy-FieldControlStyled e12jpfuq1"
+                              className="css-ld1e0a-FieldControlStyled e12jpfuq1"
                             >
                               <Input
                                 onChange={[Function]}
@@ -132,7 +132,7 @@ exports[`ConfirmDelete renders 1`] = `
                                 value=""
                               >
                                 <input
-                                  className="css-1b7nva7-Input-inputStyles e1xej46s0"
+                                  className="css-1h04ndk-Input e1xej46s0"
                                   onChange={[Function]}
                                   placeholder="CoolOrg"
                                   type="text"
@@ -145,7 +145,7 @@ exports[`ConfirmDelete renders 1`] = `
                             flexibleControlStateSize={true}
                           >
                             <div
-                              className="css-18vhbhh-FieldControlState ep9s0su0"
+                              className="css-mlgkyn-FieldControlState ep9s0su0"
                             >
                               <ControlState />
                             </div>
@@ -187,7 +187,7 @@ exports[`ConfirmDelete renders 1`] = `
               <ForwardRef
                 aria-disabled={false}
                 aria-label="Cancel"
-                className="css-4gvaqq-StyledButton-getColors edwq9my0"
+                className="css-1c2phb1-StyledButton edwq9my0"
                 disabled={false}
                 onClick={[Function]}
                 role="button"
@@ -200,7 +200,7 @@ exports[`ConfirmDelete renders 1`] = `
                 <button
                   aria-disabled={false}
                   aria-label="Cancel"
-                  className="css-4gvaqq-StyledButton-getColors edwq9my0"
+                  className="css-1c2phb1-StyledButton edwq9my0"
                   onClick={[Function]}
                   role="button"
                   style={
@@ -214,10 +214,10 @@ exports[`ConfirmDelete renders 1`] = `
                   >
                     <Component
                       align="center"
-                      className="css-oo1m2a-ButtonLabel edwq9my1"
+                      className="css-zmpclt-ButtonLabel edwq9my1"
                     >
                       <span
-                        className="css-oo1m2a-ButtonLabel edwq9my1"
+                        className="css-zmpclt-ButtonLabel edwq9my1"
                       >
                         Cancel
                       </span>
@@ -249,7 +249,7 @@ exports[`ConfirmDelete renders 1`] = `
                 aria-disabled={true}
                 aria-label="Confirm"
                 autoFocus={true}
-                className="css-pbzt2j-StyledButton-getColors edwq9my0"
+                className="css-1e3hcbu-StyledButton edwq9my0"
                 data-test-id="confirm-button"
                 disabled={true}
                 onClick={[Function]}
@@ -260,7 +260,7 @@ exports[`ConfirmDelete renders 1`] = `
                   aria-disabled={true}
                   aria-label="Confirm"
                   autoFocus={true}
-                  className="css-pbzt2j-StyledButton-getColors edwq9my0"
+                  className="css-1e3hcbu-StyledButton edwq9my0"
                   data-test-id="confirm-button"
                   onClick={[Function]}
                   role="button"
@@ -271,11 +271,11 @@ exports[`ConfirmDelete renders 1`] = `
                   >
                     <Component
                       align="center"
-                      className="css-oo1m2a-ButtonLabel edwq9my1"
+                      className="css-zmpclt-ButtonLabel edwq9my1"
                       priority="primary"
                     >
                       <span
-                        className="css-oo1m2a-ButtonLabel edwq9my1"
+                        className="css-zmpclt-ButtonLabel edwq9my1"
                       >
                         Confirm
                       </span>