@posiwise/core-styles 1.0.11 → 1.0.13

package/app.scss

@@ -1,10 +1,6 @@
 ////////////////////////////
 //   Font styling
 ///////////////////////////
-@import '../core-fonts/feather/style.min.css';
-@import '../core-fonts/simple-line-icons/style.css';
-@import 'css/google-fonts.css';
-
 ////////////////////////////
 //  Main Styling files
 ///////////////////////////
@@ -29,10 +25,20 @@
 // Plugins scss => Here we load the styles for the loaded plugins
 @import 'scss/plugins';
 
+// dynamic stylesheet
+@import 'scss/dynamic-styles';
+
 ////////////////////////////
 //  Other
 ///////////////////////////
 
+////////////////////////////
+//   Font styling
+///////////////////////////
+@import '../core-fonts/feather/style.min.css';
+@import '../core-fonts/simple-line-icons/style.css';
+@import 'css/google-fonts.css';
+
 // Loading quill
 @import 'quill/dist/quill.core.css';
 @import 'quill/dist/quill.bubble.css';
@@ -40,6 +46,3 @@
 
 // Loading ui-switch
 @import 'ngx-ui-switch/ui-switch.component';
-
-// dynamic stylesheet
-@import 'scss/dynamic-styles';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@posiwise/core-styles",
-    "version": "1.0.11",
+    "version": "1.0.13",
     "main": "index.js",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1"

package/scss/_dynamic-styles.scss

@@ -1,4 +1,5 @@
-@import 'variables';
+@use 'sass:map';
+@use 'variables' as *;
 
 :root {
     --titles: rgb(34 34 34);
@@ -595,9 +596,9 @@
             color: #fff !important;
         }
         .hopscotch-nav-button.prev {
-            background: map-get($grey, darken-1) !important;
-            background-color: map-get($grey, darken-1) !important;
-            border-color: map-get($grey, darken-1) !important;
+            background: map.get($grey, darken-1) !important;
+            background-color: map.get($grey, darken-1) !important;
+            border-color: map.get($grey, darken-1) !important;
             color: #fff !important;
             text-shadow: none !important;
         }
