create-sitecore-jss 22.2.0-canary.2 → 22.2.0-canary.20

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/reset/_inputs.scss

@@ -0,0 +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;
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/reset/_links.scss

@@ -0,0 +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;
+    }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/reset/_ui-datepicker.scss

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

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/richtext/_richtext-files-icons.scss

@@ -0,0 +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;
+        }
+    }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/richtext/_richtext.scss

@@ -0,0 +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;
+    }
+  }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/richtext/index.scss

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

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/typehead/_typehead.scss

@@ -0,0 +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;
+    }
+  }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/typehead/index.scss

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

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/_component-column-splitter.scss

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

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/_component-container.scss

@@ -0,0 +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();
+  }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/_component-image.scss

@@ -0,0 +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;
+    }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/_component-navigation.scss

@@ -0,0 +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/";

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/_component-promo.scss

@@ -0,0 +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";
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/_component-richtext-content.scss

@@ -0,0 +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";
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/common/_alignment.scss

@@ -0,0 +1,26 @@
+.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;
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/common/_boxed.scss

@@ -0,0 +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();
+    }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/common/_clearfix.scss

@@ -0,0 +1,11 @@
+@import "sass/abstracts/vars";
+@import "sass/abstracts/mixins";
+
+.component-content-clearfix {
+    .component-content {
+        @include clearfix;
+    }
+}
+.component-clearfix {
+    @include clearfix;
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/common/_highlighted.scss

@@ -0,0 +1,63 @@
+.highlighted-top {
+    background: #ffffff;
+    border-top-width: 3px;
+    border-top-color: #15909c;
+    border-style: solid;
+    padding: 25px;
+    margin: 0;
+}
+
+.highlighted-top h1,
+.highlighted-top h2,
+.highlighted-top h3,
+.highlighted-top h4 {
+    margin: 0 0 10px 0;
+}
+
+.highlighted-bottom {
+    background: #ffffff;
+    border-bottom-width: 3px;
+    border-bottom-color: #15909c;
+    border-style: solid;
+    padding: 25px;
+    margin: 0;
+}
+
+.highlighted-bottom h1,
+.highlighted-bottom h2,
+.highlighted-bottom h3,
+.highlighted-bottom h4 {
+    margin: 0 0 10px 0;
+}
+
+.highlighted-left {
+    background: #ffffff;
+    border-left-width: 3px;
+    border-left-color: #15909c;
+    border-style: solid;
+    padding: 25px;
+    margin: 0;
+}
+
+.highlighted-left h1,
+.highlighted-left h2,
+.highlighted-left h3,
+.highlighted-left h4 {
+    margin: 0 0 10px 0;
+}
+
+.highlighted-right {
+    background: #ffffff;
+    border-right-width: 3px;
+    border-right-color: #15909c;
+    border-style: solid;
+    padding: 25px;
+    margin: 0;
+}
+
+.highlighted-right h1,
+.highlighted-right h2,
+.highlighted-right h3,
+.highlighted-right h4 {
+    margin: 0 0 10px 0;
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/common/_link-button.scss

@@ -0,0 +1,16 @@
+@import "sass/abstracts/mixins";
+
+.link-button {
+    @import "sass/base/links/";
+}
+// Promo button
+.promo.link-button {
+    a {
+        @extend .button-default;
+    }
+}
+.link.link-button {
+    .is-empty-hint, .field-link span, a {
+        @include default-link-button();
+    }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/common/_promoted-box.scss

@@ -0,0 +1,3 @@
+.promoted-box {
+    border: none !important;
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/components/common/index.scss

@@ -0,0 +1,6 @@
+@import "alignment";
+@import "boxed";
+@import "clearfix";
+@import "highlighted";
+@import "link-button";
+@import "promoted-box";