create-sitecore-jss 22.6.0-canary.4 → 22.6.0-canary.40

package/dist/templates/nextjs-sxa/src/assets/sass/base/links/_link-button.scss

@@ -1,26 +1,26 @@
-@import "@sass/abstracts/vars/colors";
-@import "@sass/abstracts/mixins";
-
-.button-default, .default {
-    @include default-link-button();
-    background: #f6f6f6;
-    color: $text-basic;
-}
-.button-success, .success {
-    @include default-link-button();
-    background: $btn-green-light;
-    color: $text-white;
-    &:hover {
-        color: $text-white;
-        background: $btn-green;
-    }
-}
-.button-warning, .warning {
-    @include default-link-button();
-    background: $btn-red;
-    color: $text-white;
-    &:hover {
-        color: $text-white;
-        background: $btn-red-active;
-    }
-}
+@import "@sass/abstracts/vars/colors";
+@import "@sass/abstracts/mixins";
+
+.button-default, .default {
+    @include default-link-button();
+    background: #f6f6f6;
+    color: $text-basic;
+}
+.button-success, .success {
+    @include default-link-button();
+    background: $btn-green-light;
+    color: $text-white;
+    &:hover {
+        color: $text-white;
+        background: $btn-green;
+    }
+}
+.button-warning, .warning {
+    @include default-link-button();
+    background: $btn-red;
+    color: $text-white;
+    &:hover {
+        color: $text-white;
+        background: $btn-red-active;
+    }
+}

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

@@ -1 +1 @@
-@import "link-button";
+@import "link-button";

package/dist/templates/nextjs-sxa/src/assets/sass/base/reset/_inputs.scss

@@ -1,58 +1,58 @@
-@import "@sass/abstracts/mixins";
-@import "@sass/abstracts/vars";
-
-label {
-    background: transparent;
-    color: $text-basic;
-}
-input, button {
-    display: inline-block;
-    box-sizing: border-box;
-    background: $bg-basic-color !important;
-    border: 1px solid $border-gray;
-    border-radius: 0 !important;
-    color: $text-basic;
-    font-weight: normal;
-    padding: 8px 2%;
-    clear: both;
-    height: auto;
-    font-size: $font-normal;
-}
-input:focus {
-    border: 1px solid $border-gray;
-}
-input[type="submit"], input[type="reset"], input[type="button"], button {
-    border: 1px solid $border-basic-color;
-    padding: 5px 20px;
-    &:hover {
-        background: $bg-light-gray !important;
-    }
-}
-input::-moz-focus-inner, button::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-input[type="text"] {
-    font-size: 13px;
-}
-input[type="text"], input[type="email"], input[type="password"], textarea, select {
-    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
-    color: $text-basic;
-    width: 100%;
-    background: #fff;
-    border: 1px solid $border-gray;
-}
-
-select {
-    display: inline-block;
-    vertical-align: middle;
-    *vertical-align: auto;
-    *zoom: 1;
-    *display: inline;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    outline: none;
-    cursor: pointer;
-    padding: 5px;
-}
+@import "@sass/abstracts/mixins";
+@import "@sass/abstracts/vars";
+
+label {
+    background: transparent;
+    color: $text-basic;
+}
+input, button {
+    display: inline-block;
+    box-sizing: border-box;
+    background: $bg-basic-color !important;
+    border: 1px solid $border-gray;
+    border-radius: 0 !important;
+    color: $text-basic;
+    font-weight: normal;
+    padding: 8px 2%;
+    clear: both;
+    height: auto;
+    font-size: $font-normal;
+}
+input:focus {
+    border: 1px solid $border-gray;
+}
+input[type="submit"], input[type="reset"], input[type="button"], button {
+    border: 1px solid $border-basic-color;
+    padding: 5px 20px;
+    &:hover {
+        background: $bg-light-gray !important;
+    }
+}
+input::-moz-focus-inner, button::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+input[type="text"] {
+    font-size: 13px;
+}
+input[type="text"], input[type="email"], input[type="password"], textarea, select {
+    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
+    color: $text-basic;
+    width: 100%;
+    background: #fff;
+    border: 1px solid $border-gray;
+}
+
+select {
+    display: inline-block;
+    vertical-align: middle;
+    *vertical-align: auto;
+    *zoom: 1;
+    *display: inline;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    outline: none;
+    cursor: pointer;
+    padding: 5px;
+}

