simpo-component-library 2.1.94 → 2.1.96

package/lib/ecommerce/sections/authentication-required/authentication-required.component.d.ts

@@ -45,7 +45,7 @@ export declare class AuthenticationRequiredComponent {
     validateNumber(event: KeyboardEvent): void;
     validateOTP(event: KeyboardEvent): void;
     checkStrength(): void;
-    getStrengthColor(index: number): "tomato" | "#d3d3d3ba" | "orange" | "yellow" | "lightgreen";
+    getStrengthColor(index: number): "yellow" | "tomato" | "#d3d3d3ba" | "orange" | "lightgreen";
     get isEmailValid(): boolean;
     get isPasswordValid(): boolean;
     get isMobile(): boolean;

package/lib/elements/index.d.ts

@@ -10,8 +10,9 @@ import * as i8 from "./socia-icons/socia-icons.component";
 import * as i9 from "./card-skeleton-loader/card-skeleton-loader.component";
 import * as i10 from "./svg-divider/svg-divider.component";
 import * as i11 from "./property/property.component";
+import * as i12 from "./portfolio/portfolio.component";
 export declare class SimpoElementsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SimpoElementsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SimpoElementsModule, never, [typeof i1.ButtonElementComponent, typeof i2.TextElementComponent, typeof i3.BelowImageCardComponent, typeof i4.TopOfImageCardComponent, typeof i5.CoveringImageCardComponent, typeof i6.HeadingElementComponent, typeof i7.SimpoButtonComponent, typeof i8.SociaIconsComponent, typeof i9.CardSkeletonLoaderComponent, typeof i10.SvgDividerComponent, typeof i11.PropertyComponent], [typeof i1.ButtonElementComponent, typeof i2.TextElementComponent, typeof i3.BelowImageCardComponent, typeof i4.TopOfImageCardComponent, typeof i5.CoveringImageCardComponent, typeof i6.HeadingElementComponent, typeof i7.SimpoButtonComponent, typeof i8.SociaIconsComponent, typeof i9.CardSkeletonLoaderComponent, typeof i10.SvgDividerComponent, typeof i11.PropertyComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SimpoElementsModule, never, [typeof i1.ButtonElementComponent, typeof i2.TextElementComponent, typeof i3.BelowImageCardComponent, typeof i4.TopOfImageCardComponent, typeof i5.CoveringImageCardComponent, typeof i6.HeadingElementComponent, typeof i7.SimpoButtonComponent, typeof i8.SociaIconsComponent, typeof i9.CardSkeletonLoaderComponent, typeof i10.SvgDividerComponent, typeof i11.PropertyComponent, typeof i12.PortfolioComponent], [typeof i1.ButtonElementComponent, typeof i2.TextElementComponent, typeof i3.BelowImageCardComponent, typeof i4.TopOfImageCardComponent, typeof i5.CoveringImageCardComponent, typeof i6.HeadingElementComponent, typeof i7.SimpoButtonComponent, typeof i8.SociaIconsComponent, typeof i9.CardSkeletonLoaderComponent, typeof i10.SvgDividerComponent, typeof i11.PropertyComponent, typeof i12.PortfolioComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SimpoElementsModule>;
 }

package/lib/elements/portfolio/portfolio.component.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class PortfolioComponent {
+    property_list: {
+        name: string;
+        sq_ft: string;
+        price: string;
+        color: string;
+    }[];
+    dropDownValues: string[];
+    topCards: {
+        icon: string;
+        text: string;
+        count: string;
+    }[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<PortfolioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PortfolioComponent, "simpo-portfolio", never, {}, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simpo-component-library",
-  "version": "2.1.94",
+  "version": "2.1.96",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0",

package/src/lib/styles/global-styles.css

@@ -1,86 +1,86 @@
-@media screen and (min-width: 1280px) {
-  .content-side {
-    h1 {
-      font-size: 72px!important;
-      line-height: 80px!important;
-    }
-    h2 {
-      font-size: 48px!important;
-      line-height: 56px!important;
-    }
-    h3 {
-      font-size: 32px!important;
-      line-height: 40px!important;
-    }
-    h4 {
-      font-size: 24px!important;
-      line-height: 36px!important;
-    }
-    h5 {
-      font-size: 18px!important;
-      line-height: 28px!important;
-    }
-    p{
-      font-size: 16px!important;
-      line-height: 21px!important;
-    }
-  }
-
-}
-
-@media screen and (min-width: 768px) {
-  .content-side {
-    h1 {
-      font-size: 46px;
-      line-height: 54px;
-    }
-    h2 {
-      font-size: 35px;
-      line-height: 42px;
-    }
-    h3 {
-      font-size: 28px;
-      line-height: 36px;
-    }
-    h4 {
-      font-size: 18px;
-      line-height: 26px;
-    }
-    h5 {
-      font-size: 16px;
-      line-height: 24px;
-    }
-    p{
-      font-size: 14px;
-      line-height: 21px;
-    }
-  }
-
-}
-
-.content-side {
-  h1 {
-    font-size: 36px;
-    line-height: 42px;
-  }
-  h2 {
-    font-size: 30px;
-    line-height: 36px;
-  }
-  h3 {
-    font-size: 24px;
-    line-height: 32px;
-  }
-  h4 {
-    font-size: 18px;
-    line-height: 26px;
-  }
-  h5 {
-    font-size: 16px;
-    line-height: 24px;
-  }
-  p{
-    font-size: 14px;
-    line-height: 21px;
-  }
-}
+@media screen and (min-width: 1280px) {
+  .content-side {
+    h1 {
+      font-size: 72px!important;
+      line-height: 80px!important;
+    }
+    h2 {
+      font-size: 48px!important;
+      line-height: 56px!important;
+    }
+    h3 {
+      font-size: 32px!important;
+      line-height: 40px!important;
+    }
+    h4 {
+      font-size: 24px!important;
+      line-height: 36px!important;
+    }
+    h5 {
+      font-size: 18px!important;
+      line-height: 28px!important;
+    }
+    p{
+      font-size: 16px!important;
+      line-height: 21px!important;
+    }
+  }
+
+}
+
+@media screen and (min-width: 768px) {
+  .content-side {
+    h1 {
+      font-size: 46px;
+      line-height: 54px;
+    }
+    h2 {
+      font-size: 35px;
+      line-height: 42px;
+    }
+    h3 {
+      font-size: 28px;
+      line-height: 36px;
+    }
+    h4 {
+      font-size: 18px;
+      line-height: 26px;
+    }
+    h5 {
+      font-size: 16px;
+      line-height: 24px;
+    }
+    p{
+      font-size: 14px;
+      line-height: 21px;
+    }
+  }
+
+}
+
+.content-side {
+  h1 {
+    font-size: 36px;
+    line-height: 42px;
+  }
+  h2 {
+    font-size: 30px;
+    line-height: 36px;
+  }
+  h3 {
+    font-size: 24px;
+    line-height: 32px;
+  }
+  h4 {
+    font-size: 18px;
+    line-height: 26px;
+  }
+  h5 {
+    font-size: 16px;
+    line-height: 24px;
+  }
+  p{
+    font-size: 14px;
+    line-height: 21px;
+  }
+}