create-sitecore-jss 22.6.0-canary.3 → 22.6.0-canary.30

package/dist/templates/nextjs-sxa/src/assets/sass/base/typehead/_typehead.scss

@@ -1,95 +1,95 @@
-@import '@sass/abstracts/vars';
-@import '@sass/abstracts/mixins';
-
-.twitter-typeahead {
-  display: inline-block;
-  vertical-align: middle;
-  max-width: 100%;
-  width: 100%;
-}
-.tt-menu {
-  background: $bg-basic-color;
-  width: 100%;
-  border: 1px solid $border-gray;
-}
-.tt-hint {
-  color: $tt-color;
-}
-.tt-dropdown-menu {
-  width: 250px;
-  margin-top: 5px;
-  background-color: $tt-dropdown-bg;
-  border: 1px solid $tt-dropdown-border;
-  max-height: 300px;
-  overflow-y: auto;
-  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
-}
-.tt-suggestion {
-  padding: 4px 10px;
-  color: $tt-color;
-  overflow: hidden;
-  a {
-    text-decoration: none;
-  }
-  &:last-child {
-    border: none;
-  }
-  .field-image {
-    width: 100px;
-    float: left;
-    margin-right: 10px;
-  }
-  .field-make {
-    font-size: 15px;
-    float: left;
-    margin-right: 5px;
-  }
-  .field-model {
-    margin-left: 4px;
-    font-size: 15px;
-    font-weight: bold;
-    width: 100%;
-  }
-  .field-priceformatted {
-    float: right;
-    font-size: 15px;
-    color: $tt-price-color;
-    margin-top: -20px;
-  }
-}
-.tt-suggestion.tt-cursor {
-  color: $tt-color-active;
-  background-color: $tt-suggestion-bg-active;
-  cursor: pointer;
-}
-.loading-in-progress {
-  .tt-dropdown-menu {
-    display: block !important;
-    min-height: 50px;
-    position: relative;
-    &:after {
-      content: '';
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      margin-top: -20px;
-      margin-left: -20px;
-      height: 40px;
-      width: 50px;
-      display: block;
-      @include loading-gif();
-      z-index: 11;
-    }
-    &:before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background-color: $tt-dropdown-bg;
-      opacity: 0.8;
-      z-index: 10;
-    }
-  }
-}
+@import '@sass/abstracts/vars';
+@import '@sass/abstracts/mixins';
+
+.twitter-typeahead {
+  display: inline-block;
+  vertical-align: middle;
+  max-width: 100%;
+  width: 100%;
+}
+.tt-menu {
+  background: $bg-basic-color;
+  width: 100%;
+  border: 1px solid $border-gray;
+}
+.tt-hint {
+  color: $tt-color;
+}
+.tt-dropdown-menu {
+  width: 250px;
+  margin-top: 5px;
+  background-color: $tt-dropdown-bg;
+  border: 1px solid $tt-dropdown-border;
+  max-height: 300px;
+  overflow-y: auto;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
+}
+.tt-suggestion {
+  padding: 4px 10px;
+  color: $tt-color;
+  overflow: hidden;
+  a {
+    text-decoration: none;
+  }
+  &:last-child {
+    border: none;
+  }
+  .field-image {
+    width: 100px;
+    float: left;
+    margin-right: 10px;
+  }
+  .field-make {
+    font-size: 15px;
+    float: left;
+    margin-right: 5px;
+  }
+  .field-model {
+    margin-left: 4px;
+    font-size: 15px;
+    font-weight: bold;
+    width: 100%;
+  }
+  .field-priceformatted {
+    float: right;
+    font-size: 15px;
+    color: $tt-price-color;
+    margin-top: -20px;
+  }
+}
+.tt-suggestion.tt-cursor {
+  color: $tt-color-active;
+  background-color: $tt-suggestion-bg-active;
+  cursor: pointer;
+}
+.loading-in-progress {
+  .tt-dropdown-menu {
+    display: block !important;
+    min-height: 50px;
+    position: relative;
+    &:after {
+      content: '';
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      margin-top: -20px;
+      margin-left: -20px;
+      height: 40px;
+      width: 50px;
+      display: block;
+      @include loading-gif();
+      z-index: 11;
+    }
+    &:before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: $tt-dropdown-bg;
+      opacity: 0.8;
+      z-index: 10;
+    }
+  }
+}

