@plurix/ecom-components 0.0.2-beta.0 → 0.0.2-beta.1

package/dist/assets/svg/DiscountIcon.d.ts

@@ -0,0 +1 @@
+export declare const DiscountIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/assets/svg/DiscountIcon.js

@@ -0,0 +1,37 @@
+import { jsxs as L, jsx as C } from "react/jsx-runtime";
+const i = () => /* @__PURE__ */ L(
+  "svg",
+  {
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M11.6601 14.6198C12.414 14.6198 13.0252 14.021 13.0252 13.2822C13.0252 12.5435 12.414 11.9446 11.6601 11.9446C10.9061 11.9446 10.2949 12.5435 10.2949 13.2822C10.2949 14.021 10.9061 14.6198 11.6601 14.6198Z",
+          fill: "var(--color-main)"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M20.3329 20.049C21.0869 20.049 21.6981 19.4502 21.6981 18.7114C21.6981 17.9727 21.0869 17.3738 20.3329 17.3738C19.579 17.3738 18.9678 17.9727 18.9678 18.7114C18.9678 19.4502 19.579 20.049 20.3329 20.049Z",
+          fill: "var(--color-main)"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M31.5889 17.7671L31.0937 17.1049C30.5583 16.3836 30.5449 15.4066 31.0736 14.6722L31.5554 14.0034C32.2915 12.9805 31.9502 11.5576 30.8193 10.9609L30.0832 10.5741C29.2802 10.1544 28.8385 9.27578 28.9924 8.39058L29.1329 7.58407C29.3471 6.35135 28.4035 5.21042 27.1254 5.15797L26.2889 5.12518C25.3788 5.08584 24.5891 4.4826 24.3348 3.62363L24.1006 2.83678C23.7459 1.63029 22.3942 1.00738 21.2164 1.50571L20.4468 1.827C19.6103 2.18108 18.6333 1.97126 18.0243 1.30244L17.4689 0.692639C16.619 -0.238458 15.1267 -0.231901 14.2835 0.718867L13.7348 1.33523C13.1325 2.0106 12.1622 2.23354 11.319 1.89257L10.5427 1.57784C9.35825 1.09917 8.01986 1.74832 7.67857 2.95481L7.45774 3.74821C7.21683 4.61374 6.44056 5.2301 5.53046 5.27599L4.69397 5.32189C3.4158 5.39402 2.49232 6.54806 2.72653 7.78078L2.88045 8.58729C3.04775 9.46593 2.61946 10.3511 1.82312 10.7839L1.0937 11.1839C-0.0238534 11.7937 -0.345067 13.2231 0.411123 14.2329L0.906326 14.8951C1.44168 15.6164 1.45507 16.5934 0.926402 17.3278L0.444583 17.9966C-0.291531 19.0195 0.049758 20.4424 1.1807 21.0391L1.91681 21.4259C2.71984 21.8456 3.16151 22.7242 3.0076 23.6094L2.86707 24.4159C2.65292 25.6487 3.59649 26.7896 4.87465 26.842L5.71114 26.8748C6.62124 26.9142 7.41089 27.5174 7.66519 28.3764L7.89941 29.1632C8.25408 30.3697 9.60585 30.9926 10.7836 30.4943L11.5532 30.173C12.3897 29.8189 13.3667 30.0287 13.9757 30.6976L14.5311 31.3074C15.3877 32.2385 16.88 32.2319 17.7165 31.2811L18.2652 30.6648C18.8675 29.9894 19.8378 29.7665 20.681 30.1074L21.4573 30.4222C22.6418 30.9008 23.9801 30.2517 24.3214 29.0452L24.5423 28.2518C24.7832 27.3863 25.5594 26.7699 26.4695 26.724L27.306 26.6781C28.5842 26.606 29.5077 25.4519 29.2735 24.2192L29.1196 23.4127C28.9523 22.5341 29.3805 21.6489 30.1769 21.2161L30.9063 20.8161C32.0239 20.2129 32.3451 18.7835 31.5889 17.7671ZM8.36115 13.2821C8.36115 11.4986 9.83338 10.0561 11.6536 10.0561C13.4738 10.0561 14.946 11.4986 14.946 13.2821C14.946 15.0656 13.4738 16.5082 11.6536 16.5082C9.83338 16.5082 8.36115 15.0591 8.36115 13.2821ZM12.2893 21.603C12.0083 21.9374 11.4997 21.9833 11.1584 21.7079C10.8171 21.4325 10.7702 20.9342 11.0513 20.5997L19.6906 10.4036C19.9717 10.0692 20.4803 10.0233 20.8215 10.2987C21.1628 10.5741 21.2097 11.0724 20.9286 11.4068L12.2893 21.603ZM20.333 21.9374C18.5128 21.9374 17.0406 20.4948 17.0406 18.7113C17.0406 16.9278 18.5128 15.4853 20.333 15.4853C22.1532 15.4853 23.6255 16.9278 23.6255 18.7113C23.6255 20.4948 22.1532 21.9374 20.333 21.9374Z",
+          fill: "var(--color-main)"
+        }
+      )
+    ]
+  }
+);
+export {
+  i as DiscountIcon
+};

package/dist/main.d.ts

@@ -1,3 +1 @@
-export { Button } from './components/Button'
-export { Input } from './components/Input'
-export { Label } from './components/Label'
+export { CartClubAlert } from './packages/CartClubAlert/CartClubAlert';

package/dist/main.js

