create-sitecore-jss 22.2.0-canary.4 → 22.2.0-canary.6

package/dist/templates/angular-xmcloud/src/assets/styles/sass/abstracts/vars/_colors.scss

@@ -0,0 +1,283 @@
+//Backgrounds colors
+$bg-transparent:transparent !default;
+$bg-basic-color:#FFFFFF !default;
+$bg-basic-color-active: #cccccc !default;
+$bg-light-gray: #f7f7f7 !default;
+$bg-light-gray-active: #dadada !default;
+$bg-blue:#89C6CC;
+$bg-blue-active: #15909c !default;
+$bg-submenu:#edebeb !default;
+$bg-submenu-active:#f6f6f6 !default;
+$bg-black:#000;
+$bg-black-active:#3d3d3d;
+$bg-dark-gray: #262626;
+//Text colors
+$text-white:#fff !default;
+$text-heading-color: #222 !default;
+$text-basic:#747474 !default;
+$text-basic-active:#878787 !default;
+$text-blue:#89C6CC !default;
+$text-blue-active:#15909c !default;
+$text-submenu-active: #222 !default;
+$text-disabled: #aaa !default;
+$text-black: #000 !default;
+$text-red:#de232f;
+$text-gray: #262626;
+//Border colors
+$border-gray: #d2d2d2 !default;
+$border-white: #ffffff !default;
+$border-basic-color: #89C6CC !default;
+$border-basic-active:#15909c !default;
+$border-nav-submenu:#e1e1e1;
+//Styles for each component separately
+//Accordion
+$accordion-header-bg: transparent;
+$accordion-header-bg-active: transparent;
+$accordion-toggled-bg: transparent;
+$accordion-header-border: $border-gray;
+//Breadcrumb
+$breadcrumb-dropdown-bg:$bg-basic-color;
+$breadcrumb-dropdown-bg-active:$bg-blue;
+$breadcrumb-dropdown-text-active:$text-white;
+$breadcrumb-bg:transparent;
+$breadcrumb-color:$text-basic;
+$breadcrumb-color-active:$text-blue-active;
+//Buttons colors
+$btn-green-light: #a0ce4e;
+$btn-green: #92be43;
+$btn-red-active: #c34e30;
+$btn-red: #bc4526;
+//Carousel
+$carousel-bg:$bg-basic-color;
+$carousel-nav:$text-black;
+$carousel-nav-active:$text-basic-active;
+$carousel-nav-border:$border-basic-color;
+//Container component
+$container-title-row-bg: $bg-light-gray;
+//Event List
+$event-list-bg:transparent;
+$event-list-item-bg:$bg-basic-color;
+$event-list-item-color:$text-basic;
+$event-list-title-border:$border-basic-color;
+//Calendar
+$calendar-bg:$bg-basic-color;
+$calendar-header-bg:$bg-basic-color-active;
+$calendar-day-color-active:$text-white;
+$calendar-title-color:$text-white;
+//Feed
+$feed-bg:transparent;
+$feed-item-bg:transparent;
+//Field Editor
+$field-editor-bg:transparent;
+$field-editor-table-border:$bg-light-gray;
+$field-editor-text-header:$text-black;
+$field-editor-text-header-active:$text-red;
+$field-editor-text:$text-basic;
+//File List
+$file-list-bg:transparent;
+$file-list-item-bg:transparent;
+$file-list-title-color:$text-basic;
+$file-list-title-border:transparent;
+$file-list-item-color:$text-basic;
+$file-list-item-color-active:$text-basic-active;
+$file-list-item-size:$text-basic;
+$file-list-item-borer:$border-basic-color;
+$file-list-link-btn-color-active:$text-white;
+$file-list-link-btn-color:$text-basic;
+$file-list-link-btn-bg:$bg-blue-active;
+$file-list-link-btn-bg-active:$bg-blue;
+//Flip
+$flip-bg:transparent;
+$flip-slides-bg:$bg-basic-color;
+$flip-slides0-bg:#f6f6f6;
+$flip-slides1-bg:$bg-blue-active;
+$flip-slides1-color:$text-white;
+$flip-border:$border-gray;
+//Gallery
+$galleria-container-bg:transparent;
+$gallery-info-bg:$bg-basic-color;
+$gallery-info-border:$border-gray;
+$gallery-info-text:$text-basic;
+$gallery-nav-active:$text-white;
+$gallery-nav:$text-basic;
+$gallery-counter-color:$text-white;
+//Language selector
+$lang-selector-bg:$bg-basic-color;
+$lang-selector-border:$border-basic-color;
+$lang-selector-item-bg-active:$bg-basic-color;
+$lang-selector-item-border:$border-white;
+$lang-selector-item-border-active:$border-basic-active;
+//Site selector
+$site-selector-color:$text-basic;
+//Link List
+$link-list-bg:transparent;
+$link-list-header-border:$border-basic-color;
+$link-list-items-bg:transparent;
+$link-list-item-bg:transparent;
+$link-list-item-color:$text-basic;
+$link-list-item-color-active:$text-basic-active;
+$link-list-item-border-active:$border-basic-color;
+//Login
+$login-bg:transparent;
+//Logout
+$logout-bg:transparent;
+$logout-link-text-color:$text-basic;
+$logout-link-text-color-active:$text-basic-active;
+$logout-link-border:$border-basic-color;
+//Map
+$map-bg:transparent;
+$map-border:none;
+//Page List
+$page-list-bg:$bg-transparent;
+$page-list-item-bg:$bg-transparent;
+$page-list-item-title-text:$text-black;
+$page-list-item-border:$border-basic-color;
+//Pagination
+$list-pagination-bg:transparent;
+$list-pagination-active-bg:$bg-blue;
+$list-pagination-active-color:$text-white;
+$list-pagination-active-color:$text-blue;
+$list-pagination-active-bg:$bg-submenu-active;
+$list-pagination-active-border:$border-basic-active;
+//Play list 
+$play-list-bg:transparent;
+$play-list-item-bg:transparent;
+$play-list-item-color:$text-basic;
+$play-list-item-color-active:$text-white;
+$play-list-nav-active:$text-blue;
+$play-list-item-bg:$bg-light-gray;
+$play-list-item-active-bg:$bg-blue;
+$play-list-border:$border-basic-color;
+$play-list-title-border:$border-basic-color;
+//Promo
+$promo-bg:$bg-basic-color;
+$promo-bg-hero:rgba(0, 0, 0, 0.5);
+$promo-border:$border-gray;
+$promo-hero-text-color:$text-white;
+$promo-shadow-border:$border-basic-color;
+//Rich Text Content
+$rich-content-bg:transparent;
+$rich-content-color:$text-basic;
+$rich-content-border:transparent;
+$rich-content-link-color:$text-red;
+$rich-content-link-color-active:$text-basic-active;
+//Search
+$search-filter:$text-basic;
+$search-filter-border:$border-basic-color;
+//Menu colors
+$menu-hover-color:#1b809e;
+$menu-active-color:#176f89;
+//Navigation
+$nav-bg:transparent;
+$nav-color-root:$text-basic;
+$nav-color-root-active:$text-basic;
+$nav-border-root:$border-basic-color;
+$nav-border-root-active:$border-basic-color;
+$nav-color-submenu:$text-submenu-active;
+$nav-color-submenu-active:$text-submenu-active;
+$nav-bg-root:$bg-submenu-active;
+$nav-bg-submenu:$bg-submenu-active;
+$nav-bg-submenu-active:$bg-submenu-active;
+$nav-border-submenu:$border-basic-color;
+$nav-submenu-item-border:$border-gray;
+$nav-submenu-border-active:$border-basic-color;
+//Social Media Share
+$social-media-share-bg:transparent;
+//Tabs
+$tab-heading-bg:$bg-light-gray;
+$tab-heading-active-bg:$bg-basic-color;
+$tab-heading-color:$text-heading-color;
+$tab-heading-active-color:$text-black;
+$tab-container-bg:transparent;
+$tab-container-border:$border-basic-color;
+//Title
+$title-bg:transparent;
+$title-color:$text-basic;
+$title-color-active:$text-basic-active;
+//Toggle
+$toggle-header-bg:$bg-basic-color;
+$toggle-content-bg:$bg-basic-color;
+$toggle-show-color:$text-basic-active;
+//Search Components
+$search-btn-bg:transparent;
+$search-btn-active-bg:#e0e0e0;
+$search-btn-active-border:#adadad;
+//Image component
+$image-caption-color:$text-basic;
+//Media Link Component
+$media-link-bg:transparent;
+$media-link-border:$border-basic-color;
+$media-link-color:$text-basic;
+$media-link-color-active:$text-basic-active;
+//Tag Component
+$tag-color:$text-basic;
+$tag-color-active:$text-basic-active;
+$tag-border-active:$border-basic-active;
+$tag-link-bg :$bg-blue;
+$tag-link-bg-active :$bg-blue-active;
+$tag-link-color :$text-white;
+//Link Component
+$link-bg:transparent;
+$link-text-color:$text-basic;
+$link-text-color-active:$text-basic-active;
+$link-border:$border-basic-color;
+//Overlay
+$overlay-bg:$bg-light-gray;
+//Search Components
+$search-title-border:$border-basic-color;
+$search-title-color:$text-basic;
+$search-item-color:$text-basic;
+$search-item-color-active:$text-basic;
+$search-item-border:$border-basic-color;
+$search-item-border-active:$border-basic-active;
+//
+//Search Facet Summary
+$search-facet-summary-border:transparent;
+$search-facet-summary-background:transparent;
+$search-facet-summary-item-color:$text-basic;
+$search-facet-summary-item-color-horizontal:$text-basic;
+$search-facet-summary-item-border:$border-gray;
+$search-facet-summary-item-border-horizontal:$border-basic-color;
+$search-facet-summary-item-shadow:$border-gray;
+$search-facet-summary-clear-border-horizontal:$btn-red;
+$search-facet-summary-clear-color:$text-red;
+$search-facet-summary-clear-color-horizontal:$text-blue;
+//
+$search-filter-radius-active:$text-blue;
+$search-filter-radius-border:$border-gray;
+$search-filter-radius-bg:$border-gray;
+//
+$search-filter-slider-border-active:$border-basic-color;
+$search-filter-slider-bg-active:$bg-blue;
+$search-filter-slider-btn-border:$border-gray;
+$search-filter-slider-btn-bg:$bg-light-gray;
+$search-filter-slider-btn-bg-active:$bg-light-gray-active;
+//Serach Pagination
+$search-pagination-bg:transparent;
+$search-pagination-active-bg:$bg-blue;
+$search-pagination-active-color:$text-white;
+$search-pagination-hover-color:$text-blue;
+$search-pagination-hover-bg:$bg-submenu-active;
+$search-pagination-hover-border:$border-basic-active;
+//Search selector
+$serach-selector-variant-color-active: $text-blue-active;
+//Typehead
+$tt-color:$text-basic;
+$tt-color-active:$text-blue;
+$tt-price-color:$text-blue;
+$tt-dropdown-bg:$bg-light-gray;
+$tt-suggestion-bg-active:$bg-light-gray-active;
+$tt-dropdown-border:$border-gray;
+//Video
+$video-control-bg:$bg-basic-color;
+$video-time-color:$text-basic;
+$video-time-total-bg:$bg-black;
+$video-time-handle-border:$border-gray;
+$video-time-handle-bg:$bg-black;
+//Form component
+$form-bg: transparent;
+$form-border: transparent;
+$form-color: $text-basic;
+//Main
+$page-bg: $bg-basic-color;
+$page-bg-editor:none;