package/dist/templates/nextjs-sxa/src/assets/sass/base/reset/_links.scss

@@ -1,14 +1,14 @@
-@import "@sass/abstracts/mixins";
-@import "@sass/abstracts/vars";
-
-a {
-    background-color: transparent;
-    text-decoration: none;
-    font-size: 1em;
-    color: $text-basic;
-    border-bottom: 1px solid $border-basic-color;
-    &:hover {
-        color: $text-basic-active;
-        text-decoration: none;
-    }
-}
+@import "@sass/abstracts/mixins";
+@import "@sass/abstracts/vars";
+
+a {
+    background-color: transparent;
+    text-decoration: none;
+    font-size: 1em;
+    color: $text-basic;
+    border-bottom: 1px solid $border-basic-color;
+    &:hover {
+        color: $text-basic-active;
+        text-decoration: none;
+    }
+}

package/dist/templates/nextjs-sxa/src/assets/sass/base/reset/_ui-datepicker.scss

@@ -1,7 +1,7 @@
-@import '@sass/abstracts/vars';
-
-.ui-datepicker-title {
-  select {
-    color: $text-basic;
-  }
-}
+@import '@sass/abstracts/vars';
+
+.ui-datepicker-title {
+  select {
+    color: $text-basic;
+  }
+}

package/dist/templates/nextjs-sxa/src/assets/sass/base/richtext/_richtext-files-icons.scss