@@ -1346,7 +1347,7 @@ p {
 .content-quill-wrapper {
     margin: 0 auto;
     max-width: 1000px;
-    background: map-get($white-color, base);
+    background: map.get($white-color, base);
     border: 1px solid rgb(238, 238, 238);
 
     .content-quill-box {
@@ -1357,7 +1358,7 @@ p {
 @media only screen and (max-width: 1024px) {
     .content-quill-wrapper {
         padding: 1rem;
-        background: map-get($white-color, base);
+        background: map.get($white-color, base);
 
         .content-quill-box {
             padding: 1rem;
@@ -1368,7 +1369,7 @@ p {
 @media only screen and (max-width: 767px) {
     .content-quill-wrapper {
         padding: 0.5rem;
-        background: map-get($white-color, base);
+        background: map.get($white-color, base);
 
         .content-quill-box {
             padding: 0.5rem;

package/scss/_public-pages.scss

@@ -1,7 +1,7 @@
 // Loading partials
-@import 'public-pages/layout';
-@import 'public-pages/buttons';
-@import 'public-pages/input-fields';
+@forward 'public-pages/layout';
+@forward 'public-pages/buttons';
+@forward 'public-pages/input-fields';
 
 // Mixins
-@import 'public-pages/mixins/buttons';
+@forward 'public-pages/mixins/buttons';

package/scss/_shared.scss

@@ -1,3 +1,3 @@
-@import 'shared/prime-ng-tables'; // This is a collection of rich UI components for Angular
-@import 'shared/prime-ng'; // This is a collection of rich UI components for Angular
-@import 'shared/modal';
+@forward 'shared/prime-ng-tables';
+@forward 'shared/prime-ng';
+@forward 'shared/modal';

package/scss/_variables.scss

@@ -1,5 +1,5 @@
-@import 'variables/generic-variables';
-@import 'variables/branding-variables';
-@import 'variables/dashboard-variables';
-@import 'variables/app-colors-variables';
-@import 'variables/primeng-variables';
+@forward 'variables/generic-variables';
+@forward 'variables/branding-variables';
+@forward 'variables/dashboard-variables';
+@forward 'variables/app-colors-variables';
+@forward 'variables/primeng-variables';

package/scss/common/landing-page-a/landing-page-style-1.scss

@@ -1,4 +1,5 @@
-@import '../../variables';
+@use 'sass:map';
+@use '../../variables' as *;
 
 .register {
     background: rgb(255 255 255) url('/assets/img/landing-page/testimonial-bg.png') fixed center top;
@@ -53,7 +54,7 @@
     padding-right: 15px;
 
     h1 {
-        color: map-get($secondary, base);
+        color: map.get($secondary, base);
     }
 
     h3 {
@@ -390,7 +391,7 @@ label {
     }
 
     50% {
-        color: map-get($secondary, base);
+        color: map.get($secondary, base);
     }
 
     100% {
@@ -618,7 +619,7 @@ pw-signup-tabs-a {
 .primary-header,
 .blinking-text-wrapper {
     h1 {
-        color: map-get($secondary, base);
+        color: map.get($secondary, base);
     }
 
     h3 {

package/scss/common/landing-page-b/banner.scss

@@ -1,5 +1,5 @@
-@import 'variables/landing-page-new-variables';
-@import 'common/landing-page-b/landing-page-style-2';
+@use 'variables/landing-page-new-variables' as *;
+@use 'common/landing-page-b/landing-page-style-2' as *;
 
 .banner {
     background-attachment: scroll;

package/scss/common/landing-page-b/contact-us.scss

@@ -1,5 +1,5 @@
-@import 'variables/landing-page-new-variables';
-@import 'common/landing-page-b/landing-page-style-2';
+@use 'variables/landing-page-new-variables' as *;
+@use 'common/landing-page-b/landing-page-style-2' as *;
 
 .contact-us-section {
     background: url('/assets/img/products/trial/contact-us-bg.jpg') center;

package/scss/common/landing-page-b/explainer.scss

@@ -1,6 +1,6 @@
-@import 'variables/landing-page-new-variables';
-@import 'common/landing-page-b/landing-page-style-2';
-@import 'public-pages/mixins/buttons';
+@use 'variables/landing-page-new-variables' as *;
+@use 'common/landing-page-b/landing-page-style-2' as *;
+@use 'public-pages/mixins/buttons' as *;
 
 .product-explainer-section {
     background-color: $bg-color-black-grey;

package/scss/common/landing-page-b/explainer2.scss

@@ -1,6 +1,6 @@
-@import 'variables/landing-page-new-variables';
-@import 'common/landing-page-b/landing-page-style-2';
-@import 'public-pages/mixins/buttons';
+@use 'variables/landing-page-new-variables' as *;
+@use 'common/landing-page-b/landing-page-style-2' as *;
+@use 'public-pages/mixins/buttons' as *;
 
 .product-explainer-section {
     background: $bg-color-blue;

package/scss/common/landing-page-b/header.scss

@@ -1,13 +1,19 @@
-@import 'variables/landing-page-new-variables';
-@import 'common/landing-page-b/landing-page-style-2';
+@use 'variables/landing-page-new-variables' as *;
+@use 'common/landing-page-b/landing-page-style-2' as *;
 
 .navbar-custom-background {
     background-color: rgb(0 0 0 / 50%);
     box-shadow: 2px 2px 15px 2px rgb(0 0 0 / 12.2%);
-    transition: width 2s, height 2s, -webkit-transform 2s;
+    transition:
+        width 2s,
+        height 2s,
+        -webkit-transform 2s;
 
     /* Safari */
-    transition: width 2s, height 2s, transform 2s background-color 0.5s ease;
+    transition:
+        width 2s,
+        height 2s,
+        transform 2s background-color 0.5s ease;
     z-index: 9999;
 }
 

package/scss/common/landing-page-b/landing-page-style-2.scss

@@ -1,4 +1,4 @@
-@import 'variables/branding-variables';
+@use 'variables/branding-variables' as *;
 
 // ⚡ PERFORMANCE FIX: Use Roboto (already loaded) instead of Montserrat from Google CDN
 // This eliminates 1.7 second delay on CS2, CS3, CS4 pages