@thecb/components 4.5.3 → 4.6.0

package/dist/index.cjs.js

@@ -15431,6 +15431,52 @@ var CheckIcon = function CheckIcon() {
   })))))));
 };
 
+var WarningIconXS = function WarningIconXS() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "16px",
+    height: "13px",
+    viewBox: "0 0 16 13",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    "aria-labelledby": "#warning-restricted-item",
+    role: "img"
+  }, /*#__PURE__*/React__default.createElement("title", {
+    id: "warning-restricted-item"
+  }, "Warning: restricted items cannot be selected"), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("path", {
+    d: "M11.0106463,4.4659633 C11.3063934,4.63914978 11.5526739,4.88543032 11.7258604,5.18117739 L16.7999622,13.846119 C17.3581267,14.7992854 17.0379144,16.0244612 16.0847481,16.5826257 C15.7781918,16.762142 15.4293522,16.8567653 15.0741018,16.8567653 L4.92589823,16.8567653 C3.82132873,16.8567653 2.92589823,15.9613348 2.92589823,14.8567653 C2.92589823,14.5015149 3.02052159,14.1526753 3.20003784,13.846119 L8.27413962,5.18117739 C8.83230416,4.22801102 10.0574799,3.90779877 11.0106463,4.4659633 Z M10.6666667,13.3333333 L9.33333333,13.3333333 L9.33333333,14.6666667 L10.6666667,14.6666667 L10.6666667,13.3333333 Z M10.6666667,6.66666667 L9.33333333,6.66666667 L9.33333333,12 L10.6666667,12 L10.6666667,6.66666667 Z",
+    id: "WarningIconXs-path-1"
+  })), /*#__PURE__*/React__default.createElement("g", {
+    id: "WarningIconXs-SRV-2647---Workflow-$0-Balance",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "WarningIconXs-11---Search-Results----Checked--Copy-6",
+    transform: "translate(-135.000000, -483.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "WarningIconXs-Group",
+    transform: "translate(133.000000, 479.000000)"
+  }, /*#__PURE__*/React__default.createElement("mask", {
+    id: "WarningIconXs-mask-2",
+    fill: "white"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    xlinkHref: "#WarningIconXs-path-1"
+  })), /*#__PURE__*/React__default.createElement("use", {
+    id: "WarningIconXs-Mask",
+    fill: "#B34A00",
+    fillRule: "nonzero",
+    xlinkHref: "#WarningIconXs-path-1"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    id: "WarningIconXs-Path",
+    fill: "#B34A00",
+    fillRule: "nonzero",
+    mask: "url(#WarningIconXs-mask-2)",
+    points: "-2.84217094e-14 -4.26325641e-14 20 -4.26325641e-14 20 20 -2.84217094e-14 20"
+  })))));
+};
+
 var color$2 = "#15749D";
 var hoverColor$1 = "#116285";
 var activeColor$1 = "#0E506D";