@@ -1,86 +1,86 @@
-@import '~font-awesome/scss/mixins';
-@import '~font-awesome/scss/variables';
-@import "@sass/abstracts/mixins";
-
-//files icons
-.field-filetypeicon>a>span, .pdf, .xls, .xlsx, .pptx, .ppt, .docx, .doc, .bmp, .png, .jpg, .jpeg, .psd, .gif, .avi, .mp4, .wmv, .mov, .mp3, .wma, .txt, .zip {
-    display: inline-block;
-    box-sizing: border-box;
-    font-weight: normal;
-    width: 15px;
-    height: 21px;
-    margin: 0;
-    padding: 0;
-    position: relative;
-    &:before {
-        @include fa-icon();
-        font-size: 16px !important;
-        position: absolute;
-        display: block;
-        top: 50%;
-        margin: 0;
-        padding: 0;
-        transform: translateY(-50%);
-    }
-}
-.field-filetypeicon span:before {
-    content: $fa-var-file-o;
-}
-.field-filetypeicon {
-    .pdf:before {
-        content: $fa-var-file-pdf-o;
-    }
-    .xlsx, .xls {
-        &:before {
-            content: $fa-var-file-excel-o;
-        }
-    }
-    .pptx, .ppt {
-        &:before {
-            content: $fa-var-file-powerpoint-o;
-        }
-    }
-    .docx, .doc {
-        &:before {
-            content: $fa-var-file-word-o;
-        }
-    }
-    .bmp, .png, .jpg, .jpeg, .psd, .gif, .tif {
-        &:before {
-            content: $fa-var-file-image-o;
-        }
-    }
-    .avi, .mp4, .wmv, .mov, .mpg, .mkv, .vp6, .vid, .rv, .webm, .swf, .flv, .m4v, .h264, .mk3d, .gifv, .oggv, .movie, .divx {
-        &:before {
-            content: $fa-var-file-video-o;
-        }
-    }
-    .mp3, .wma, .wav, .fla, .flac, .ra, .rma, .aif, .aiff, .aa, .aac, .mid, .midi, .aax, .ac3, .au, .ogg, .avr, .m4a, .mp4a, .amz, .mka, .asx, .pcm, .m3u, .xwma {
-        &:before {
-            content: $fa-var-file-audio-o;
-        }
-    }
-    .txt:before {
-        content: $fa-var-file-text-o;
-    }
-    .zip, .zipx, .rar, .tar, .gz, .dmg, .iso {
-        &:before {
-            content: $fa-var-file-archive-o;
-        }
-    }
-    .css, .js, .py, .git, .py, .cpp, .h, .ini, .config {
-        &:before {
-            content: $fa-var-file-code-o;
-        }
-    }
-    .exe, .jar, .dll, .bat, .pl, .scr, .msi, .app, .deb, .apk, .jar, .vb, .prg, .sh {
-        &:before {
-            content: $fa-var-cogs;
-        }
-    }
-    .com, .net, .org, .edu, .gov, .mil, .html, .htm, .xhtml, .jhtml, .php, .php3, .php4, .php5, .phtmle, .asp, .aspx, .cfm {
-        &:before {
-            content: $fa-var-link;
-        }
-    }
-}
+@import '~font-awesome/scss/mixins';
+@import '~font-awesome/scss/variables';
+@import "@sass/abstracts/mixins";
+
+//files icons
+.field-filetypeicon>a>span, .pdf, .xls, .xlsx, .pptx, .ppt, .docx, .doc, .bmp, .png, .jpg, .jpeg, .psd, .gif, .avi, .mp4, .wmv, .mov, .mp3, .wma, .txt, .zip {
+    display: inline-block;
+    box-sizing: border-box;
+    font-weight: normal;
+    width: 15px;
+    height: 21px;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    &:before {
+        @include fa-icon();
+        font-size: 16px !important;
+        position: absolute;
+        display: block;
+        top: 50%;
+        margin: 0;
+        padding: 0;
+        transform: translateY(-50%);
+    }
+}
+.field-filetypeicon span:before {
+    content: $fa-var-file-o;
+}
+.field-filetypeicon {
+    .pdf:before {
+        content: $fa-var-file-pdf-o;
+    }
+    .xlsx, .xls {
+        &:before {
+            content: $fa-var-file-excel-o;
+        }
+    }
+    .pptx, .ppt {
+        &:before {
+            content: $fa-var-file-powerpoint-o;
+        }
+    }
+    .docx, .doc {
+        &:before {
+            content: $fa-var-file-word-o;
+        }
+    }
+    .bmp, .png, .jpg, .jpeg, .psd, .gif, .tif {
+        &:before {
+            content: $fa-var-file-image-o;
+        }
+    }
+    .avi, .mp4, .wmv, .mov, .mpg, .mkv, .vp6, .vid, .rv, .webm, .swf, .flv, .m4v, .h264, .mk3d, .gifv, .oggv, .movie, .divx {
+        &:before {
+            content: $fa-var-file-video-o;
+        }
+    }
+    .mp3, .wma, .wav, .fla, .flac, .ra, .rma, .aif, .aiff, .aa, .aac, .mid, .midi, .aax, .ac3, .au, .ogg, .avr, .m4a, .mp4a, .amz, .mka, .asx, .pcm, .m3u, .xwma {
+        &:before {
+            content: $fa-var-file-audio-o;
+        }
+    }
+    .txt:before {
+        content: $fa-var-file-text-o;
+    }
+    .zip, .zipx, .rar, .tar, .gz, .dmg, .iso {
+        &:before {
+            content: $fa-var-file-archive-o;
+        }
+    }
+    .css, .js, .py, .git, .py, .cpp, .h, .ini, .config {
+        &:before {
+            content: $fa-var-file-code-o;
+        }
+    }
+    .exe, .jar, .dll, .bat, .pl, .scr, .msi, .app, .deb, .apk, .jar, .vb, .prg, .sh {
+        &:before {
+            content: $fa-var-cogs;
+        }
+    }
+    .com, .net, .org, .edu, .gov, .mil, .html, .htm, .xhtml, .jhtml, .php, .php3, .php4, .php5, .phtmle, .asp, .aspx, .cfm {
+        &:before {
+            content: $fa-var-link;
+        }
+    }
+}

package/dist/templates/nextjs-sxa/src/assets/sass/base/richtext/_richtext.scss