package/dist/templates/angular-xmcloud/src/assets/styles/sass/abstracts/vars/_fontSizes.scss

@@ -0,0 +1,16 @@
+$font-small:11px;
+$font-normal:13px;
+$font-medium:16px;
+$font-big:20px;
+$font-extrabig:24px;
+//Navigation
+$navigation-font-basic:18px;
+$navigation-font-basic-submenu:14px;
+//Tabs
+$tab-font-header:16px;
+//Accordion
+$accordion-header:16px;
+//Breadcrumb
+$breadcrumb-font:15px;
+// Link List
+$link-list-title-font:15px;

package/dist/templates/angular-xmcloud/src/assets/styles/sass/abstracts/vars/_margins.scss

@@ -0,0 +1,11 @@
+$default-padding:5px;
+$default-inputs-padding:12px 10px;
+
+$extrasmall-margin-bottom: 2px;
+$extrasmall-margin:5px;
+$small-margin:10px;
+$middle-margin:20px;
+$large-margin:30px;
+$extralarge-margin:40px;
+
+$small-padding:10px;

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/fonts/_fonts.scss

@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');

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

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

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

@@ -0,0 +1,3 @@
+@import "fonts";
+@import "links";
+@import "reset/ui-datepicker";

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/links/_link-button.scss

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

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

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

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";