package/dist/templates/nextjs-sxa/src/assets/sass/base/typehead/index.scss

@@ -1 +1 @@
-@import "typehead";
+@import "typehead";

package/dist/templates/nextjs-sxa/src/assets/sass/components/_component-column-splitter.scss

@@ -1,14 +1,14 @@
-@import '@sass/abstracts/vars';
-
-.row.column-splitter {
-    margin-left: 0;
-    margin-right: 0;
-    padding-left: $default-padding / 2;
-    padding-right: $default-padding / 2;
-    max-width: none;
-
-    > div {
-       padding-left: $default-padding;
-       padding-right: $default-padding;
-    }
-}
+@import '@sass/abstracts/vars';
+
+.row.column-splitter {
+    margin-left: 0;
+    margin-right: 0;
+    padding-left: $default-padding / 2;
+    padding-right: $default-padding / 2;
+    max-width: none;
+
+    > div {
+       padding-left: $default-padding;
+       padding-right: $default-padding;
+    }
+}

package/dist/templates/nextjs-sxa/src/assets/sass/components/_component-container.scss

@@ -1,27 +1,27 @@
-@import '@sass/abstracts/mixins';
-
-$size-padding: 8px;
-.container-wrapper {
-  width: 100%;
-}
-
-.component {
-  position: relative;
-  padding: 0 $size-padding;
-
-  @include respond-to(all-mobile) {
-    padding: 0;
-  }
-}
-
-.container {
-  padding: 0;
-
-  &.fullwidth-container {
-    max-width: unset;
-  }
-
-  .component-content {
-    @include clearfix();
-  }
-}
+@import '@sass/abstracts/mixins';
+
+$size-padding: 8px;
+.container-wrapper {
+  width: 100%;
+}
+
+.component {
+  position: relative;
+  padding: 0 $size-padding;
+
+  @include respond-to(all-mobile) {
+    padding: 0;
+  }
+}
+
+.container {
+  padding: 0;
+
+  &.fullwidth-container {
+    max-width: unset;
+  }
+
+  .component-content {
+    @include clearfix();
+  }
+}

package/dist/templates/nextjs-sxa/src/assets/sass/components/_component-image.scss

@@ -1,18 +1,18 @@
-@import "@sass/abstracts/vars";
-
-.image {
-    img {
-        max-width: 100%;
-        height: auto;
-    }
-    a {
-        display: inline-block;
-        max-width: 100%;
-    }
-    span {
-        display: block;
-        font-style: italic;
-        font-size: $font-small;
-        color: $image-caption-color;
-    }
-}
+@import "@sass/abstracts/vars";
+
+.image {
+    img {
+        max-width: 100%;
+        height: auto;
+    }
+    a {
+        display: inline-block;
+        max-width: 100%;
+    }
+    span {
+        display: block;
+        font-style: italic;
+        font-size: $font-small;
+        color: $image-caption-color;
+    }
+}

package/dist/templates/nextjs-sxa/src/assets/sass/components/_component-navigation.scss