@@ -1,101 +1,101 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: $text-heading-color;
-}
-h1,
-h2 {
-  margin: $small-margin 0;
-}
-h3,
-h4,
-p {
-  margin: $extrasmall-margin 0;
-}
-h5,
-h6 {
-  margin: $extrasmall-margin 0 0;
-}
-strong {
-  font-weight: 700;
-}
-ul,
-ol {
-  padding-bottom: $extrasmall-margin;
-  padding-top: $extrasmall-margin;
-  margin-left: $small-margin;
-}
-li {
-  font-size: $font-normal;
-  margin-left: 15px;
-}
-ul {
-  li {
-    list-style: disc;
-    list-style-position: inside;
-  }
-}
-ol {
-  li {
-    list-style: decimal;
-    list-style-position: inside;
-  }
-}
-a {
-  color: $rich-content-link-color;
-  text-decoration: underline;
-  font-size: 1em;
-  &:hover {
-    color: $rich-content-link-color-active;
-  }
-}
-table {
-  height: auto !important;
-  border: 2px solid $border-gray;
-  &,
-  tr,
-  th,
-  td {
-    border: solid 2px $border-gray;
-    background: $bg-basic-color;
-    border-collapse: collapse;
-    vertical-align: middle;
-  }
-  tr,
-  th,
-  td {
-    padding: 5px;
-  }
-  caption {
-    background-color: $bg-light-gray;
-    overflow: hidden;
-    padding: 10px;
-    font-size: $font-big;
-    font-weight: bold;
-    margin-left: 0;
-  }
-  tr {
-    border: none;
-  }
-  th,
-  td {
-    border-width: 2px 0 0 2px;
-  }
-  th {
-    background-color: lighten($bg-light-gray, 5%);
-    font-size: $font-normal;
-    font-weight: bold;
-    padding: 7px;
-    &:first-child {
-      border-left: 0;
-    }
-  }
-  td {
-    &:first-child {
-      border-left: 0;
-    }
-  }
-}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: $text-heading-color;
+}
+h1,
+h2 {
+  margin: $small-margin 0;
+}
+h3,
+h4,
+p {
+  margin: $extrasmall-margin 0;
+}
+h5,
+h6 {
+  margin: $extrasmall-margin 0 0;
+}
+strong {
+  font-weight: 700;
+}
+ul,
+ol {
+  padding-bottom: $extrasmall-margin;
+  padding-top: $extrasmall-margin;
+  margin-left: $small-margin;
+}
+li {
+  font-size: $font-normal;
+  margin-left: 15px;
+}
+ul {
+  li {
+    list-style: disc;
+    list-style-position: inside;
+  }
+}
+ol {
+  li {
+    list-style: decimal;
+    list-style-position: inside;
+  }
+}
+a {
+  color: $rich-content-link-color;
+  text-decoration: underline;
+  font-size: 1em;
+  &:hover {
+    color: $rich-content-link-color-active;
+  }
+}
+table {
+  height: auto !important;
+  border: 2px solid $border-gray;
+  &,
+  tr,
+  th,
+  td {
+    border: solid 2px $border-gray;
+    background: $bg-basic-color;
+    border-collapse: collapse;
+    vertical-align: middle;
+  }
+  tr,
+  th,
+  td {
+    padding: 5px;
+  }
+  caption {
+    background-color: $bg-light-gray;
+    overflow: hidden;
+    padding: 10px;
+    font-size: $font-big;
+    font-weight: bold;
+    margin-left: 0;
+  }
+  tr {
+    border: none;
+  }
+  th,
+  td {
+    border-width: 2px 0 0 2px;
+  }
+  th {
+    background-color: lighten($bg-light-gray, 5%);
+    font-size: $font-normal;
+    font-weight: bold;
+    padding: 7px;
+    &:first-child {
+      border-left: 0;
+    }
+  }
+  td {
+    &:first-child {
+      border-left: 0;
+    }
+  }
+}

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

@@ -1,2 +1,2 @@
-@import "richtext";
-@import "richtext-files-icons";
+@import "richtext";
+@import "richtext-files-icons";