@bpds-test/react-benefit-tag 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpds-test/react-benefit-tag",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": false,
   "description": "",
   "keywords": [],
@@ -15,7 +15,8 @@
   "license": "ISC",
   "author": "",
   "type": "commonjs",
-  "main": "index.tsx",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],

package/index.tsx

@@ -1,37 +0,0 @@
-import { FC } from "react";
-import { tv } from "tailwind-variants";
-
-const generateClasses = tv({
-  base: "preflight inline-block px-0.5 rounded-sm",
-  variants: {
-    variant: {
-      product: "text-clr-white bg-clr-black",
-      price: "text-clr-on-sale bg-clr-sale",
-      social: "text-clr-on-bg-high bg-clr-bg-disabled",
-      voucher: "text-clr-on-voucher bg-clr-voucher",
-    },
-    size: {
-      small: "typography-flag-small-text",
-      large: "typography-flag-large-text",
-    },
-  },
-});
-
-export interface Props {
-  /** Describes the benefit. */
-  children: string;
-  /** Type or category of the benefit. Depending on the chosen value, the visual appearance of the component will adjust appropriately. */
-  variant?: "product" | "price" | "social" | "voucher";
-  /** One of two possible component sizes, which should be used depending on the context. */
-  size?: "large" | "small";
-}
-
-const BenefitTag: FC<Props> = ({ children, variant = "product", size = "large" }) => {
-  return (
-    <p className={generateClasses({ variant, size })} data-bpds="benefit-tag">
-      {children}
-    </p>
-  );
-};
-
-export default BenefitTag;