@thecb/components 12.0.5-beta.0 → 12.0.5

package/dist/index.esm.js

@@ -13930,7 +13930,8 @@ var ForgotPasswordIcon = function ForgotPasswordIcon(_ref) {
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     width: "100",
     height: "100",
-    viewBox: "0 0 100 100"
+    viewBox: "0 0 100 100",
+    "aria-hidden": "true"
   }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("path", {
     id: "prefix__a",
     d: "M0 0h100v100H0z"
@@ -14066,12 +14067,8 @@ var PaymentMethodIcon = function PaymentMethodIcon(_ref) {
 };
 var PaymentMethodIcon$1 = themeComponent(PaymentMethodIcon, "Icons", fallbackValues$2, "info");
 
-// When ariaHidden is true, aria-hidden="true" is added to the SVG, which tells
-// screen readers to skip this element. Use this when the icon is purely decorative
-// and adjacent text already conveys its meaning (e.g. an icon inside a labeled nav link).
 var AccountsIconSmall = function AccountsIconSmall(_ref) {
-  var themeValues = _ref.themeValues,
-    ariaHidden = _ref.ariaHidden;
+  var themeValues = _ref.themeValues;
   return /*#__PURE__*/React__default.createElement("svg", {
     width: "22px",
     height: "22px",
@@ -14082,8 +14079,7 @@ var AccountsIconSmall = function AccountsIconSmall(_ref) {
     style: {
       display: "inline-block",
       verticalAlign: "text-bottom"
-    },
-    "aria-hidden": ariaHidden ? "true" : undefined
+    }
   }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("rect", {
     id: "path-1-accountssmall",
     x: "0",
@@ -14250,12 +14246,8 @@ var ProfileIconSmall = function ProfileIconSmall(_ref) {
 };
 var ProfileIconSmall$1 = themeComponent(ProfileIconSmall, "Icons", fallbackValues$2, "primary");
 
-// When ariaHidden is true, aria-hidden="true" is added to the SVG, which tells
-// screen readers to skip this element. Use this when the icon is purely decorative
-// and adjacent text already conveys its meaning (e.g. an icon inside a labeled nav link).
 var SettingsIconSmall = function SettingsIconSmall(_ref) {
-  var themeValues = _ref.themeValues,
-    ariaHidden = _ref.ariaHidden;
+  var themeValues = _ref.themeValues;
   return /*#__PURE__*/React__default.createElement("svg", {
     width: "22px",
     height: "22px",
@@ -14266,8 +14258,7 @@ var SettingsIconSmall = function SettingsIconSmall(_ref) {
     style: {
       display: "inline-block",
       verticalAlign: "text-bottom"
-    },
-    "aria-hidden": ariaHidden ? "true" : undefined
+    }
   }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("rect", {
     id: "path-1-paymentssmall",
     x: "0",
@@ -14305,22 +14296,17 @@ var SettingsIconSmall = function SettingsIconSmall(_ref) {
 };
 var SettingsIconSmall$1 = themeComponent(SettingsIconSmall, "Icons", fallbackValues$2, "primary");
 
-// When ariaHidden is true, aria-hidden="true" is added to the SVG, which tells
-// screen readers to skip this element. Use this when the icon is purely decorative
-// and adjacent text already conveys its meaning (e.g. an icon inside a labeled nav link).
 var WalletIconSmall = function WalletIconSmall(_ref) {
   var themeValues = _ref.themeValues,
     _ref$iconIndex = _ref.iconIndex,
     iconIndex = _ref$iconIndex === void 0 ? 0 : _ref$iconIndex,
-    colorOverride = _ref.colorOverride,
-    ariaHidden = _ref.ariaHidden;
+    colorOverride = _ref.colorOverride;
   return /*#__PURE__*/React__default.createElement("svg", {
     width: "20",
     height: "20",
     viewBox: "0 0 20 20",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": ariaHidden ? "true" : undefined
+    xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
@@ -14460,12 +14446,8 @@ var PropertiesAddIcon = function PropertiesAddIcon(_ref) {
 };
 var PropertiesAddIcon$1 = themeComponent(PropertiesAddIcon, "Icons", fallbackValues$2, "info");
 
-// When ariaHidden is true, aria-hidden="true" is added to the SVG, which tells
-// screen readers to skip this element. Use this when the icon is purely decorative
-// and adjacent text already conveys its meaning (e.g. an icon inside a labeled nav link).
 var PropertiesIconSmall = function PropertiesIconSmall(_ref) {
-  var themeValues = _ref.themeValues,
-    ariaHidden = _ref.ariaHidden;
+  var themeValues = _ref.themeValues;
   return /*#__PURE__*/React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "22px",
@@ -14476,8 +14458,7 @@ var PropertiesIconSmall = function PropertiesIconSmall(_ref) {
     style: {
       display: "inline-block",
       verticalAlign: "text-bottom"
-    },
-    "aria-hidden": ariaHidden ? "true" : undefined
+    }
   }, /*#__PURE__*/React__default.createElement("g", {
     fill: "none",
     fillRule: "evenodd",
@@ -17243,22 +17224,17 @@ var CashieringImage = function CashieringImage() {
   })));
 };
 
-// When ariaHidden is true, aria-hidden="true" is added to the SVG, which tells
-// screen readers to skip this element. Use this when the icon is purely decorative
-// and adjacent text already conveys its meaning (e.g. an icon inside a labeled nav link).
 var FindIconSmall = function FindIconSmall(_ref) {
   var themeValues = _ref.themeValues,
     _ref$iconIndex = _ref.iconIndex,
-    iconIndex = _ref$iconIndex === void 0 ? 0 : _ref$iconIndex,
-    ariaHidden = _ref.ariaHidden;
+    iconIndex = _ref$iconIndex === void 0 ? 0 : _ref$iconIndex;
   var maskId = "find-icon-mask-".concat(iconIndex);
   return /*#__PURE__*/React__default.createElement("svg", {
     width: "20",
     height: "20",
     viewBox: "0 0 20 20",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": ariaHidden ? "true" : undefined
+    xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
@@ -17289,19 +17265,14 @@ var FindIconSmall = function FindIconSmall(_ref) {
 };
 var FindIconSmall$1 = themeComponent(FindIconSmall, "Icons", fallbackValues$2, "primary");
 
-// When ariaHidden is true, aria-hidden="true" is added to the SVG, which tells
-// screen readers to skip this element. Use this when the icon is purely decorative
-// and adjacent text already conveys its meaning (e.g. an icon inside a labeled nav link).
 var HistoryIconSmall = function HistoryIconSmall(_ref) {
-  var themeValues = _ref.themeValues,
-    ariaHidden = _ref.ariaHidden;
+  var themeValues = _ref.themeValues;
   return /*#__PURE__*/React__default.createElement("svg", {
     width: "20",
     height: "20",
     viewBox: "0 0 20 20",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": ariaHidden ? "true" : undefined
+    xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React__default.createElement("path", {
     d: "M3.33337 8.33333C3.33337 7.8731 3.70647 7.5 4.16671 7.5H15.8334C16.2936 7.5 16.6667 7.8731 16.6667 8.33333V16.6667C16.6667 17.1269 16.2936 17.5 15.8334 17.5H4.16671C3.70647 17.5 3.33337 17.1269 3.33337 16.6667V8.33333Z",
     fill: themeValues.singleIconColor