@thecb/components 10.4.6-beta.7 → 10.4.7-beta.1

package/src/components/atoms/wallet-name/WalletName.js

@@ -1,74 +0,0 @@
-import React, { Fragment, useContext } from "react";
-import { Box } from "../layouts";
-import { themeComponent } from "../../../util/themeUtils";
-import ButtonWithAction from "../button-with-action";
-import { noop } from "../../../util/general";
-import Text from "../text/Text";
-import { ThemeContext } from "styled-components";
-import { fallbackValues } from "./WalletName.theme";
-import Module from "../../molecules/module/Module";
-
-const WalletName = ({
-  personName,
-  action = noop,
-  text = "Not you?",
-  actionText = "Check out as a guest",
-  themeValues
-}) => {
-  const themeContext = useContext(ThemeContext);
-  const { isMobile } = themeContext;
-
-  return (
-    <Fragment>
-      <Module spacingBottom={isMobile ? "0" : "1.5rem"}>
-        <Box
-          padding="24px"
-          boxShadow={themeValues.boxShadow}
-          spacingBottom="0"
-          margin="0 0 0 0"
-          extraStyles={
-            isMobile
-              ? `display: flex; flex-direction: column; flex-wrap: wrap;  span {text - align: right;}`
-              : `display: flex; justify-content: space-between; align-items: center;`
-          }
-        >
-          <Box padding="0 0 0">
-            <Text>{personName}</Text>
-          </Box>
-          {!isMobile && (
-            <Box padding="0">
-              <Text extraStyles="font-size: 12px">{text}</Text>
-              <ButtonWithAction
-                text={actionText}
-                action={action}
-                variant="smallGhost"
-                extraStyles="span {font-size: 12px;}"
-              />
-            </Box>
-          )}
-        </Box>
-      </Module>
-      {isMobile && (
-        <Box
-          padding="0 0 24px"
-          extraStyles="display: flex; align-items: center; justify-content: flex-end;"
-        >
-          <Text extraStyles="font-size: 12px">{text}</Text>
-          <ButtonWithAction
-            text={actionText}
-            action={action}
-            variant="smallGhost"
-            extraStyles="span {font-size: 12px;}"
-          />
-        </Box>
-      )}
-    </Fragment>
-  );
-};
-
-export default themeComponent(
-  WalletName,
-  "WalletName",
-  fallbackValues,
-  "primary"
-);

package/src/components/atoms/wallet-name/WalletName.stories.js

@@ -1,22 +0,0 @@
-import React from "react";
-import WalletName from "./WalletName";
-import { text } from "@storybook/addon-knobs";
-import page from "../../../../.storybook/page";
-
-export const walletName = () => {
-  return (
-    <WalletName
-      personName={text("personName", "Storybook Mobile McGee", "props")}
-      action={() => window.alert("action fired!")}
-      actionText={text("actionText", "Check out as a guest", "props")}
-      text={text("text", "Not you?", "props")}
-    />
-  );
-};
-
-const story = page({
-  title: "Components|Atoms/WalletName",
-  component: WalletName
-});
-
-export default story;

package/src/components/atoms/wallet-name/WalletName.theme.js

@@ -1,15 +0,0 @@
-import { WHITE } from "../../../constants/colors";
-
-const backgroundColor = {
-  primary: WHITE
-};
-
-const boxShadow = {
-  primary: `box-shadow: 0px 1px 2px 0px #292A331A;
-    box-shadow: 0px 2px 6px 0px #292a3333; box-shadow: 0px 1px 0px 0px #292A331A inset;`
-};
-
-export const fallbackValues = {
-  backgroundColor,
-  boxShadow
-};

package/src/components/atoms/wallet-name/index.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import Expand from "../../../util/expand";
-
-export interface WalletNameProps {
-  action?: React.SyntheticEvent;
-  text?: string;
-  actionText?: string;
-  personName: string;
-}
-
-export const WalletName: React.FC<Expand<WalletNameProps> &
-  React.HTMLAttributes<HTMLElement>>;

package/src/components/atoms/wallet-name/index.js

@@ -1,3 +0,0 @@
-import WalletName from "./WalletName";
-
-export default WalletName;