beyond-rails 0.0.139

data/src/js/polyfills/elementDataset.js

@@ -0,0 +1,3 @@
+import elementDatasetPolyfill from 'element-dataset'
+
+elementDatasetPolyfill()

data/src/js/polyfills/nodeContains.js

@@ -0,0 +1,17 @@
+if (! ('contains' in Node.prototype)) {
+
+  Node.prototype.contains = function contains(node) {
+
+    if (typeof node === 'undefined') {
+      throw new TypeError('1 argument is required')
+    }
+    do {
+      if (this === node) {
+        return true
+      }
+    }
+    while (node = node && node.parentNode)
+
+    return false
+  }
+}

data/src/js/polyfills/nodeHasAttribute.js

@@ -0,0 +1,5 @@
+;(function(prototype) {
+  prototype.hasAttribute = prototype.hasAttribute || function(name) {
+    return !!(this.attributes[name] && this.attributes[name].specified)
+  }
+})(Element.prototype)

data/src/js/polyfills/nodeRemove.js

@@ -0,0 +1,19 @@
+// from:https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md
+(function (arr) {
+  arr.forEach(function (item) {
+    if (item.hasOwnProperty('remove')) {
+      return;
+    }
+    Object.defineProperty(item, 'remove', {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: function remove() {
+        if (this.parentNode === null) {
+          return;
+        }
+        this.parentNode.removeChild(this);
+      }
+    });
+  });
+})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);

data/src/sass/_beyond-sprockets.scss

@@ -0,0 +1 @@
+$beyond-use-helper: true;

data/src/sass/_beyond.scss

@@ -0,0 +1,50 @@
+@import './abstracts/_variables';
+@import './abstracts/_placeholders';
+@import './abstracts/_mixins';
+@import './vendor/_normalize';
+@import './vendor/_turbolink';
+@import './base/_background';
+@import './base/_typography';
+@import './_main';
+@import './layout/_border-util';
+@import './layout/_col';
+@import './layout/_container';
+@import './layout/_offset-util';
+@import './layout/_sizing-util';
+@import './layout/_spacing-util';
+@import './layout/_visibility-util';
+@import './layout/_flex-util';
+@import './components/_alert';
+@import './components/_autocomplete';
+@import './components/_avatar';
+@import './components/_badge';
+@import './components/_breadcrumb';
+@import './components/_btn';
+@import './components/_btn-group';
+@import './components/_card';
+@import './components/_checkbox';
+@import './components/_date-input';
+@import './components/_date-menu';
+@import './components/_date-time-ranger';
+@import './components/_datepicker';
+@import './components/_dropdown';
+@import './components/_form';
+@import './components/_icon';
+@import './components/_input';
+@import './components/_list';
+@import './components/_modal';
+@import './components/_nav';
+@import './components/_navbar';
+@import './components/_pagination';
+@import './components/_radio';
+@import './components/_search-dropdown';
+@import './components/_select';
+@import './components/_sidebar';
+@import './components/_spinner';
+@import './components/_tabbox';
+@import './components/_table';
+@import './components/_tag';
+@import './components/_time-input';
+@import './components/_time-menu';
+@import './components/_toast';
+@import './components/_tooltip';

data/src/sass/_main.scss

