@thecb/components 3.5.18 → 3.6.0-beta.0

package/src/deprecated/icons/AlertSuccessIcon.js

@@ -11,7 +11,7 @@ export const AlertSuccessIcon = () => (
     <defs>
       <path
         d="M12,24 C18.627417,24 24,18.627417 24,12 C24,5.372583 18.627417,0 12,0 C5.372583,0 0,5.372583 0,12 C0,18.627417 5.372583,24 12,24 Z M16.9497475,7.46446609 L18.363961,8.87867966 L9.87867966,17.363961 L5.63603897,13.1213203 L7.05025253,11.7071068 L9.87803897,14.5354661 L16.9497475,7.46446609 Z"
-        id="alertSuccess"
+        id="path-1"
       ></path>
     </defs>
     <g
@@ -27,13 +27,13 @@ export const AlertSuccessIcon = () => (
           transform="translate(24.000000, 34.000000)"
         >
           <mask id="mask-2" fill="white">
-            <use xlinkHref="#alertSuccess"></use>
+            <use xlinkHref="#path-1"></use>
           </mask>
           <use
             id="background-2"
             fill="#47B872"
             fillRule="nonzero"
-            xlinkHref="#alertSuccess"
+            xlinkHref="#path-1"
           ></use>
         </g>
       </g>

package/src/deprecated/icons/IconInvalid.js

@@ -16,23 +16,47 @@ export const IconInvalid = ({
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
     style={{ margin }}
-    aria-label="Invalid"
   >
-    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-      <g transform="translate(-538.000000, -1064.000000)" fillRule="nonzero">
-        <g transform="translate(457.000000, 938.000000)">
-          <g transform="translate(81.000000, 20.000000)">
-            <g transform="translate(0.000000, 106.000000)">
+    <g
+      id="icon-invalid-Authentication"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g
+        id="icon-invalid-00.1.0.1---HSS---Register---Already-Exists-Error"
+        transform="translate(-538.000000, -1064.000000)"
+        fillRule="nonzero"
+      >
+        <g
+          id="icon-invalid-Password-Requirements"
+          transform="translate(457.000000, 938.000000)"
+        >
+          <g
+            id="icon-invalid-Group-2"
+            transform="translate(81.000000, 20.000000)"
+          >
+            <g
+              id="icon-invalid-PasswordVerification-Error"
+              transform="translate(0.000000, 106.000000)"
+            >
               <circle
+                id="icon-invalid-Oval"
                 stroke={bgFill}
                 fill={bgFill}
                 cx="9"
                 cy="9"
                 r="8.5"
               ></circle>
-              <g transform="translate(2.000000, 2.000000)" fill={iconFill}>
+              <g
+                id="icon-invalid-Icon/Close"
+                transform="translate(2.000000, 2.000000)"
+                fill={iconFill}
+              >
                 <path
                   d="M7.58333333,7.58333333 L7.58333333,11.6666667 L6.41666667,11.6666667 L6.41666667,7.58333333 L2.33333333,7.58333333 L2.33333333,6.41666667 L6.41666667,6.41666667 L6.41666667,2.33333333 L7.58333333,2.33333333 L7.58333333,6.41666667 L11.6666667,6.41666667 L11.6666667,7.58333333 L7.58333333,7.58333333 Z"
+                  id="icon-invalid-x"
                   transform="translate(7.000000, 7.000000) rotate(45.000000) translate(-7.000000, -7.000000) "
                 ></path>
               </g>

package/src/deprecated/icons/IconNeutral.js

@@ -15,12 +15,11 @@ export const IconNeutral = ({
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
     style={{ margin }}
-    aria-label="Neutral"
   >
-    <g fill={fill} fillRule="nonzero" stroke={fill}>
-      <g>
-        <g>
-          <circle cx="9" cy="9" r="8.5"></circle>
+    <g id="icon-neutral-group" fill={fill} fillRule="nonzero" stroke={fill}>
+      <g id="icon-neutral-Group-2">
+        <g id="icon-neutral-PasswordVerification-Empty">
+          <circle id="icon-neutral-Oval" cx="9" cy="9" r="8.5"></circle>
         </g>
       </g>
     </g>

package/src/deprecated/icons/IconValid.js

@@ -16,14 +16,32 @@ export const IconValid = ({
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
     style={{ margin }}
-    aria-label="Valid"
   >
-    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-      <g transform="translate(-538.000000, -996.000000)">
-        <g transform="translate(457.000000, 938.000000)">
-          <g transform="translate(81.000000, 20.000000)">
-            <g transform="translate(0.000000, 38.000000)">
+    <g
+      id="icon-valid-Authentication"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g
+        id="icon-valid-00.1.0.1---HSS---Register---Already-Exists-Error"
+        transform="translate(-538.000000, -996.000000)"
+      >
+        <g
+          id="icon-valid-Password-Requirements"
+          transform="translate(457.000000, 938.000000)"
+        >
+          <g
+            id="icon-valid-Group-2"
+            transform="translate(81.000000, 20.000000)"
+          >
+            <g
+              id="icon-valid-PasswordVerification-Sucess"
+              transform="translate(0.000000, 38.000000)"
+            >
               <circle
+                id="icon-valid-Oval"
                 stroke={bgFill}
                 fill={bgFill}
                 fillRule="nonzero"
@@ -31,9 +49,16 @@ export const IconValid = ({
                 cy="9"
                 r="8.5"
               ></circle>
-              <g transform="translate(2.000000, 2.000000)">
-                <polygon points="0 0 14 0 14 14 0 14"></polygon>
+              <g
+                id="icon-valid-baseline-check-24px"
+                transform="translate(2.000000, 2.000000)"
+              >
                 <polygon
+                  id="icon-valid-Path"
+                  points="0 0 14 0 14 14 0 14"
+                ></polygon>
+                <polygon
+                  id="icon-valid-Path-2"
                   fill={iconFill}
                   points="5.25 9.4325 2.8175 7 1.98916667 7.8225 5.25 11.0833333 12.25 4.08333333 11.4275 3.26083333"
                 ></polygon>

package/src/util/general.js

@@ -1,4 +1,3 @@
-import React, { Fragment } from "react";
 import numeral from "numeral";
 
 export const noop = () => {};
@@ -10,17 +9,9 @@ export const displayCurrency = cents =>
 
 export const convertCentsToMoneyInt = n => (n / 100).toFixed(0);
 
-const createUniqueId = () =>
-  "_" +
-  Math.random()
-    .toString(36)
-    .substr(2, 9);
-
 export const safeChildren = (children, replacement = []) => {
   if (children && children instanceof Array) {
-    return children.map(child =>
-      !child ? <Fragment key={createUniqueId()}>{replacement}</Fragment> : child
-    );
+    return children.map(child => (!child ? replacement : child));
   }
   return !children ? replacement : children;
 };

package/.tool-versions

@@ -1 +0,0 @@
-nodejs 10.15.3