@thecb/components 8.2.0-beta.8 → 8.2.0-beta.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "8.2.0-beta.8",
+  "version": "8.2.0-beta.9",
   "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

@@ -2,7 +2,7 @@ import React from "react";
 import { text, select } from "@storybook/addon-knobs";
 import Badge from "./Badge";
 import page from "../../../../.storybook/page";
-import AutoPayIcon from "../icons/AutoPayIcon";
+import AutopayIcon from "../icons/AutopayIcon";
 
 const variantsLabel = "variants";
 const variants = {
@@ -21,7 +21,7 @@ export const badge = () => (
   <Badge
     variant={select(variantsLabel, variants, defaultValue, groupId)}
     label={text(labelLabel, "Autopay Available", groupId)}
-    Icon={text(iconLabel, AutoPayIcon, groupId)}
+    Icon={text(iconLabel, AutopayIcon, groupId)}
   />
 );
 

package/src/components/atoms/icons/{AutoPayIcon.js → AutopayIcon.js}

@@ -1,6 +1,7 @@
 import React from "react";
 
-const AutoPayIcon = ({ fill = "#317D4F" }) => (
+// Fill color based on default "success" variant color
+const AutopayIcon = ({ fill = "#317D4F" }) => (
   <svg
     width="16"
     height="16"
@@ -28,4 +29,4 @@ const AutoPayIcon = ({ fill = "#317D4F" }) => (
   </svg>
 );
 
-export default AutoPayIcon;
+export default AutopayIcon;

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

@@ -3,7 +3,6 @@ import React from "react";
 import page from "../../../../.storybook/page";
 import {
   AccountsIcon,
-  AutoPayIcon,
   AccountsAddIcon,
   ForgotPasswordIcon,
   GoToEmailIcon,
@@ -39,7 +38,8 @@ import {
   RejectedVelocityIcon,
   SuccessfulIcon,
   VoidedIcon,
-  StatusUnknownIcon
+  StatusUnknownIcon,
+  AutopayIcon
 } from "./index";
 
 const story = page({
@@ -85,3 +85,4 @@ export const rejectedVelocityIcon = () => <RejectedVelocityIcon />;
 export const successfulIcon = () => <SuccessfulIcon />;
 export const voidedIcon = () => <VoidedIcon />;
 export const statusUnknownIcon = () => <StatusUnknownIcon />;
+export const autopayIcon = () => <AutopayIcon />;

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

@@ -1,5 +1,5 @@
 import AccountsIcon from "./AccountsIcon";
-import AutoPayIcon from "./AutoPayIcon";
+import AutopayIcon from "./AutopayIcon";
 import AccountsAddIcon from "./AccountsAddIcon";
 import ForgotPasswordIcon from "./ForgotPasswordIcon";
 import GoToEmailIcon from "./GoToEmailIcon";
@@ -87,7 +87,7 @@ import ChargebackReversalIconMedium from "./ChargebackReversalIconMedium";
 export {
   AccountsIcon,
   AccountsAddIcon,
-  AutoPayIcon,
+  AutopayIcon,
   ForgotPasswordIcon,
   GoToEmailIcon,
   VerifiedEmailIcon,