@grantbii/design-system 1.0.27 → 1.0.29

package/core/molecules/Badge.js

@@ -1,23 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from "styled-components";
-import { Colors, Icons } from "../../index";
-const Badge = ({ icon, text, onClickClose, backgroundColor = Colors.neutral.grey3, color = Colors.typography.blackHigh, }) => (_jsxs(BaseBadge, { "$backgroundColor": backgroundColor, "$color": color, children: [icon ? icon : _jsx(_Fragment, {}), text ? _jsx(BadgeText, { children: text }) : _jsx(_Fragment, {}), onClickClose ? (_jsx(Button, { type: "button", onClick: onClickClose, children: _jsx(Icons.XIcon, { size: 20 }) })) : (_jsx(_Fragment, {}))] }));
-export default Badge;
-const BaseBadge = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 10px;
-
-  padding: 5px 16px;
-  border-radius: 130px;
-
-  background-color: ${({ $backgroundColor }) => $backgroundColor};
-  color: ${({ $color }) => $color};
-`;
-const BadgeText = styled.p `
-  font-weight: 500;
-  font-size: 14px;
-`;
-const Button = styled.button `
-  display: flex;
-`;

package/stories/molecules/Badge.stories.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge, Icons } from "@/.";
-const meta = {
-    title: "Design System/Atoms/Badge",
-    component: Badge,
-    tags: ["autodocs"],
-    parameters: {
-        layout: "centered",
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        text: "Badge",
-    },
-};
-export const Icon = {
-    args: {
-        icon: _jsx(Icons.SmileyXEyesIcon, { size: 20 }),
-        text: "Badge",
-    },
-};
-export const Close = {
-    args: {
-        text: "Badge",
-        onClickClose: () => alert("closed badge"),
-    },
-};
-export const Everything = {
-    args: {
-        icon: _jsx(Icons.SmileyXEyesIcon, { size: 20 }),
-        text: "Badge",
-        onClickClose: () => alert("You have closed the badge!"),
-    },
-};