@@ -1,51 +1,51 @@
-@import "@sass/abstracts/mixins";
-@import "@sass/abstracts/vars";
-
-.navigation {
-  background: $nav-bg;
-  ul {
-    padding-left: 0;
-  }
-  .level0, .level1 {
-      >.navigation-title>a {
-          font-size: $navigation-font-basic;
-          border-color: $nav-border-root;
-          border-style: solid;
-          border-width: 0 0 2px 0;
-          padding-right: 10px;
-          margin-right: 5px;
-          &:hover {
-              text-decoration: none;
-          }
-      }
-  }
-  a {
-      color: $nav-color-root;
-      .lt-ie9 &, .lt-ie9 & span {
-          color: $nav-color-root;
-      }
-      &:focus, &:hover {
-          color: $nav-color-root-active;
-      }
-  }
-  li {
-      &.submenu {
-          margin-bottom: 0;
-      }
-      >.navigation-title {
-          >a {
-              padding: 3px 5px 3px 0;
-              display: block;
-              color: $nav-color-root;
-              text-decoration: none;
-          }
-      }
-      >ul a {
-          font-size: $navigation-font-basic-submenu;
-      }
-  }
-  .submenu>ul {
-      padding-left: 10px;
-  }
-}
-@import "@sass/components/navigation/";
+@import "@sass/abstracts/mixins";
+@import "@sass/abstracts/vars";
+
+.navigation {
+  background: $nav-bg;
+  ul {
+    padding-left: 0;
+  }
+  .level0, .level1 {
+      >.navigation-title>a {
+          font-size: $navigation-font-basic;
+          border-color: $nav-border-root;
+          border-style: solid;
+          border-width: 0 0 2px 0;
+          padding-right: 10px;
+          margin-right: 5px;
+          &:hover {
+              text-decoration: none;
+          }
+      }
+  }
+  a {
+      color: $nav-color-root;
+      .lt-ie9 &, .lt-ie9 & span {
+          color: $nav-color-root;
+      }
+      &:focus, &:hover {
+          color: $nav-color-root-active;
+      }
+  }
+  li {
+      &.submenu {
+          margin-bottom: 0;
+      }
+      >.navigation-title {
+          >a {
+              padding: 3px 5px 3px 0;
+              display: block;
+              color: $nav-color-root;
+              text-decoration: none;
+          }
+      }
+      >ul a {
+          font-size: $navigation-font-basic-submenu;
+      }
+  }
+  .submenu>ul {
+      padding-left: 10px;
+  }
+}
+@import "@sass/components/navigation/";

package/dist/templates/nextjs-sxa/src/assets/sass/components/_component-promo.scss

@@ -1,42 +1,42 @@
-@import "@sass/abstracts/vars";
-@import "@sass/abstracts/mixins";
-
-.promo {
-    background: $promo-bg;
-    padding: 15px;
-    overflow: hidden;
-    box-sizing: border-box;
-    >.component-content {
-        position: relative;
-        @include clearfix();
-        @include border-basic(all, $promo-border);
-
-        >div {
-            padding: 5px;
-        }
-    }
-    .zg-height-fix {
-        .field-promoicon {
-            margin-top: 100px;
-        }
-    }
-    .field-promoicon {
-        overflow: hidden;
-        width: 100%;
-        img {
-            width: 100%;
-            height: auto;
-        }
-    }
-    .field-promolink {
-        margin-top: 5px;
-        padding-bottom: 10px;
-    }
-    &.image-full-size {
-        img {
-            margin-bottom: 10px;
-        }
-    }
-    @import "@sass/variants/promo";
-    @import "@sass/base/richtext/richtext";
-}
+@import "@sass/abstracts/vars";
+@import "@sass/abstracts/mixins";
+
+.promo {
+    background: $promo-bg;
+    padding: 15px;
+    overflow: hidden;
+    box-sizing: border-box;
+    >.component-content {
+        position: relative;
+        @include clearfix();
+        @include border-basic(all, $promo-border);
+
+        >div {
+            padding: 5px;
+        }
+    }
+    .zg-height-fix {
+        .field-promoicon {
+            margin-top: 100px;
+        }
+    }
+    .field-promoicon {
+        overflow: hidden;
+        width: 100%;
+        img {
+            width: 100%;
+            height: auto;
+        }
+    }
+    .field-promolink {
+        margin-top: 5px;
+        padding-bottom: 10px;
+    }
+    &.image-full-size {
+        img {
+            margin-bottom: 10px;
+        }
+    }
+    @import "@sass/variants/promo";
+    @import "@sass/base/richtext/richtext";
+}

package/dist/templates/nextjs-sxa/src/assets/sass/components/_component-richtext-content.scss

