nuudel-core 0.2.107 → 0.2.109

package/build/main/lib/components/Button/style.scss

@@ -0,0 +1,3 @@
+.button {
+  overflow: hidden;
+}

package/build/main/lib/components/ColorPicker/styles.module.scss

@@ -0,0 +1,71 @@
+/**
+ * color picker 
+ */
+
+.picker {
+    position: relative;
+    border-radius: 5px;
+    max-height: 30px;
+    min-width: 200px;
+}
+
+.row {
+    display: flex;
+    flex-direction: row;
+
+    >span {
+        line-height: 28px;
+    }
+}
+
+.input {
+    display: block;
+    box-sizing: border-box;
+    width: 90px;
+    height: 30px;
+    margin: 8px 0 8px 5px;
+    padding: 6px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    background: #eee;
+    outline: none;
+    font: inherit;
+    text-transform: uppercase;
+    text-align: center;
+}
+
+.swatch {
+    width: 28px;
+    height: 28px;
+    border-radius: 8px;
+    border: 3px solid #fff;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+    margin-right: 8px;
+}
+
+.popover {
+    z-index: 10000;
+    position: absolute;
+    top: calc(100% + 2px);
+    left: 0;
+    border-radius: 9px;
+    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+}
+
+.pickerSwatches {
+    display: flex;
+    padding: 12px;
+    flex-wrap: wrap;
+}
+
+.pickerSwatch {
+    width: 24px;
+    height: 24px;
+    margin: 4px;
+    border: none;
+    padding: 0;
+    border-radius: 4px;
+    cursor: pointer;
+    outline: none;
+}

package/build/main/lib/components/Drawer/styles.module.scss

@@ -0,0 +1,9 @@
+.list {
+    width: 300;
+    overflow-x: hidden;
+    height: 100%;
+}
+
+.fullList {
+    width: auto;
+}

package/build/main/lib/components/Material/styles.module.scss

@@ -0,0 +1,14 @@
+.errormsg {
+  padding: 2rem;
+  background: white;
+  margin: 2rem 0;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-left: 5px solid red;
+  p {
+    margin: 0;
+    font-weight: 100;
+  }
+  strong {
+    margin-right: 1rem;
+  }
+}

package/build/main/lib/components/MessageBar/styles.module.scss

@@ -0,0 +1,9 @@
+@import '../../theme/variables/sizes';
+
+.container {
+    width: 100%;
+
+    &>*+* {
+        margin-top: $padding,
+    }
+}

package/build/main/lib/components/Sortable/styles.module.scss

@@ -0,0 +1,108 @@
+@import '../../theme/variables/colors';
+
+.sortableItem {
+    display: flex;
+    justify-content: space-between;
+    flex-grow: 1;
+    align-items: center;
+    padding: 18px 20px;
+    background-color: #fff;
+    box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05),
+        0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
+    border-radius: calc(4px / var(--scale-x, 1));
+    box-sizing: border-box;
+    list-style: none;
+    color: $text-dark;
+    font-weight: 400;
+    font-size: 1rem;
+
+    &:hover .removeItem {
+        visibility: visible !important;
+    }
+}
+
+.dragHandle,
+.removeItem {
+    display: flex;
+    width: 12px;
+    padding: 15px;
+    margin-left: 3px;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    touch-action: none;
+    cursor: var(--cursor, pointer);
+    border-radius: 5px;
+    border: none;
+    outline: none;
+    appearance: none;
+    background-color: rgba(255, 255, 255, 0.5);
+    -webkit-tap-highlight-color: transparent;
+
+    &:hover {
+        background-color: rgba(255, 255, 255, 0.75);
+    }
+
+    &:focus-visible {
+        box-shadow: 0 0px 0px 2px $primary;
+    }
+
+    svg {
+        flex: 0 0 auto;
+        margin: auto;
+        height: 100%;
+        overflow: visible;
+        fill: $placeholder;
+    }
+}
+
+.removeItem {
+    visibility: hidden;
+
+    &.onmobile {
+        visibility: visible !important;
+    }
+}
+
+.actionButtons {
+    z-index: 1;
+    display: flex;
+    align-self: flex-start;
+    margin-top: -12px;
+    margin-left: auto;
+    margin-bottom: -15px;
+    margin-right: -10px;
+}
+
+.itemGrid {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    max-width: 330px;
+
+    @media screen and (min-width: 1100px) {
+        max-width: 1100px;
+    }
+
+    @media screen and (min-width: 960px) and (max-width: 1099px) {
+        max-width: 960px;
+    }
+
+    @media screen and (min-width: 780px) and (max-width: 959px) {
+        max-width: 780px;
+    }
+
+    @media screen and (min-width: 500px) and (max-width: 779px) {
+        max-width: 500px;
+    }
+
+    li {
+        display: inline-block;
+    }
+
+    li:first-child {
+        //border: 2px solid $warning;
+        border-radius: 2px;
+        box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.3);
+    }
+}

