@seliaco/giant-panda-components - npm Package Compare versions

Comparing version 1.0.26 to 1.0.27

dist/components/wrapper/WrapperAuthComponent.d.ts

@@ -8,4 +8,6 @@ import { LitElement } from "lit";
     get titleHtml(): import("lit-html").TemplateResult<1>;
+    get subtitleHtml(): import("lit-html").TemplateResult<1>;
+    get headerHtml(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
 //# sourceMappingURL=WrapperAuthComponent.d.ts.map

dist/index.js

@@ -450,4 +450,4 @@ (function (global, factory) {
       text-align: center;
-      width: 48px;
-      height: 48px;
+      width: 46px;
+      height: 46px;
       font-family: 'Open Sans';
@@ -458,2 +458,3 @@ font-size: 18px;
       color: var(--gray-80);
+      padding: 0;
     }
@@ -516,25 +517,41 @@
         get titleHtml() {
-            return x `${o(this.title)}`;
+            if (!this.title) {
+                return x ``;
+            }
+            return x `
+      <div class="wrapper-title heading-big">
+        ${o(this.title)}
+      </div>`;
         }
-        render() {
+        get subtitleHtml() {
+            if (!this.subtitle) {
+                return x ``;
+            }
+            return x `
+      <div class="body-small">
+        ${o(this.subtitle)}
+      </div>`;
+        }
+        get headerHtml() {
             const logo = assets.logotipo;
+            if (!this.logoText) {
+                return x ``;
+            }
             return x `
+      <div class="wrapper-header">
+        <img src="${logo}" alt="Selia" />
+        <div class="content-small">${this.logoText}</div>
+      </div>`;
+        }
+        render() {
+            return x `
       ${linkImport}
 
       <div class="wrapper">
-        <div class="wrapper-header">
-          <img src="${logo}" alt="Selia" />
-          <div class="content-small">${this.logoText}</div>
-        </div>
+        ${this.headerHtml}
 
+        ${this.titleHtml}
 
-        <div class="heading-big margin-lg-bottom">
-          ${this.titleHtml}
-        </div>
+        ${this.subtitleHtml}
 
-        <div class="body-small">
-          ${this.subtitle}
-        </div>
-
-
         <slot name="content"></slot>
@@ -548,5 +565,4 @@ </div>
       display: flex;
-      flex-direction: column;
+      flex-direction: column; 
       align-items: center;
-      gap: 8px;
       padding: 60px 40px;
@@ -558,12 +574,15 @@ margin: auto;
     .wrapper-header {
-      text-align: center;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      margin-bottom: 40px;
 
       img {
         width: 100px;
-        margin-bottom: 8px;
       }
     }
-      
-    .heading-big {
-      margin: 28px 0;
+
+    .wrapper-title {
+      text-align: center;
+      margin-bottom: 40px;
     }
@@ -573,3 +592,2 @@
       align-self: baseline;
-      margin-bottom: 16px;
     }
@@ -1065,3 +1083,3 @@ `;
       </div>
-  `;
+    `;
         }
@@ -1068,0 +1086,0 @@ ;

package.json

 {
-  "version": "1.0.26",
+  "version": "1.0.27",
   "name": "@seliaco/giant-panda-components",
@@ -4,0 +4,0 @@ "type": "module",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

77317

increased by0.79%

Lines of code

1464

increased by1.53%

No dependency changes