sass-template-common 0.9.6 → 0.9.7

package/README.md

@@ -1,36 +1,36 @@
-# sass-template-common
-
-Librería web, maqueta de configuración y componentes para proyectos sass.
-
-## Publicar nueva versión
-
-Para que los cambios se reflejen al publicar:
-
-1. **Subir versión** (obligatorio; si no, npm rechaza o se usa la misma versión):
-   ```bash
-   pnpm version:patch   # 0.3.21 → 0.3.22
-   # o
-   pnpm version:minor   # 0.3.21 → 0.4.0
-   pnpm version:major   # 0.3.21 → 1.0.0
-   ```
-
-2. **Build limpio + publicar**:
-   ```bash
-   pnpm run clean && pnpm run build && pnpm publish
-   ```
-   O en un solo paso (patch):
-   ```bash
-   pnpm release:patch
-   ```
-
-3. **`prepublishOnly`**: Antes de cada `pnpm publish` se ejecuta `clean` + `build`, así siempre se publica un build nuevo.
-
-4. **En proyectos que consumen la lib**: Actualizar la dependencia y reinstalar:
-   ```bash
-   pnpm update sass-template-common
-   # o cambiar la versión en package.json y luego
-   pnpm install
-   ```
-   Si usan versión fija (`"0.3.21"`), hay que actualizarla a la nueva (p. ej. `"0.3.22"`).
-
-**Si no ves los cambios:** comprueba que subiste la versión (`version:patch` o similar), que hiciste `clean` + `build` antes de publicar, y que el proyecto consumidor tiene actualizada la dependencia (o `^0.3.21` y ha ejecutado `pnpm update`).
+# sass-template-common
+
+Librería web, maqueta de configuración y componentes para proyectos sass.
+
+## Publicar nueva versión
+
+Para que los cambios se reflejen al publicar:
+
+1. **Subir versión** (obligatorio; si no, npm rechaza o se usa la misma versión):
+   ```bash
+   pnpm version:patch   # 0.3.21 → 0.3.22
+   # o
+   pnpm version:minor   # 0.3.21 → 0.4.0
+   pnpm version:major   # 0.3.21 → 1.0.0
+   ```
+
+2. **Build limpio + publicar**:
+   ```bash
+   pnpm run clean && pnpm run build && pnpm publish
+   ```
+   O en un solo paso (patch):
+   ```bash
+   pnpm release:patch
+   ```
+
+3. **`prepublishOnly`**: Antes de cada `pnpm publish` se ejecuta `clean` + `build`, así siempre se publica un build nuevo.
+
+4. **En proyectos que consumen la lib**: Actualizar la dependencia y reinstalar:
+   ```bash
+   pnpm update sass-template-common
+   # o cambiar la versión en package.json y luego
+   pnpm install
+   ```
+   Si usan versión fija (`"0.3.21"`), hay que actualizarla a la nueva (p. ej. `"0.3.22"`).
+
+**Si no ves los cambios:** comprueba que subiste la versión (`version:patch` o similar), que hiciste `clean` + `build` antes de publicar, y que el proyecto consumidor tiene actualizada la dependencia (o `^0.3.21` y ha ejecutado `pnpm update`).

package/dist/layout.css