package/build/main/lib/controls/formFields/styles.module.scss

@@ -0,0 +1,115 @@
+@import '../../theme/variables/colors';
+@import '../../theme/variables/sizes';
+
+.datetime {
+  color: $text;
+}
+
+.container {
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  background-color: $background-light;
+}
+
+.formfield {
+  border-bottom-color: $border-light;
+  border-bottom-width: $border-width;
+  margin-bottom: 0;
+  flex-direction: column;
+  margin-top: $padding;
+
+  p {
+    padding-bottom: 5px;
+  }
+}
+
+.formfield:last-child {
+  margin-bottom: $padding;
+}
+
+.description {
+  font-style: italic;
+  color: $placeholder;
+  font-size: $font;
+}
+
+.display {
+  color: $text;
+}
+
+.link {
+  color: $text;
+}
+
+.text {
+  color: $text;
+}
+
+.number {
+  color: $text;
+}
+
+.url {
+  color: $text;
+}
+
+.object {
+  color: $text;
+}
+
+.lookup {
+  color: $text;
+}
+
+.lookuptext {
+  background-color: transparent;
+}
+
+.pickerview {
+  background-color: $background-light;
+}
+
+.lookupplaceholder {
+  color: $placeholder;
+}
+
+.image {
+  max-width: 100%;
+}
+
+.picture {
+  flex-direction: row-reverse;
+}
+
+.button {
+  min-width: 150px;
+}
+
+.date {
+  font-size: $h6;
+}
+
+.choice {
+  color: $text;
+}
+
+.select {
+  font-size: $h6;
+}
+
+.textarea {
+  width: 100%;
+}
+
+.bool {
+  height: 50px;
+}
+
+.toggle {
+  flex: 1;
+}
+
+.hide {
+  display: none;
+}

package/build/main/lib/theme/styles/styles.module.scss