@@ -0,0 +1,141 @@
+html {
+  height: 100%;
+}
+body {
+  box-sizing: border-box;
+  font-family: 'Open Sans', sans-serif;
+  font-size: 16px;
+
+  .content {
+    flex: 1;
+  }
+  &.with-footer {
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+}
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+:focus {
+  outline: 3px solid $bg-outline;
+  outline-offset: 2px;
+}
+
+// for ie11
+body:focus {
+  outline: 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 8px;
+}
+
+ul {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+
+p {
+  line-height: 2.1em;
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+small {
+  font-size: 70%;
+}
+blockquote {
+  margin: 0 0 1rem;
+}
+
+th, td {
+  padding: 7px;
+}
+
+hr {
+  margin-top: 0.8rem;
+  margin-bottom: 0.8rem;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, .1);
+}
+
+a {
+  cursor: pointer;
+  color: $color-anchor;
+  font-weight: 500;
+  text-decoration: none;
+  &:hover {
+    color: $color-anchor-ex;
+  }
+}
+
+// active style
+$color-active: #5469d4;
+
+.select,
+.select.select-outline,
+.select.select-outline-strong,
+.btn.btn-dropdown,
+.search-input,
+.input {
+  &.active {
+    color: $color-active;
+    box-shadow: 0 1px 1px 0 rgba(54, 59, 255, .6),
+      rgba(14, 48, 173, .3) 0 0 0 1px,
+      rgba(14, 26, 62, .12) 0 2px 5px 0;
+  }
+}
+.search-input.active .input,
+.search-input.active .icon-search:before {
+  color: $color-active;
+}
+
+.input,
+.select,
+.select.select-outline,
+.select.select-outline-strong {
+  &:focus.active {
+    color: $color-active;
+    box-shadow: 0 1px 1px 0 rgba(54, 59, 255, .6),
+      rgba(14, 48, 173, .3) 0 0 0 1px,
+      rgba(14, 26, 62, .12) 0 2px 5px 0,
+      0 0 0 4px rgba(58, 151, 212, .28);
+  }
+}
+.search-input.active.outline {
+  color: $color-active;
+  box-shadow: 0 1px 1px 0 rgba(54, 59, 255, .6),
+    rgba(14, 48, 173, .3) 0 0 0 1px,
+    rgba(14, 26, 62, .12) 0 2px 5px 0,
+    0 0 0 4px rgba(58, 151, 212, .28);
+}
+
+.scrollable {
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
+}
+
+.align-right {
+  text-align: right;
+}
+.align-center {
+  text-align: center;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  clip-path: inset(50%);
+  border: 0;
+}

data/src/sass/abstracts/_mixins.scss

@@ -0,0 +1,129 @@
+@function beyond-font-path($path) {
+  @if $beyond-use-helper {
+    @return font-path($path);
+  }
+  @return $path
+}
+
+@function beyond-image-path($path) {
+  @if $beyond-use-helper {
+    @return image-path($path);
+  }
+  @return $path
+}
+
+@mixin size($size) {
+  width: $size;
+  height: $size;
+}
+
+@mixin y-scroll {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+@mixin focus-outline {
+  outline: 0;
+  box-shadow: 0 0 0 1px rgba(60, 66, 87, .16),
+    0 1px 1px 0 rgba(0, 0, 0, .12),
+    0 0 0 4px rgba(58, 151, 212, .28);
+}
+
+@mixin ripple($size, $left, $top) {
+  &.ripple:before {
+    top: $top;
+    left: $left;
+    overflow: visible;
+    transition: .3s all;
+    position: absolute;
+    content: '';
+    border-radius: 100%;
+    display: block;
+    z-index: -1;
+    @include size($size);
+    background-color: #e6e9ea;
+    opacity: 0;
+    transform: scale(.6);
+  }
+  &.ripple:hover {
+    &:before {
+      opacity: .5;
+      transform: scale(1);
+    }
+  }
+}
+
+@mixin absolute-center {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+}
+
+@mixin flex-center {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+@function space-classname($type, $side, $i, $size: '') {
+  @if $size == '' {
+    @return #{$type}#{$side}-#{$i};
+  }
+  @return #{$type}#{$side}-#{$size}-#{$i};
+}
+
+@mixin space-props($type, $side, $i, $size: '') {
+  $spacer: 1rem;
+  $space: $spacer * $i * .25;
+  $prop: 'margin';
+
+  @if $space == 0rem {
+    $space: 0;
+  }
+  @if $type == 'p' {
+    $prop: 'padding';
+  }
+  $classname: space-classname($type, $side, $i, $size);
+
+  .#{$classname} {
+    @if $side == '' {
+      #{$prop}: $space;
+    }
+    @else if $side == 't' {
+      #{$prop}-top: $space;
+    }
+    @else if $side == 'b' {
+      #{$prop}-bottom: $space;
+    }
+    @else if $side == 'l' {
+      #{$prop}-left: $space;
+    }
+    @else if $side == 'r' {
+      #{$prop}-right: $space;
+    }
+    @else if $side == 'x' {
+      #{$prop}-left: $space;
+      #{$prop}-right: $space;
+    }
+    @else if $side == 'y' {
+      #{$prop}-top: $space;
+      #{$prop}-bottom: $space;
+    }
+    @else {
+      @error "Unknown side #{$side}.";
+    }
+  }
+}
+
+@mixin each-space-props($size: '') {
+  @each $type in $space-types {
+    @each $side in $sides {
+      @for $i from 0 through $space-size-max {
+        @include space-props($type, $side, $i, $size);
+      }
+    }
+  }
+}

data/src/sass/abstracts/_placeholders.scss

@@ -0,0 +1,43 @@
+%checkbox-disabled {
+  background-color: #eee;
+  cursor: not-allowed;
+  input[type="checkbox"] {
+    cursor: not-allowed;
+  }
+  &.ripple:before {
+    display: none;
+  }
+  .icon-checkbox {
+    background-color: transparent;
+  }
+}
+
+%radio-disabled {
+  background-color: #eee;
+  cursor: not-allowed;
+  input[type="radio"] {
+    cursor: not-allowed;
+  }
+  &.ripple:before {
+    display: none;
+  }
+  .icon-radio {
+    background-color: transparent;
+  }
+}
+
+%row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
+%form-control {
+  border: 0;
+  display: block;
+  width: 250px;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #495057;
+}

data/src/sass/abstracts/_variables.scss

@@ -0,0 +1,355 @@
+$beyond-use-helper: false !default;
+
+// backgrounds
+$bg-transparent: transparent;
+$bg-admin: #e3e8ee;
+$bg-outline: rgba(58, 151, 212, .28);
+$bg-content: #f7fafc;
+
+$bg-primary: #6772e5;
+$bg-primary-ex: #7795f8;
+$bg-primary-ex2: #b2b7df;
+
+$bg-secondary: #fff;
+$bg-secondary-ex: #fff;
+$bg-secondary-ex2: #ebebeb;
+
+$bg-success: #25b47e;
+$bg-success-ex: #7de1bb;
+$bg-success-ex2: #98b6ab;
+
+$bg-danger: #cd3d64;
+$bg-danger-ex: #ef6a8e;
+$bg-danger-ex2: #b59ba7;
+
+$bg-warn: #f1946a;
+$bg-warn-ex: #ffaf8c;
+$bg-warn-ex2: #e5cec3;
+
+$bg-info: #5ecdf1;
+$bg-info-ex: #7bdfff;
+$bg-info-ex2: #a4c5d0;
+
+$bg-white: #fff;
+
+$bg-type1: #d681d8;
+$bg-type1-ex: #eda3ef;
+$bg-type1-ex2: #d1bdd1;
+
+$bg-type2: #fdd85f;
+$bg-type2-ex: #ffe89e;
+$bg-type2-ex2: #dcd7c9;
+
+$bg-light: #f8f9fa;
+$bg-light-ex: #f8f9fa;
+$bg-light-ex2: #ebebeb;
+
+$bg-dark: #000;
+$bg-dark-ex: #4c4c4c;
+$bg-dark-ex2: #b7b7b7;
+
+$bg-icon: #8892b3;
+$bg-disabled: #f1f1f1;
+
+$backgrounds:
+  ('bg-transparent', $bg-transparent),
+  ('bg-admin', $bg-admin),
+  ('bg-outline', $bg-outline),
+  ('bg-content', $bg-content),
+  ('bg-primary', $bg-primary),
+  ('bg-primary-ex', $bg-primary-ex),
+  ('bg-primary-ex2', $bg-primary-ex2),
+  ('bg-secondary', $bg-secondary),
+  ('bg-secondary-ex', $bg-secondary-ex),
+  ('bg-secondary-ex2', $bg-secondary-ex2),
+  ('bg-success', $bg-success),
+  ('bg-success-ex', $bg-success-ex),
+  ('bg-success-ex2', $bg-success-ex2),
+  ('bg-danger', $bg-danger),
+  ('bg-danger-ex', $bg-danger-ex),
+  ('bg-danger-ex2', $bg-danger-ex2),
+  ('bg-warn', $bg-warn),
+  ('bg-warning', $bg-warn),
+  ('bg-warn-ex', $bg-warn-ex),
+  ('bg-warn-ex2', $bg-warn-ex2),
+  ('bg-info', $bg-info),
+  ('bg-info-ex', $bg-info-ex),
+  ('bg-info-ex2', $bg-info-ex2),
+  ('bg-white', $bg-white),
+  ('bg-type1', $bg-type1),
+  ('bg-type1-ex', $bg-type1-ex),
+  ('bg-type1-ex2', $bg-type1-ex2),
+  ('bg-type2', $bg-type2),
+  ('bg-type2-ex', $bg-type2-ex),
+  ('bg-type2-ex2', $bg-type2-ex2),
+  ('bg-light', $bg-light),
+  ('bg-light-ex', $bg-light-ex),
+  ('bg-light-ex2', $bg-light-ex2),
+  ('bg-dark', $bg-dark),
+  ('bg-dark-ex', $bg-dark-ex),
+  ('bg-dark-ex2', $bg-dark-ex2),
+  ('bg-icon', $bg-icon),
+  ('bg-disabled', $bg-disabled);
+
+// borders
+$border-primary: $bg-primary;
+$border-secondary: #6c757d;
+$border-success: $bg-success;
+$border-danger: $bg-danger;
+$border-warning: $bg-warn;
+$border-info: $bg-info;
+$border-light: $bg-light;
+$border-dark: $bg-dark;
+$border-white: $bg-white;
+
+$borders:
+ ('border-primary', $border-primary),
+ ('border-secondary', $border-secondary),
+ ('border-success', $border-success),
+ ('border-danger', $border-danger),
+ ('border-warning', $border-warning),
+ ('border-info', $border-info),
+ ('border-light', $border-light),
+ ('border-dark', $border-dark),
+ ('border-white', $border-white);
+
+$color-anchor: #5469d4;
+$color-anchor-ex: #1a1f36;
+
+$color-primary: #5469d4;
+
+$color-secondary: #6772e5;
+$color-secondary-ex: #7795f8;
+$color-secondary-ex2: #bbb;
+
+$color-type2: #516487;
+$color-type2-ex: #7d8eae;
+$color-type2-ex2: #bbb;
+
+$color-light: #fff;
+
+$color-dark: #697386;
+$color-dark-ex: #697386;
+$color-dark-ex2: #bbb;
+
+$color-link: #5469d4;
+$color-link-ex: #32325d;
+$color-link-ex2: #bbb;
+
+$color-avatar: #000;
+
+$txt-color-primary: #6772e5;
+$txt-color-secondary: #969696;
+$txt-color-success: #25b47e;
+$txt-color-warn: #f1946a;
+$txt-color-danger: #cd3d64;
+
+$color-txt-type0: #5c5f72;
+$color-txt-type1: #63a396;
+$color-txt-type2: #6772e5;
+$color-txt-type3: #4191d9;
+$color-txt-type4: #6382a3;
+
+$color-txt-types:
+  $color-txt-type0,
+  $color-txt-type1,
+  $color-txt-type2,
+  $color-txt-type3,
+  $color-txt-type4;
+
+// tags
+$bg-tag-primary: #6782e5;
+$bg-tag-secondary: #7d5ae8;
+$bg-tag-success: $bg-success;
+$bg-tag-danger: $bg-danger;
+$bg-tag-warn: $bg-warn;
+$bg-tag-info: $bg-info;
+$bg-tag-dark: $bg-dark;
+$bg-tag-light: #8b8b9e;
+
+$bg-tag-type0: #19af95;
+$bg-tag-type1: #005b4a;
+$bg-tag-type2: #865260;
+$bg-tag-type3: #993192;
+$bg-tag-type4: #e682dc;
+
+$bg-tags: (
+  (tag-primary, $bg-tag-primary),
+  (tag-secondary, $bg-tag-secondary),
+  (tag-success, $bg-tag-success),
+  (tag-danger, $bg-tag-danger),
+  (tag-warn, $bg-tag-warn),
+  (tag-info, $bg-tag-info),
+  (tag-dark, $bg-tag-dark),
+  (tag-light, $bg-tag-light),
+  (tag-type0, $bg-tag-type0),
+  (tag-type1, $bg-tag-type1),
+  (tag-type2, $bg-tag-type2),
+  (tag-type3, $bg-tag-type3),
+  (tag-type4, $bg-tag-type4)
+);
+
+$color-tag-danger-ex: #fff;
+$bg-tag-danger-ex: #e03953;
+
+$bg-avatar-type0: #a3d96e;
+$bg-avatar-type1: #ffb958;
+$bg-avatar-type2: #5956D6;
+$bg-avatar-type3: #ce4d94;
+$bg-avatar-type4: #56c4d6;
+
+$bg-avatars: (
+  (avatar-type0, $bg-avatar-type0),
+  (avatar-type1, $bg-avatar-type1),
+  (avatar-type2, $bg-avatar-type2),
+  (avatar-type3, $bg-avatar-type3),
+  (avatar-type4, $bg-avatar-type4)
+);
+
+$screen-sm: 576px;
+$screen-md: 768px;
+$screen-lg: 992px;
+$screen-xl: 1200px;
+
+$beyond-icon-font-path: if($beyond-use-helper, '', '../font/') !default;
+$beyond-icon-font-name: 'icomoon' !default;
+$beyond-css-img-path: if($beyond-use-helper, '', './img/') !default;
+
+$breakpoints: $screen-sm, $screen-md, $screen-lg, $screen-xl;
+
+$screen-sizes: 'sm', 'md', 'lg', 'xl';
+$col-total: 12;
+
+// spacing utilities
+$space-types: 'm', 'p';
+$space-size-max: 5;
+
+$side-all: '';
+$side-top: 't';
+$side-bottom: 'b';
+$side-left: 'l';
+$side-right: 'r';
+$side-x: 'x';
+$side-y: 'y';
+
+$sides: (
+  $side-all,
+  $side-top,
+  $side-bottom,
+  $side-left,
+  $side-right,
+  $side-x,
+  $side-y
+);
+
+// alerts
+$alert-bg-primary: #d7daea;
+$alert-color-primary: #3c4257;
+$alert-color-link-primary: #020204;
+$alert-color-hr-primary: #020204;
+
+$alert-bg-secondary: #e3e8ee;
+$alert-color-secondary: #3c4257;
+$alert-color-link-secondary: #121623;
+$alert-color-hr-secondary: #121623;
+
+$alert-bg-success: #e6f3e6;
+$alert-color-success: #3c4257;
+$alert-color-link-success: #022519;
+$alert-color-hr-success: #87b3a4;
+
+$alert-bg-danger: #f7e9e9;
+$alert-color-danger: #3c4257;
+$alert-color-link-danger: #310101;
+$alert-color-hr-danger: #310101;
+
+$alert-bg-warning: #f9f1ea;
+$alert-color-warning: #3c4257;
+$alert-color-link-warning: #3a1401;
+$alert-color-hr-warning: #3a1401;
+
+$alert-bg-info: #e8eff5;
+$alert-color-info: #3c4257;
+$alert-color-link-info: #08111f;
+$alert-color-hr-info: #08111f;
+
+$alert-bg-light: #eee;
+$alert-color-light: #3c4257;
+$alert-color-link-light: #14182b;
+$alert-color-hr-light: #14182b;
+
+$alert-bg-dark: #4e4e4e;
+$alert-color-dark: #ddd;
+$alert-color-link-dark: #fff;
+$alert-color-hr-dark: #fff;
+
+$alert-states: 'primary', 'secondary', 'success',
+  'danger', 'warning', 'info', 'light', 'dark';
+
+$alert-bgs: $alert-bg-primary, $alert-bg-secondary, $alert-bg-success,
+  $alert-bg-danger, $alert-bg-warning, $alert-bg-info, $alert-bg-light, $alert-bg-dark;
+
+$alert-colors: $alert-color-primary, $alert-color-secondary, $alert-color-success,
+  $alert-color-danger, $alert-color-warning, $alert-color-info, $alert-color-light, $alert-color-dark;
+
+$alert-color-links: $alert-color-link-primary, $alert-color-link-secondary,
+  $alert-color-link-success, $alert-color-link-danger, $alert-color-link-warning,
+  $alert-color-link-info, $alert-color-link-light, $alert-color-link-dark;
+
+$alert-color-hrs: $alert-color-hr-primary, $alert-color-hr-secondary,
+  $alert-color-hr-success, $alert-color-hr-danger, $alert-color-hr-warning,
+  $alert-color-hr-info, $alert-color-hr-light, $alert-color-hr-dark;
+
+$sizes: 25, 50, 75, 100;
+
+// badges
+// classname, bg, color
+$badges:
+  ('badge-primary', #6772e5, #fff),
+  ('badge-secondary', #fff, #6772e5),
+  ('badge-success', #25b47e, #fff),
+  ('badge-danger', #cd3d64, #fff),
+  ('badge-warn', #f1946a, #fff),
+  ('badge-info', #5ecdf1, #fff),
+  ('badge-light', #f8f9fa, #fff),
+  ('badge-dark', #000, #fff),
+  ('badge-type1', #d681d8, #fff),
+  ('badge-type2', #fdd85f, #516487);
+
+// border utils
+$border-color: #dee2e6;
+
+// buttons
+// classname, bg, color, bg-ex, bg-disabled
+$btn-primary: 'btn-primary', #6772e5, #fff, #7795f8, #b2b7df;
+$btn-secondary: 'btn-secondary', #fff, #6772e5, #fff, #ebebeb;
+$btn-success: 'btn-success', #25b47e, #fff, #7de1bb, #98b6ab;
+$btn-danger: 'btn-danger', #cd3d64, #fff, #ef6a8e, #b59ba7;
+$btn-warn: 'btn-warn', #f1946a, #fff, #ffaf8c, #e5cec3;
+$btn-warning: 'btn-warning', #f1946a, #fff, #ffaf8c, #e5cec3;
+$btn-info: 'btn-info', #5ecdf1, #fff, #7bdfff, #a4c5d0;
+$btn-light: 'btn-light', #f8f9fa, #697386, #f8f9fa, #ebebeb;
+$btn-dark: 'btn-dark', #000, #fff, #4c4c4c, #b7b7b7;
+$btn-type1: 'btn-type1', #d681d8, #fff, #eda3ef, #d1bdd1;
+$btn-type2: 'btn-type2', #fdd85f, #516487, #ffe89e, #dcd7c9;
+
+$btns:
+  $btn-primary,
+  $btn-secondary,
+  $btn-success,
+  $btn-danger,
+  $btn-warn,
+  $btn-warning,
+  $btn-info,
+  $btn-light,
+  $btn-dark,
+  $btn-type1,
+  $btn-type2;
+
+// classname, bg, color, color-ex, color-disabled
+$btn-link: 'btn-link', #fff, #5469d4, #32325d, #bbb;
+
+// ring-loader
+$ring-loader-size-lg: 16px;
+$ring-loader-size-md: 14px;
+$ring-loader-size-sm: 12px;