@@ -4,6 +4,6 @@
 
 .sass-com-mopt-ul{list-style:none;display:flex;gap:var(--header-menu-section-gap, 1.5rem);position:relative;margin:var(--showAlertPop);padding:0}.sass-com-mopt-li{gap:25px;display:flex;flex-direction:column;float:left;position:relative}.sass-com-mopt-liBefore:hover:before{content:"";display:var(--header-menu-option-liBefore-line_display, block);background-color:var(--header-menu-options-liBefore-background);width:100%;height:4px;position:absolute;bottom:-1.2rem;left:0}.sass-com-mopt-ulContent:before{content:"";display:var(--header-menu-option-ulContent-line_display, none);background-color:var(--header-menu-options-liBefore-background);width:100%;height:4px;position:absolute;top:var(--header-menu-options-ulContent_top, initial);left:0}.sass-com-mopt-li:hover>ul{display:flex;top:0}.sass-com-mopt-ulContent{list-style:none;display:none;background-color:transparent;position:absolute;padding-top:var(--header-menu-options-ulContent-padding-top, 30px);top:var(--header-menu-options-ulContent-top, 4px)!important;left:var(--header-menu-options-ulContent-left, -3px);padding-left:0}.sass-com-mopt-contentModal{list-style:none;display:flex;flex-direction:column;background-color:var(--header-menu-options_contentModal-background);box-shadow:0 5px 14px #0000001a;border-radius:var(--header-menu-options_subItem-border-radius);padding:var(--header-menu-options_subItem-padding-content, 1rem 0rem);min-width:200px;width:max-content}.sass-com-mopt-linkStyled{color:var(--header-menu-options-linkStyled-color, var(--header-color));font-weight:var(--header-menu-options_subItem-font-weight);font-size:var(--header-menu-options_subItem-font-size, 13px);display:flex;flex-direction:row;gap:.3rem;justify-content:center;align-items:center;font-family:var(--header-menu-options-linkStyled-font-family);text-transform:var(--header-menu-options-linkStyled-text-transform, capitalize);z-index:80000}.sass-com-mopt-linkStyled path{fill:var(--header-color)}.sass-com-mopt-linkStyled:hover{color:var(--header-menu-options-linkStyled-color-hover, var(--header-color-hover));cursor:pointer;font-weight:var(--header-menu-options-font-weight-hover)}.sass-com-mopt-itemLink{color:var(--header-menu-options_subItem-color);font-weight:400;font-size:.875rem;padding:var(--header-menu-options_subItem-padding, .5rem 1rem);font-family:var(--header-menu-options-itemLink-font-family, Arial, sans-serif);text-transform:capitalize;letter-spacing:var(--header-menu-options_subItem-letter-spacing, normal);cursor:pointer;background-color:var(--header-menu-options_subItem-background);border-bottom:var(--header-menu-options_subItem_border-bottom, none)}.sass-com-mopt-li:last-child>.sass-com-mopt-itemLink{border-bottom:var(--header-menu-options_subItem_border-bottom_last, none)}.sass-com-mopt-itemLink:hover{font-weight:var(--header-menu-options_subItem-font-weight-hover, --header-menu-options_subItem-font-weight);background-color:var(--header-menu-options_subItem-background-hover);color:var(--header-menu-options_subItem-color-hover)}
 
-.sass-com-sb-drawerStyled{position:relative;background-color:transparent}.sass-com-sb-sidebarCustom{background-color:var(--side-bar-background);color:var(--side-bar-color-item);width:340px;position:fixed;height:100dvh;left:0;top:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;z-index:3200;border-right:var(--side-bar-border-right);transform:translate(-340px);transition:transform 225ms cubic-bezier(0,0,.2,1)}.sass-com-sb-accordionStyled{padding:0;background-color:var(--side-bar-background)!important;min-height:60px;box-shadow:none!important;border-top:1px solid var(--side-bar-accordion-borders-top);border-bottom:1px solid var(--side-bar-accordion-borders);margin:0!important;overflow:hidden}.sass-com-sb-accordionHeading{all:unset;display:flex;align-items:center;text-transform:var(--side-bar-item-text-transform, uppercase);width:100%;height:60px}.sass-com-sb-accordionSummeryStyled{color:var(--side-bar-item-color)!important;font-weight:var(--fw);font-size:16px;font-family:var(--default-font-family);letter-spacing:0px;line-height:22px;width:100%;display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:.3rem;cursor:pointer;padding:0 1rem}.sass-com-sb-accordionSummeryStyled>div:first-child{letter-spacing:0px;font-weight:var(--fw)}.sass-com-sb-accordionSummeryStyled>div:hover{color:var(--side-bar-color-item-hover);background-color:var(--side-bar-link-item-hover)}.sass-com-sb-linkStyled{color:var(--side-bar-item-color);font-family:var(--default-font-family, Arial, sans-serif);font-weight:var(--fw);font-size:16px;position:relative;line-height:22px;padding-left:1rem;width:100%;letter-spacing:.5px;height:70px;display:flex;align-items:center}.sass-com-sb-accordionSummeryStyled>.sass-com-sb-linkStyled{padding-left:0}.sass-com-sb-accordionHeading:hover{color:var(--side-bar-color-item-hover);background-color:var(--side-bar-link-item-hover)}.sass-com-sb-subLinkStyled{color:var(--side-bar-subitem-color);font-weight:var(--side-bar-subitem-font-weight);font-size:1rem;text-transform:capitalize;width:100%;font-family:var(--side-bar-subitem-font-family);line-height:18.5px;min-height:45px;height:45px;display:flex;align-items:center;padding-left:1rem;letter-spacing:normal}.sass-com-sb-subLinkStyled:hover{font-weight:var(--side-bar-link-subitem-font-weight-hover);color:var(--side-bar-color-subitem-hover);background-color:var(--side-bar-link-subitem-hover)}.sass-com-sb-inputContent,.sass-com-sb-buttonContent{padding:1rem;width:100%}.sass-com-sb-buttonContent{display:flex;justify-content:flex-end}.sass-com-sb-inputStyled{background-color:var(--search-input-background);border-radius:30px;padding:1rem;height:42px;width:100%;display:flex;justify-content:space-between;align-items:center}.sass-com-sb-inputStyled svg path{fill:var(--search-icon-color)}.sass-com-sb-buscar::placeholder{color:var(--search-input-color)}.sass-com-sb-buscar{color:var(--search-input-color);font-size:var(--search-input-font-size, 1rem);font-weight:400;font-family:var(--default-font-family);letter-spacing:normal;padding:0;background-color:transparent!important;border:none!important;outline:none!important}.sass-com-sb-buscar:-webkit-autofill,.sass-com-sb-buscar:-webkit-autofill:hover,.sass-com-sb-buscar:-webkit-autofill:focus,.sass-com-sb-buscar:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;background-color:transparent!important;-webkit-text-fill-color:inherit!important;caret-color:inherit}.sass-com-sb-buttonStyled{background-color:var(--side-bar-close-background);width:59px;border-radius:30px;border:0;cursor:pointer;display:flex;justify-content:center;align-items:center}.sass-com-sb-buttonStyled:hover{background-color:var(--side-bar-close-hover-background, var(--side-bar-close-background))}.sass-com-sb-accordionDetailsStyled{display:flex;flex-direction:column;padding:0!important;width:100%;overflow:hidden;max-height:0px;transition:max-height .3s,padding-bottom .3s}input[type=checkbox]:checked+*+.sass-com-sb-accordionDetailsStyled{padding-bottom:12px!important;max-height:var(--max-height)}.sass-com-sb-footerSlider{display:flex;flex-direction:column;gap:var(--side-bar-footer-slider-gap, .5rem);bottom:0;width:100%;justify-content:center;align-items:center;padding:1rem 0}.sass-com-sb-socialMedia{display:flex;justify-content:space-evenly;align-items:center;width:100%;margin-bottom:40px}.sass-com-sb-socialMedia a{width:30%;display:flex;justify-content:center;color:var(--side-bar-color-item)}.sass-com-sb-socialMedia a:hover{border-radius:50%;background-color:var(--side-bar-social-media-hover)}.sass-com-sb-copyRights{padding:0;margin:0;color:var(--side-bar-color);font-size:10px;font-weight:400;text-align:center;font-family:Arial,sans-serif;letter-spacing:normal}.sass-com-sb-icon{width:42px;color:var(--side-bar-icons)}.sass-com-sb-icon:hover{color:var(--side-bar-hover-icons)}
+.sass-com-sb-drawerStyled{position:relative;background-color:transparent}.sass-com-sb-sidebarCustom{background-color:var(--side-bar-background);color:var(--side-bar-color-item);width:340px;position:fixed;height:100dvh;left:0;top:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;z-index:3200;border-right:var(--side-bar-border-right);transform:translate(-340px);transition:transform 225ms cubic-bezier(0,0,.2,1)}.sass-com-sb-accordionStyled{padding:0;background-color:var(--side-bar-background)!important;min-height:60px;box-shadow:none!important;border-top:1px solid var(--side-bar-accordion-borders-top);border-bottom:1px solid var(--side-bar-accordion-borders);margin:0!important;overflow:hidden}.sass-com-sb-accordionHeading{all:unset;display:flex;align-items:center;text-transform:var(--side-bar-item-text-transform, uppercase);width:100%;height:60px}.sass-com-sb-accordionSummeryStyled{color:var(--side-bar-item-color)!important;font-weight:var(--fw);font-size:16px;font-family:var(--default-font-family);letter-spacing:0px;line-height:22px;width:100%;display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:.3rem;cursor:pointer;padding:0 1rem}.sass-com-sb-accordionSummeryStyled>div:first-child{letter-spacing:0px;font-weight:var(--fw)}.sass-com-sb-accordionSummeryStyled>div:hover{color:var(--side-bar-color-item-hover);background-color:var(--side-bar-link-item-hover)}.sass-com-sb-linkStyled{color:var(--side-bar-item-color);font-family:var(--default-font-family, Arial, sans-serif);font-weight:var(--fw);font-size:16px;position:relative;line-height:22px;padding-left:1rem;width:100%;letter-spacing:.5px;height:70px;display:flex;align-items:center}.sass-com-sb-accordionSummeryStyled>.sass-com-sb-linkStyled{padding-left:0}.sass-com-sb-accordionHeading:hover{color:var(--side-bar-color-item-hover);background-color:var(--side-bar-link-item-hover)}.sass-com-sb-subLinkStyled{color:var(--side-bar-subitem-color);font-weight:var(--side-bar-subitem-font-weight);font-size:1rem;text-transform:capitalize;width:100%;font-family:var(--side-bar-subitem-font-family);line-height:18.5px;min-height:45px;height:45px;display:flex;align-items:center;padding-left:1rem;letter-spacing:normal}.sass-com-sb-subLinkStyled:hover{font-weight:var(--side-bar-link-subitem-font-weight-hover);color:var(--side-bar-color-subitem-hover);background-color:var(--side-bar-link-subitem-hover)}.sass-com-sb-inputContent,.sass-com-sb-buttonContent{padding:1rem;width:100%}.sass-com-sb-buttonContent{display:flex;justify-content:flex-end}.sass-com-sb-inputStyled{background-color:var(--search-input-background);border-radius:30px;padding:1rem;height:42px;width:100%;display:flex;justify-content:space-between;align-items:center}.sass-com-sb-inputStyled svg path{fill:var(--search-icon-color)}.sass-com-sb-buscar::placeholder{color:var(--search-input-color)}.sass-com-sb-buscar{color:var(--search-input-color);font-size:var(--search-input-font-size, 1rem);font-weight:400;font-family:var(--default-font-family);letter-spacing:normal;padding:0;background-color:transparent!important;border:none!important;outline:none!important}.sass-com-sb-buscar:-webkit-autofill,.sass-com-sb-buscar:-webkit-autofill:hover,.sass-com-sb-buscar:-webkit-autofill:focus,.sass-com-sb-buscar:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;background-color:transparent!important;-webkit-text-fill-color:inherit!important;caret-color:inherit}.sass-com-sb-buttonStyled{background-color:var(--side-bar-close-background);width:59px;border-radius:30px;border:0;cursor:pointer;display:flex;justify-content:center;align-items:center}.sass-com-sb-buttonStyled:hover{background-color:var(--side-bar-close-hover-background, var(--side-bar-close-background))}.sass-com-sb-accordionDetailsStyled{display:flex;flex-direction:column;padding:0!important;width:100%;overflow:hidden;max-height:0px;transition:max-height .3s,padding-bottom .3s}input[type=checkbox]:checked+*+.sass-com-sb-accordionDetailsStyled{padding-bottom:12px!important;max-height:var(--max-height)}.sass-com-sb-footerSlider{display:flex;flex-direction:column;gap:var(--side-bar-footer-slider-gap, .5rem);bottom:0;width:100%;justify-content:center;align-items:center;padding:1rem 0}.sass-com-sb-socialMedia{display:flex;justify-content:space-evenly;align-items:center;width:100%;margin-bottom:40px}.sass-com-sb-socialMedia a{width:30%;display:flex;justify-content:center;color:var(--side-bar-color-item)}.sass-com-sb-socialMedia a:hover{border-radius:50%;background-color:var(--side-bar-social-media-hover)}.sass-com-sb-copyRights{padding:0;margin:0;color:var(--side-bar-color);font-size:10px;font-weight:400;text-align:center;font-family:Arial,sans-serif;letter-spacing:normal}.sass-com-sb-icon{width:42px;height:30px;color:var(--side-bar-icons)}.sass-com-sb-icon:hover{color:var(--side-bar-hover-icons)}
 
 .sass-com-img-figure{margin:0;position:relative}.sass-com-img-backdrop{background-color:var(--image-background,#E6E6E6);width:100%;overflow:hidden;position:relative;display:block;aspect-ratio:var(--aspect-ratio);border:var(--image-backdrop-border, 1px solid #C2C2C2)}.sass-com-img-backdropAux{padding-top:56.25%;width:100%;height:0;position:relative;display:block;box-sizing:border-box}@media(min-width:900px){.sass-com-img-backdropAux{padding-top:var(--heightImageOverwrite, 56.25%)}}@media(max-width:900px){.sass-com-img-backdropAux{padding-top:var(--heightImageOverwriteMobile, 56.25%)}}.sass-com-img-imageStyled{top:0;left:0;position:absolute;overflow:hidden;width:100%;height:100%;border-bottom:var(--section-img-card-border-bottom, 0px)}.sass-com-img-boxPlayIcon{width:100%;position:absolute;bottom:0;left:0;height:var(--image-box-play-icon-height, 72px);background:var(--image-box-play-icon-background)}.sass-com-img-playStyled{width:var(--image-play-width);height:var(--image-play-height);margin:var(--image-play-margin);position:absolute;bottom:-2px;left:-2px}.sass-com-img-playStyled path{fill:var(--image-play-fill)}.sass-com-img-playStyled rect{fill:var(--image-button-play-background, #FFFFFF)}.sass-com-img-imageLogoPlaceholder{padding:28.125% 0;border-radius:10px;background-color:var(--grey-300);position:relative;overflow:hidden;width:100%;aspect-ratio:var(--aspect-ratio);height:var(--heightImageOverwrite)}.sass-com-img-imageLogoPlaceholder>svg{position:absolute;fill:var(--primary-main);width:8rem;height:auto}.sass-com-img-imagePlaceholder{padding-top:56.25%;border-radius:10px;width:100%;aspect-ratio:var(--aspect-ratio);background:linear-gradient(100deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:loading 1.5s infinite linear}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}:has(.sass-com-img-imagePlaceholder)+div>*:empty{min-height:var(--fontSizeTitle, 22px);background:linear-gradient(100deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;border-radius:10px;animation:loading 1.5s infinite linear}@media(min-width:900px){.sass-com-img-backdropAux,.sass-com-img-imagePlaceholder{padding-top:var(--heightImageOverwrite, 56.25%)}}@media(max-width:900px){.sass-com-img-backdropAux,.sass-com-img-imagePlaceholder{padding-top:var(--heightImageOverwriteMobile, 56.25%)}}