@@ -0,0 +1,228 @@
+@import '../variables/colors';
+@import '../variables/sizes';
+
+.searchBar {
+  z-index: 0;
+  //font-family: $fontfamily;
+}
+
+.button {
+  overflow: hidden;
+}
+
+.buttonText {
+  font-size: $h6;
+}
+
+.item {
+  margin-bottom: 0;
+}
+
+.text {
+  font-size: $font;
+}
+
+.h1 {
+  font-size: $h1;
+}
+
+.label {
+  font-size: $font;
+}
+
+.padding {
+  padding: $padding-half;
+}
+
+.paddingBig {
+  padding: $padding;
+}
+
+.bg {
+  background-color: $background;
+}
+
+.form {
+  width: 100%;
+}
+
+.input {
+
+  //font-family: $fontfamily;
+  &:invalid {
+    border: $danger solid 1px;
+  }
+}
+
+.loading {
+  overflow: hidden;
+}
+
+.loadingLabel {
+  color: $placeholder;
+  font-size: $big;
+}
+
+.box {
+  justify-content: center;
+}
+
+.slider {
+  width: 100%;
+}
+
+.font {
+  font-size: $font;
+}
+
+.placeholder {
+  text-align: center;
+  color: $placeholder;
+}
+
+.delete-button {
+  background-color: $danger;
+  margin: $padding-half;
+}
+
+.flexone {
+  flex: 1;
+}
+
+.paddingbottom {
+  padding-bottom: $padding-half;
+}
+
+.paddingBottomBig {
+  padding-bottom: $padding;
+}
+
+.paddingtop {
+  padding-top: $padding-half;
+}
+
+.colorbox {
+  width: 10px;
+  height: 10px;
+  display: inline-block;
+  margin-right: 5px;
+  border: 1px solid $placeholder;
+}
+
+.wrapper {
+  margin: 8px;
+  position: relative;
+}
+
+.marginTopBig {
+  margin-top: $margingbottom-big;
+}
+
+.marginTop {
+  margin-top: $margingbottom;
+}
+
+.marginTopSmall {
+  margin-top: $margingbottom-small;
+}
+
+.marginLeftBig {
+  margin-left: $margingbottom-big;
+}
+
+.marginLeft {
+  margin-left: $margingbottom;
+}
+
+.marginLeftSmall {
+  margin-left: $margingbottom-small;
+}
+
+.marginRightBig {
+  margin-right: $margingbottom-big;
+}
+
+.marginRight {
+  margin-right: $margingbottom;
+}
+
+.marginRightSmall {
+  margin-right: $margingbottom-small;
+}
+
+.marginBottomBig {
+  margin-bottom: $margingbottom-big;
+}
+
+.marginBottom {
+  margin-bottom: $margingbottom;
+}
+
+.marginBottomSmall {
+  margin-bottom: $margingbottom-small;
+}
+
+.marginNormal {
+  margin-top: 16px;
+  margin-bottom: 8px;
+}
+
+.paddingNormal {
+  margin-top: 16px;
+  margin-bottom: 8px;
+}
+
+$ccolor: #08182b;
+
+.container {
+  color: $ccolor;
+  display: flex;
+  align-items: center;
+  align-content: center;
+  justify-content: center;
+  flex-direction: column;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-color: transparent;
+}
+
+.listContainer {
+  display: block;
+}
+
+.optionAdornment {
+  background-color: $background-grey;
+  border-radius: 2px 0 0 2px;
+  margin-left: -13px;
+  padding: 18px 13px;
+  width: 200px;
+  color: $text-dark;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.link {
+  padding-top: 8px;
+  padding-bottom: 15px;
+}
+
+.swichPadding {
+  padding-top: $padding * 2;
+}
+
+.colorbox {
+  width: 10px;
+  height: 10px;
+  display: inline-block;
+  margin-right: 5px;
+  border: 1px solid '#999';
+}
+
+.multiSelect-container {
+  z-index: 999;
+}
+
+.multichoice {
+  font-size: $h6;
+}

package/build/main/lib/theme/variables/_colors.scss

@@ -0,0 +1,35 @@
+//@import './palette';
+
+$transparent: transparent;
+$neutral: var(--neutral);
+$facebook: var(--facebook);
+$login: var(--login);
+$primary: var(--primary);
+$primary-light: var(--primary-light);
+$secondary: var(--secondary);
+$info: var(--info);
+$danger: var(--danger);
+$warning: var(--warning);
+$success: var(--success);
+$button: var(--button);
+$link: var(--link);
+$text: var(--text);
+$text-dark: var(--text-dark);
+$text-light: var(--text-light);
+$background: var(--background);
+$background-light: var(--background-light);
+$background-dark: var(--background-dark);
+$background-grey: var(--background-grey);
+$border: var(--border);
+$border-light: var(--border-light);
+$input: var(--input);
+$placeholder: var(--placeholder);
+$navbar: var(--navbar);
+$block: var(--block);
+$icon: var(--icon);
+$icon-light: var(--icon-light);
+$shadow: var(--shadow);
+$disabled: var(--disabled);
+$inverse-bg: var(--inverse-bg);
+$inverse-text: var(--inverse-text);
+$loader: var(--loader);

package/build/main/lib/theme/variables/_palette.scss

@@ -0,0 +1,69 @@
+// Энийг хэрэглээгүй
+$brand: #f58c22 !default;
+$brand-light: #42a5f5 !default;
+$brand-dark: #2777f7 !default;
+$accent: #d9534f !default;
+$white: #ffffff !default;
+$white-bright: #fafafa !default;
+$white-light: #f8f9fc !default;
+$black: #161616 !default;
+$black-dark: #000000 !default;
+$black-light: #1e1e1e !default;
+$dark-black: #2d2d2d !default;
+$dark: #333333 !default;
+$gray: #777777 !default;
+$gray-light: #cdcdcd !default;
+$grey: #656565 !default;
+$grey-light: #999999 !default;
+$grey-bright: #e1e1e1 !default;
+$grey-dark: #5c5c5c !default;
+$red: #d9534f !default;
+$orange: #ff8f00 !default;
+$green: #60d517 !default;
+$blue: #0091ea !default;
+$pink: #d81b60 !default;
+$yellow: #fdd835 !default;
+$red-dark: #c62828 !default;
+$orange-dark: #ff6f00 !default;
+$green-dark: #00875a !default;
+$blue-dark: #5e98d8 !default;
+$pink-dark: #b4004e !default;
+$yellow-dark: #ffa000 !default;
+$neutral: rgba(255, 255, 255, 0.65) !default;
+//*
+:root {
+  $brand: #{$brand};
+  $brand-light: #{$brand-light};
+  $brand-dark: #{$brand-dark};
+  $accent: #{$accent};
+  $white: #{$white};
+  $white-bright: #{$white-bright};
+  $white-light: #{$white-light};
+  $black: #{$black};
+  $black-dark: #{$black-dark};
+  $black-light: #{$black-light};
+  $dark-black: #{$dark-black};
+  $dark: #{$dark};
+  $gray: #{$gray};
+  $gray-light: #{$gray-light};
+  $grey: #{$grey};
+  $grey-light: #{$grey-light};
+  $grey-bright: #{$grey-bright};
+  $grey-dark: #{$grey-dark};
+  $red: #{$red};
+  $orange: #{$orange};
+  $green: #{$green};
+  $blue: #{$blue};
+  $pink: #{$pink};
+  $yellow: #{$yellow};
+  $red-dark: #{$red-dark};
+  $orange-dark: #{$orange-dark};
+  $green-dark: #{$green-dark};
+  $blue-dark: #{$blue-dark};
+  $pink-dark: #{$pink-dark};
+  $yellow-dark: #{$yellow-dark};
+  $neutral: #{$neutral};
+}
+//*/
+
+//:export { primary: $primary; }