@@ -1,4 +1,4 @@
-import { Button as t } from './components/Button/index.js'
-import { Input as p } from './components/Input/index.js'
-import { Label as m } from './components/Label/index.js'
-export { t as Button, p as Input, m as Label }
+import { CartClubAlert as e } from "./packages/CartClubAlert/CartClubAlert.js";
+export {
+  e as CartClubAlert
+};

package/dist/packages/CartClubAlert/CartClubAlert.d.ts

@@ -0,0 +1,8 @@
+
+interface CartClubAlertProps {
+    discount: string;
+    participeLink: string;
+    learnMoreLink: string;
+}
+export declare const CartClubAlert: ({ discount, participeLink, learnMoreLink }: CartClubAlertProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/CartClubAlert/CartClubAlert.js

@@ -0,0 +1,22 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { DiscountIcon as l } from "../../assets/svg/DiscountIcon.js";
+/* empty css                            */const d = ({
+  discount: a,
+  participeLink: c,
+  learnMoreLink: o
+}) => /* @__PURE__ */ r("div", { className: "club-cart-alert-container", children: [
+  /* @__PURE__ */ r("header", { children: [
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, {}) }),
+    /* @__PURE__ */ e("p", { className: "club-infos-container", children: "Produtos do seu carrinho estão em promoção no Clube de Fidelidade" })
+  ] }),
+  /* @__PURE__ */ r("p", { className: "club-alert-ad", children: [
+    "Tenha ",
+    /* @__PURE__ */ e("strong", { children: a }),
+    " de desconto"
+  ] }),
+  /* @__PURE__ */ e("a", { className: "club-accept", href: c, children: "Me cadastrar" }),
+  /* @__PURE__ */ e("a", { className: "club-more-infos", href: o, children: "Saber Mais" })
+] });
+export {
+  d as CartClubAlert
+};

package/dist/styles/cart-club-alert.global.css

@@ -0,0 +1 @@
+.club-cart-alert-container{box-shadow:4px 4px 8px var(--color-support-shadow);margin-bottom:24px;padding:16px;border:1px solid var(--color-grayScale-lightest);border-radius:4px}.club-cart-alert-container *{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}.club-cart-alert-container header{display:flex;flex-direction:row}.club-cart-alert-container header .club-infos-container{margin-bottom:8px;margin-left:8px;font-size:16px;font-weight:700;line-height:20px;letter-spacing:0em;color:var(--color-grayScale)}.club-cart-alert-container .club-alert-ad{padding:8px 16px;border-radius:2px;margin-bottom:8px;background-color:var(--color-main-faded);font-size:14px;font-weight:400;line-height:18px;letter-spacing:0em;text-align:center;color:var(--color-main)}.club-cart-alert-container .club-alert-ad strong{font-size:20px;font-weight:700;line-height:24px}.club-cart-alert-container .club-accept{display:block;width:100%;margin-bottom:8px;border:1px solid var(--color-main);border-radius:2px;padding:8px 16px;color:var(--color-main);text-align:center;font-size:14px;line-height:18px;font-weight:500;text-decoration:none}.club-cart-alert-container .club-more-infos{display:block;color:var(--color-main);text-align:center;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0em}

package/dist/vite-env.d.js

@@ -0,0 +1 @@
+

package/package.json

@@ -2,7 +2,7 @@
   "name": "@plurix/ecom-components",
   "author": "Plurix",
   "private": false,
-  "version": "0.0.2-beta.0",
+  "version": "0.0.2-beta.1",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/index.css

@@ -1,3 +0,0 @@
-._label_mog69_1 {
-  font-weight: 700;
-}

package/dist/assets/index2.css

@@ -1,3 +0,0 @@
-._input_1auw0_1 {
-  padding: 1rem;
-}

package/dist/assets/index3.css

@@ -1,3 +0,0 @@
-._button_1m5ht_1 {
-  padding: 1rem;
-}

package/dist/components/Button/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare function Button(
-  props: React.ButtonHTMLAttributes<HTMLButtonElement>
-): import('react/jsx-runtime').JSX.Element

package/dist/components/Button/index.js

@@ -1,11 +0,0 @@
-import '../../assets/index3.css'
-import { jsx as s } from 'react/jsx-runtime'
-const u = '_button_1m5ht_1',
-  r = {
-    button: u
-  }
-function e(t) {
-  const { className: o, ...n } = t
-  return /* @__PURE__ */ s('button', { className: `${o} ${r.button}`, ...n })
-}
-export { e as Button }

package/dist/components/Input/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare function Input(
-  props: React.InputHTMLAttributes<HTMLInputElement>
-): import('react/jsx-runtime').JSX.Element

package/dist/components/Input/index.js

@@ -1,11 +0,0 @@
-import '../../assets/index2.css'
-import { jsx as p } from 'react/jsx-runtime'
-const u = '_input_1auw0_1',
-  o = {
-    input: u
-  }
-function r(t) {
-  const { className: n, ...s } = t
-  return /* @__PURE__ */ p('input', { className: `${n} ${o.input}`, ...s })
-}
-export { r as Input }

package/dist/components/Label/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare function Label(
-  props: React.LabelHTMLAttributes<HTMLLabelElement>
-): import('react/jsx-runtime').JSX.Element

package/dist/components/Label/index.js

@@ -1,11 +0,0 @@
-import '../../assets/index.css'
-import { jsx as a } from 'react/jsx-runtime'
-const o = '_label_mog69_1',
-  t = {
-    label: o
-  }
-function b(l) {
-  const { className: e, ...s } = l
-  return /* @__PURE__ */ a('label', { className: `${e} ${t.label}`, ...s })
-}
-export { b as Label }