lau-ecom-design-system 1.0.19 → 1.0.20

package/README.md

@@ -13,4 +13,53 @@ yarn install
 # Levantar storybook
 
 yarn storybook
+
+# Publicar una nueva versión de la liberería
+npm run build or yarn build
+npm pack
+npm publish
+```
+
+## Quick Setup
+
+1. Agrege la dependencia `lau-ecom-design-system` a su proyecto
+
+```bash
+#Usando Yarn
+yarn add lau-ecom-design-system
+```
+
+2. Para un proyecto de Nuxt, agregue el siguiente archivo plugins/lau-ecom-design-system.js y edite nuxt.config.ts con lo siguiente:
+
+```js
+//plugins/lau-ecom-design-system.js
+import { defineNuxtPlugin } from "#app";
+import designsystem from "lau-ecom-design-system/dist/lau-ecom-design-system.ssr";
+import "lau-ecom-design-system/dist/style.css";
+import "lau-ecom-design-system/dist/lau-ecom-design-system.esm.css";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  // Doing something with nuxtApp
+  nuxtApp.vueApp.use(designsystem);
+});
+```
+
+```ts
+//nuxt.config.ts
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  devtools: { enabled: false },
+  plugins: ["~/plugins/lau-ecom-design-system.js"],
+});
+```
+
+3. Para un proyecto de Vue, edite el archivo main.ts con lo siguiente:
+
+```js
+//main.ts
+import designsystem from "lau-ecom-design-system/dist/lau-ecom-design-system.esm";
+import "lau-ecom-design-system/dist/style.css";
+import "lau-ecom-design-system/dist/lau-ecom-design-system.esm.css";
+
+app.use(designsystem);
 ```

package/dist/lau-ecom-design-system.esm.css

@@ -10,4 +10,9 @@ input[type=number][data-v-df501de2]::-webkit-inner-spin-button,input[type=number
 .lau-ecom-banner-cookies-config[data-v-1677c6d1]{display:flex;height:auto;left:50%;position:absolute;top:50%;width:584px;--tw-translate-x:-50%;--tw-translate-y:-50%;flex-direction:column;gap:2.5rem;padding:1.5rem 1.5rem 2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0px 8px 48px -6px rgba(89,89,89,.24);--tw-shadow-colored:0px 8px 48px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:320px) and (max-width:1024px){.lau-ecom-banner-cookies-config[data-v-1677c6d1]{gap:2rem;width:360px}}.lau-ecom-banner-cookies-config--upc[data-v-1677c6d1]{color:var(--neutral-100)}.lau-ecom-config-head[data-v-1677c6d1]{align-items:center;display:flex;justify-content:space-between}.lau-ecom-config-head--upc[data-v-1677c6d1]{color:var(--secondary-60)}.lau-ecom-banner-cookies-buttons[data-v-1677c6d1]{align-items:center;display:flex;gap:1rem;justify-content:space-between}@media (min-width:320px) and (max-width:1024px){.lau-ecom-banner-cookies-buttons[data-v-1677c6d1]{flex-direction:column}}
 .lau-ecom-cookies[data-v-66ae74a2]{align-items:center;display:flex;gap:5rem;justify-content:space-between;padding:32px 64px;width:100%;--tw-shadow:0px 8px 48px -6px rgba(89,89,89,.24);--tw-shadow-colored:0px 8px 48px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:320px) and (max-width:1024px){.lau-ecom-cookies[data-v-66ae74a2]{flex-direction:column;padding-left:24px;padding-right:24px}}.lau-ecom-cookies--upc[data-v-66ae74a2]{color:var(--neutral-20)}.lau-ecom-text[data-v-66ae74a2]{display:block;width:883px}@media (min-width:320px) and (max-width:1024px){.lau-ecom-text[data-v-66ae74a2]{width:100%}}.lau-ecom-text--upc[data-v-66ae74a2]{color:var(--neutral-90)}.lau-ecom-buttons[data-v-66ae74a2]{display:flex;gap:2rem}@media (min-width:320px) and (max-width:1024px){.lau-ecom-buttons[data-v-66ae74a2]{align-self:flex-end}}
 .lau-ecom-tab[data-v-4400ec6f]{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:.5rem 1.25rem .25rem}.lau-ecom-tab--disabled[data-v-4400ec6f]{color:var(--neutral-70)!important;cursor:not-allowed}.lau-ecom-tab--disabled[data-v-4400ec6f]:hover{background-color:var(--neutral-10)!important}.lau-ecom-tab--upc[data-v-4400ec6f]{color:var(--secondary-60)}.lau-ecom-tab--upc[data-v-4400ec6f]:hover{background-color:var(--neutral-20)}.lau-ecom-tab--upc-active[data-v-4400ec6f]{border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-bottom-width:4px;border-color:var(--secondary-60)}.lau-ecom-tab--upc-active[data-v-4400ec6f]:hover{background-color:var(--neutral-10)}.lau-ecom-tab-line[data-v-4400ec6f]{background-color:var(--secondary-60);border-radius:2px;height:4px;margin-top:1rem;width:100%}
-.lau-ecom-disclamer[data-v-c9f20562]{border-radius:2px;color:var(--neutral-100);display:flex;gap:.75rem;padding:1rem;width:fit-content}.lau-ecom-disclamer--success[data-v-c9f20562]{background-color:var(--feedback-success-30)}.lau-ecom-disclamer--warning[data-v-c9f20562]{background-color:var(--feedback-critical-30)}.lau-ecom-disclamer--error[data-v-c9f20562]{background-color:var(--feedback-error-30)}.lau-ecom-disclamer--information[data-v-c9f20562]{background-color:var(--feedback-informative-30)}
+.lau-ecom-disclamer[data-v-c9f20562]{border-radius:2px;color:var(--neutral-100);display:flex;gap:.75rem;padding:1rem;width:fit-content}.lau-ecom-disclamer--success[data-v-c9f20562]{background-color:var(--feedback-success-30)}.lau-ecom-disclamer--warning[data-v-c9f20562]{background-color:var(--feedback-critical-30)}.lau-ecom-disclamer--error[data-v-c9f20562]{background-color:var(--feedback-error-30)}.lau-ecom-disclamer--information[data-v-c9f20562]{background-color:var(--feedback-informative-30)}
+.lau-ecom-sub-footer-wrapper[data-v-dbc309f2]{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));padding:2.5rem 91px;width:100%}@media (min-width:320px) and (max-width:1024px){.lau-ecom-sub-footer-wrapper[data-v-dbc309f2]{display:flex;flex-direction:column;gap:0;padding-left:1.5rem;padding-right:1.5rem}}
+.lau-ecom-footer-logos[data-v-850b0d82]{align-items:center;display:flex;justify-content:space-between;padding:2rem 91px}@media (min-width:320px) and (max-width:1024px){.lau-ecom-footer-logos[data-v-850b0d82]{flex-direction:column;padding:2.5rem 1.5rem}}.lau-ecom-footer-logos--cbt[data-v-850b0d82],.lau-ecom-footer-logos--upc[data-v-850b0d82]{background-color:var(--neutral-20)}.lau-ecom-termns[data-v-850b0d82]{align-items:center;display:flex;justify-content:space-between;padding:2rem 91px}@media (min-width:320px) and (max-width:1024px){.lau-ecom-termns[data-v-850b0d82]{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem}}.lau-ecom-termns--upc[data-v-850b0d82]{background-color:var(--neutral-30)}
+.paginator-button[data-v-1bddb481]{border-color:var(--secondary-60);border-radius:9999px;border-width:1px;padding:10px;width:fit-content}.paginator-button[data-v-1bddb481]:hover{border-color:var(--secondary-70)}.paginator-button[data-v-1bddb481]:active{border-color:var(--secondary-80)}.paginator-button--disabled[data-v-1bddb481],.paginator-button--disabled[data-v-1bddb481]:active,.paginator-button--disabled[data-v-1bddb481]:hover{border-color:var(--neutral-70)}.paginator-button__icon[data-v-1bddb481]{fill:var(--secondary-60)}.paginator-button__icon[data-v-1bddb481]:hover{fill:var(--secondary-70)}.paginator-button__icon[data-v-1bddb481]:active{fill:var(--secondary-80)}.paginator-button__icon--disabled[data-v-1bddb481],.paginator-button__icon--disabled[data-v-1bddb481]:active,.paginator-button__icon--disabled[data-v-1bddb481]:hover{fill:var(--neutral-70)}
+.pagination[data-v-e0385122]{color:var(--primary-60);cursor:default}.pagination[data-v-e0385122]:hover{color:var(--primary-70)}
+.lau-ecom-tag[data-v-a7be9162]{border-radius:4px;padding:.25rem .5rem;text-transform:uppercase;width:fit-content}.lau-ecom-tag--soft-secondary[data-v-a7be9162]{background-color:var(--secondary-10);color:var(--secondary-60)}.lau-ecom-tag--soft-tertiary[data-v-a7be9162]{background-color:var(--tertiary-10);color:var(--tertiary-80)}.lau-ecom-tag--intense[data-v-a7be9162]{background-color:var(--social-pink-70);color:var(--neutral-10)}