@thecb/components 12.0.5-beta.0 → 12.0.6-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "12.0.5-beta.0",
+  "version": "12.0.6-beta.0",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

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

@@ -5,7 +5,7 @@ import { themeComponent } from "../../../util/themeUtils";
 // 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).
-const AccountsIconSmall = ({ themeValues, ariaHidden }) => {
+const AccountsIconSmall = ({ themeValues, ariaHidden = true }) => {
   return (
     <svg
       width="22px"

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

@@ -5,7 +5,7 @@ import { themeComponent } from "../../../util/themeUtils";
 // 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).
-const FindIconSmall = ({ themeValues, iconIndex = 0, ariaHidden }) => {
+const FindIconSmall = ({ themeValues, iconIndex = 0, ariaHidden = true }) => {
   const maskId = `find-icon-mask-${iconIndex}`;
   return (
     <svg

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

@@ -5,7 +5,7 @@ import { themeComponent } from "../../../util/themeUtils";
 // 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).
-const HistoryIconSmall = ({ themeValues, ariaHidden }) => {
+const HistoryIconSmall = ({ themeValues, ariaHidden = true }) => {
   return (
     <svg
       width="20"

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

@@ -5,7 +5,7 @@ import { themeComponent } from "../../../util/themeUtils";
 // 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).
-const PropertiesIconSmall = ({ themeValues, ariaHidden }) => {
+const PropertiesIconSmall = ({ themeValues, ariaHidden = true }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"

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

@@ -5,7 +5,7 @@ import { themeComponent } from "../../../util/themeUtils";
 // 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).
-const SettingsIconSmall = ({ themeValues, ariaHidden }) => {
+const SettingsIconSmall = ({ themeValues, ariaHidden = true }) => {
   return (
     <svg
       width="22px"

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

@@ -9,7 +9,7 @@ const WalletIconSmall = ({
   themeValues,
   iconIndex = 0,
   colorOverride,
-  ariaHidden
+  ariaHidden = true
 }) => {
   return (
     <svg