@thecb/components 11.0.0-beta.0 → 11.0.1-beta.0

package/package.json

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

package/src/components/atoms/badge/Badge.stories.js

@@ -10,7 +10,7 @@ import { Box, Stack, Cluster } from "../layouts";
 import AutopayIcon from "../icons/AutopayIcon";
 import MultiCartIcon from "../icons/MultiCartIcon";
 import RefundIconSmall from "../icons/RefundIconSmall";
-import TrashIconV2 from "../icons/TrashIconV2";
+import { TrashIconV2 } from "../icons";
 import HistoryIconSmall from "../icons/HistoryIconSmall";
 
 const meta = {
@@ -91,7 +91,7 @@ const InfoBadge = props => {
     <Badge
       {...props}
       label={"Payment History"}
-      Icon={() => HistoryIconSmall({ color: MATISSE_BLUE })}
+      Icon={HistoryIconSmall}
       variant="info"
     />
   );
@@ -113,7 +113,7 @@ const RightIconBadge = props => {
     <Badge
       {...props}
       label={"Delete Record"}
-      Icon={() => TrashIconV2({ iconFill: ZEST_ORANGE })}
+      Icon={TrashIconV2}
       variant="warn"
       iconOnLeft={false}
     />

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

@@ -1,13 +1,21 @@
+import { props } from "ramda";
 import React from "react";
 
 // Fill color based on default "success" variant color
-const AutopayIcon = ({ fill = "#317D4F", color = "#317D4F" }) => (
+const AutopayIcon = ({
+  fill = "#317D4F",
+  color = "#317D4F",
+  ariaLabel = "Autopay",
+  ...props
+}) => (
   <svg
     width="16"
     height="16"
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    aria-label={ariaLabel}
+    {...props}
   >
     <mask
       id="mask0_5560_39870"