@thecb/components 7.10.0-beta.1 → 7.10.0

package/dist/index.cjs.js

@@ -14742,7 +14742,8 @@ var FailedIcon = function FailedIcon() {
 
 var PencilIcon = function PencilIcon(_ref) {
   var _ref$ariaLabel = _ref.ariaLabel,
-      ariaLabel = _ref$ariaLabel === void 0 ? "Edit" : _ref$ariaLabel;
+      ariaLabel = _ref$ariaLabel === void 0 ? "Edit" : _ref$ariaLabel,
+      themeValues = _ref.themeValues;
   return /*#__PURE__*/React__default.createElement("svg", {
     "aria-label": ariaLabel,
     width: "24px",
@@ -14753,10 +14754,12 @@ var PencilIcon = function PencilIcon(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M19.74 6.84a.885.885 0 0 1 0 1.253l-1.626 1.626-3.333-3.333 1.626-1.626a.885.885 0 0 1 1.253 0l2.08 2.08ZM4 20.5v-3.333l9.83-9.83 3.333 3.333-9.83 9.83H4Z",
-    fill: "#15749D"
+    fill: themeValues.subIconColor
   }));
 };
 
+var PencilIcon$1 = themeComponent(PencilIcon, "Icons", fallbackValues$2, "info");
+
 var PendingIcon = function PendingIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
     width: "32px",
@@ -49118,7 +49121,7 @@ exports.PaymentMethodAddIcon = PaymentMethodAddIcon$1;
 exports.PaymentMethodIcon = PaymentMethodIcon$1;
 exports.PaymentSearchIcon = PaymentSearchIcon;
 exports.PaymentsIconSmall = PaymentsIconSmall$1;
-exports.PencilIcon = PencilIcon;
+exports.PencilIcon = PencilIcon$1;
 exports.PendingIcon = PendingIcon;
 exports.PeriscopeDashboardIframe = PeriscopeDashboardIframe;
 exports.PeriscopeFailedIcon = PeriscopeFailedIcon;