@@ -1,19 +1,19 @@
-@import "@sass/abstracts/vars";
-@import "@sass/abstracts/mixins";
-
-.content, .rich-text {
-    border: $rich-content-border;
-    line-height: 1.5;
-    font-size: 12px;
-    overflow: hidden;
-    * {
-        max-width: 100%;
-    }
-    @import "@sass/base/richtext";
-}
-.rich-text  {
-    @import "@sass/variants/rich-text";
-}
-.content {
-    @import "@sass/variants/page-content";
-}
+@import "@sass/abstracts/vars";
+@import "@sass/abstracts/mixins";
+
+.content, .rich-text {
+    border: $rich-content-border;
+    line-height: 1.5;
+    font-size: 12px;
+    overflow: hidden;
+    * {
+        max-width: 100%;
+    }
+    @import "@sass/base/richtext";
+}
+.rich-text  {
+    @import "@sass/variants/rich-text";
+}
+.content {
+    @import "@sass/variants/page-content";
+}

package/dist/templates/nextjs-sxa/src/assets/sass/components/common/_alignment.scss

@@ -1,53 +1,53 @@
-@import '~bootstrap/scss/functions';
-@import '~bootstrap/scss/variables';
-@import '~bootstrap/scss/mixins';
-
-$breakpoints: sm, md, lg, xl, xxl;
-
-.position-left,
-.position-left * {
-  text-align: left !important;
-}
-
-.position-right,
-.position-right * {
-  text-align: right !important;
-}
-
-.position-center,
-.position-center * {
-  text-align: center !important;
-}
-
-.position-left select {
-  direction: ltr !important;
-}
-
-.position-right select {
-  direction: rtl !important;
-}
-
-.position-center select {
-  text-align-last: center !important;
-}
-
-@mixin auto-margins($breakpoint) {
-  @include media-breakpoint-up(#{$breakpoint}) {
-    .ms-#{$breakpoint}-auto {
-      margin-left: auto !important;
-      margin-right: 0 !important;
-    }
-    .me-#{$breakpoint}-auto {
-      margin-right: auto !important;
-      margin-left: 0 !important;
-    }
-    .mx-#{$breakpoint}-auto {
-      margin-right: auto !important;
-      margin-left: auto !important;
-    }
-  }
-}
-
-@each $breakpoint in $breakpoints {
-  @include auto-margins($breakpoint);
-}
+@import '~bootstrap/scss/functions';
+@import '~bootstrap/scss/variables';
+@import '~bootstrap/scss/mixins';
+
+$breakpoints: sm, md, lg, xl, xxl;
+
+.position-left,
+.position-left * {
+  text-align: left !important;
+}
+
+.position-right,
+.position-right * {
+  text-align: right !important;
+}
+
+.position-center,
+.position-center * {
+  text-align: center !important;
+}
+
+.position-left select {
+  direction: ltr !important;
+}
+
+.position-right select {
+  direction: rtl !important;
+}
+
+.position-center select {
+  text-align-last: center !important;
+}
+
+@mixin auto-margins($breakpoint) {
+  @include media-breakpoint-up(#{$breakpoint}) {
+    .ms-#{$breakpoint}-auto {
+      margin-left: auto !important;
+      margin-right: 0 !important;
+    }
+    .me-#{$breakpoint}-auto {
+      margin-right: auto !important;
+      margin-left: 0 !important;
+    }
+    .mx-#{$breakpoint}-auto {
+      margin-right: auto !important;
+      margin-left: auto !important;
+    }
+  }
+}
+
+@each $breakpoint in $breakpoints {
+  @include auto-margins($breakpoint);
+}

package/dist/templates/nextjs-sxa/src/assets/sass/components/common/_boxed.scss

@@ -1,16 +1,16 @@
-@import "@sass/abstracts/vars";
-@import "@sass/abstracts/mixins";
-
-.boxed {
-    box-sizing: border-box;
-    margin: 20px 0;
-    @include respond-to(tablet) {
-        padding: 10px;
-    }
-    @include respond-to(mobile) {
-        padding: 10px;
-    }
-    >div {
-        @include wrapper();
-    }
-}
+@import "@sass/abstracts/vars";
+@import "@sass/abstracts/mixins";
+
+.boxed {
+    box-sizing: border-box;
+    margin: 20px 0;
+    @include respond-to(tablet) {
+        padding: 10px;
+    }
+    @include respond-to(mobile) {
+        padding: 10px;
+    }
+    >div {
+        @include wrapper();
+    }
+}