@@ -16096,10 +16142,19 @@ function _assertThisInitialized(self) {
   return self;
 }
 
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
+  _setPrototypeOf(subClass, superClass);
 }
 
 function _getPrototypeOf(o) {
@@ -16109,15 +16164,6 @@ function _getPrototypeOf(o) {
   return _getPrototypeOf(o);
 }
 
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
 function _isNativeFunction(fn) {
   return Function.toString.call(fn).indexOf("[native code]") !== -1;
 }
@@ -16128,7 +16174,7 @@ function _isNativeReflectConstruct() {
   if (typeof Proxy === "function") return true;
 
   try {
-    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
     return true;
   } catch (e) {
     return false;
@@ -16268,7 +16314,9 @@ var ERRORS = {
   "73": "Please provide a valid CSS variable.\n\n",
   "74": "CSS variable not found and no default was provided.\n\n",
   "75": "important requires a valid style object, got a %s instead.\n\n",
-  "76": "fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n"
+  "76": "fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",
+  "77": "remToPx expects a value in \"rem\" but you provided it in \"%s\".\n\n",
+  "78": "base must be set in \"px\" or \"%\" but you set it in \"%s\".\n"
 };
 /**
  * super basic version of sprintf
@@ -16610,7 +16658,7 @@ function parseToRgb(color) {
     };
   }
 
-  var rgbaMatched = rgbaRegex.exec(normalizedColor);
+  var rgbaMatched = rgbaRegex.exec(normalizedColor.substring(0, 50));
 
   if (rgbaMatched) {
     return {
@@ -16641,7 +16689,7 @@ function parseToRgb(color) {
     };
   }
 
-  var hslaMatched = hslaRegex.exec(normalizedColor);
+  var hslaMatched = hslaRegex.exec(normalizedColor.substring(0, 50));
 
   if (hslaMatched) {
     var _hue = parseInt("" + hslaMatched[1], 10);
@@ -42405,6 +42453,7 @@ exports.TypeaheadInput = TypeaheadInput;
 exports.VerifiedEmailIcon = VerifiedEmailIcon$1;
 exports.VoidedIcon = VoidedIcon;
 exports.WalletIcon = WalletIcon$1;
+exports.WarningIconXS = WarningIconXS;
 exports.WelcomeModule = WelcomeModule$1;
 exports.WorkflowTile = WorkflowTile;
 exports.cardRegistry = cardRegistry;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.5.3",
+  "version": "4.6.0",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/atoms/icons/WarningIconXS.js

@@ -0,0 +1,60 @@
+import React from "react";
+
+const WarningIconXS = () => (
+  <svg
+    width="16px"
+    height="13px"
+    viewBox="0 0 16 13"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    aria-labelledby="#warning-restricted-item"
+    role="img"
+  >
+    <title id="warning-restricted-item">
+      Warning: restricted items cannot be selected
+    </title>
+    <defs>
+      <path
+        d="M11.0106463,4.4659633 C11.3063934,4.63914978 11.5526739,4.88543032 11.7258604,5.18117739 L16.7999622,13.846119 C17.3581267,14.7992854 17.0379144,16.0244612 16.0847481,16.5826257 C15.7781918,16.762142 15.4293522,16.8567653 15.0741018,16.8567653 L4.92589823,16.8567653 C3.82132873,16.8567653 2.92589823,15.9613348 2.92589823,14.8567653 C2.92589823,14.5015149 3.02052159,14.1526753 3.20003784,13.846119 L8.27413962,5.18117739 C8.83230416,4.22801102 10.0574799,3.90779877 11.0106463,4.4659633 Z M10.6666667,13.3333333 L9.33333333,13.3333333 L9.33333333,14.6666667 L10.6666667,14.6666667 L10.6666667,13.3333333 Z M10.6666667,6.66666667 L9.33333333,6.66666667 L9.33333333,12 L10.6666667,12 L10.6666667,6.66666667 Z"
+        id="WarningIconXs-path-1"
+      ></path>
+    </defs>
+    <g
+      id="WarningIconXs-SRV-2647---Workflow-$0-Balance"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g
+        id="WarningIconXs-11---Search-Results----Checked--Copy-6"
+        transform="translate(-135.000000, -483.000000)"
+      >
+        <g
+          id="WarningIconXs-Group"
+          transform="translate(133.000000, 479.000000)"
+        >
+          <mask id="WarningIconXs-mask-2" fill="white">
+            <use xlinkHref="#WarningIconXs-path-1"></use>
+          </mask>
+          <use
+            id="WarningIconXs-Mask"
+            fill="#B34A00"
+            fillRule="nonzero"
+            xlinkHref="#WarningIconXs-path-1"
+          ></use>
+          <polygon
+            id="WarningIconXs-Path"
+            fill="#B34A00"
+            fillRule="nonzero"
+            mask="url(#WarningIconXs-mask-2)"
+            points="-2.84217094e-14 -4.26325641e-14 20 -4.26325641e-14 20 20 -2.84217094e-14 20"
+          ></polygon>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default WarningIconXS;

package/src/components/atoms/icons/index.js

@@ -53,6 +53,7 @@ import PaymentSearchIcon from "./PaymentSearchIcon";
 import ResetPasswordIcon from "./ResetPasswordIcon";
 import PeriscopeFailedIcon from "./PeriscopeFailedIcon";
 import CheckIcon from "./CheckIcon";
+import WarningIconXS from "./WarningIconXS";
 
 export {
   AccountsIcon,
@@ -109,5 +110,6 @@ export {
   PaymentSearchIcon,
   ResetPasswordIcon,
   PeriscopeFailedIcon,
-  CheckIcon
+  CheckIcon,
+  WarningIconXS
 };