beem-component 0.9.9 → 1.0.3

package/src/lib/components/performanceIndicator.js

@@ -1,27 +0,0 @@
-import { Clear } from "@material-ui/icons";
-import styled from "styled-components";
-import { BmGrey400 } from "./colors";
-import { BmArrowCircleDown, BmArrowCircleUp, BmIcons } from "./iconStyles";
-
-export const BmPI = styled.div`
-  display: flex;
-`;
-export const BmPIIcons = styled(BmIcons)`
-  margin-right: 0.714rem;
-`;
-
-export const BmPIText = styled.h2`
-  color: ${BmGrey400};
-`;
-
-export const BmPerformanceIndicator = (props) => {
-  return (
-    <BmPI>
-      {props.type === "upwards" && (
-        <BmPIIcons icon={<BmArrowCircleUp />} size="large" />
-      )}
-      {props.type === "downwards" && <BmPIIcons icon={<BmArrowCircleDown />} />}
-      <BmPIText>{props.children}</BmPIText>
-    </BmPI>
-  );
-};

package/src/lib/components/pills.js

@@ -1,65 +0,0 @@
-import React from "react";
-import { Clear, KeyboardArrowDown } from "@material-ui/icons";
-import styled from "styled-components";
-import { BmAvatar } from "./avatars";
-import { BmGrey100, BmPrimaryBlack } from "./colors";
-import { BmIcons } from "./iconStyles";
-
-export const BmPillWrapper = styled.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 0.214rem 0.571rem;
-  background: ${BmGrey100};
-  border-radius: 0.21875rem;
-`;
-
-export const BmPillText = styled.p`
-  text-transform: uppercase;
-  color: ${BmPrimaryBlack};
-`;
-
-export const BmLeftIcon = styled(BmIcons)`
-  margin-right: 0.286rem;
-`;
-
-export const BmLeftProfileIcon = styled(BmAvatar)`
-  margin-right: 0.286rem;
-`;
-
-export const BmRightIcon = styled(BmIcons)`
-  margin-left: 0.571rem;
-`;
-
-export const BmPill = ({
-  children,
-  type,
-  leadingIcon,
-  leadingProfile,
-  size,
-  color,
-  ...rest
-}) => {
-  return (
-    <>
-      <BmPillWrapper {...rest}>
-        {leadingIcon && <BmLeftIcon size={size} icon={leadingIcon} />}
-        {leadingProfile && (
-          <BmLeftProfileIcon user="default" size="xsmall" type="circle" />
-        )}
-        <BmPillText>{children}</BmPillText>
-        {(!type || type === "default") && (
-          <BmRightIcon size={size} icon={<Clear />} color={color || "black"} />
-        )}
-        {type && type === "dropdown" && (
-          <BmRightIcon
-            size={size}
-            icon={<KeyboardArrowDown />}
-            color={color || "black"}
-          />
-        )}
-      </BmPillWrapper>
-    </>
-  );
-};