release version 1.0.13-b495

dist/styles/_mw_ui.scss

@@ -0,0 +1,12 @@
+@import "mw-form/mw_form";
+@import "mw-inputs/mw_inputs";
+@import "mw-layout/mw_layout";
+@import "mw-list/mw_list";
+@import "mw-menu/mw_menu";
+@import "mw-modal/mw_modal";
+@import "mw-toast/mw_toast";
+@import "mw-ui-components/mw_ui_components";
+
+[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+  display: none !important;
+}

dist/styles/mw-form/_mw_form.scss

@@ -0,0 +1,4 @@
+@import "styles/mixins";
+@import "styles/mw_checkbox_wrapper";
+@import "styles/mw_form_actions";
+@import "styles/mw_input_wrapper";

dist/styles/mw-form/styles/_mixins.scss

@@ -0,0 +1,12 @@
+@mixin required-input-highlighter($color) {
+  textarea,
+  input {
+    &:not([type=button]){
+      border-left: 3px solid $color;
+    }
+  }
+
+  input[type=button],button{
+    font-weight: bold;
+  }
+}

dist/styles/mw-form/styles/_mw_checkbox_wrapper.scss

@@ -0,0 +1,5 @@
+.mw-checkbox-wrapper{
+  .text-holder{
+    padding-left:5px;
+  }
+}

dist/styles/mw-form/styles/_mw_form_actions.scss

@@ -0,0 +1,11 @@
+.mw-form-actions{
+  .mw-spinner{
+    margin-top: 4px;
+  }
+
+  @media (max-width: $screen-sm) {
+    .action-text {
+      display: none;
+    }
+  }
+}

dist/styles/mw-form/styles/_mw_input_wrapper.scss

@@ -0,0 +1,62 @@
+.mw-input-wrapper{
+  &.input-inline {
+    width: inherit;
+    display: inline-block;
+  }
+
+  label {
+    font-weight: normal;
+  }
+
+  .input-holder{
+    min-height: 34px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+
+    > * {
+      margin-top: 5px 0;
+    }
+  }
+
+  .mw-checkbox,
+  .mw-radio{
+    left: 0;
+  }
+
+  input,
+  textarea,
+  select,
+  .mw-select{
+    width: 100%;
+  }
+
+  .mw-error-messages{
+    ul{
+      padding: 0;
+    }
+    .error-message{
+      @extend .help-block;
+    }
+  }
+
+  &.is-required {
+    label {
+      font-weight: bold;
+    }
+  }
+
+  &.is-required-error {
+    @include required-input-highlighter(#bbb);
+  }
+
+  &.has-error {
+    @include required-input-highlighter($brand-danger);
+
+    .mw-error-messages{
+      .error-message{
+        color:$state-danger-text;
+      }
+    }
+  }
+}

dist/styles/mw-inputs/_mw_inputs.scss

@@ -0,0 +1,5 @@
+@import "styles/mixins";
+@import "styles/mw_checkbox";
+@import "styles/mw_radio";
+@import "styles/mw_select";
+@import "styles/mw_toggle";

dist/styles/mw-inputs/styles/_mixins.scss

@@ -0,0 +1,68 @@
+%mw-radio-checkbox-mixin {
+  width: 18px;
+  height: 18px;
+  background: none;
+  display: inline-block;
+  border: 1px solid #ccc;
+  vertical-align: middle;
+  position: relative;
+  left: -2px;
+  padding: 3px;
+
+  .state-indicator {
+    display: inline-block;
+    vertical-align: top;
+    position: relative;
+    z-index: 0;
+
+    width: 0;
+    height: 0;
+    left: 50%;
+    top: 50%;
+    opacity: 0;
+    background: $brand-primary;
+
+    @include single-transition(all, 0.2s, cubic-bezier(0, .33, .79, 1.46));
+  }
+
+  input[type=checkbox],
+  input[type=radio] {
+    opacity: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    z-index: 1;
+
+    &:disabled + .state-indicator{
+      background: #ccc;
+      left: -4px;
+      top: -4px;
+      height: 170%;
+      width: 170%;
+      opacity: 0.5;
+    }
+
+    &:checked + .state-indicator,
+    &:checked:disabled + .state-indicator{
+      width: 100%;
+      height: 100%;
+      left: 0;
+      top: 0;
+      opacity: 1;
+    }
+
+    &:focus ~ .state-focus-indicator{
+      position: absolute;
+      left: 0;
+      top: 0;
+      height: 100%;
+      width: 100%;
+
+      $color-rgba: rgba(red($input-border-focus), green($input-border-focus), blue($input-border-focus), .6);
+      @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px $color-rgba);
+    }
+  }
+}

dist/styles/mw-inputs/styles/_mw_checkbox.scss

@@ -0,0 +1,3 @@
+.mw-checkbox{
+  @extend %mw-radio-checkbox-mixin;
+}

dist/styles/mw-inputs/styles/_mw_radio.scss

@@ -0,0 +1,10 @@
+.mw-radio{
+  @extend %mw-radio-checkbox-mixin;
+
+  border-radius: 50%;
+
+  .state-indicator,
+  .state-focus-indicator{
+    border-radius: 50%;
+  }
+}

dist/styles/mw-inputs/styles/_mw_select.scss

@@ -0,0 +1,34 @@
+.mw-select {
+  position: relative;
+  display: inline-block;
+
+  &:after {
+    font-family: FontAwesome;
+    content: "\f0dc";
+    position: absolute;
+    right: 10px;
+    top: 25%;
+    pointer-events: none;
+  }
+
+  select.custom {
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -o-appearance: none;
+    text-indent: 0.01px;
+    text-overflow: '';
+    position: relative;
+    padding: 6px 22px 6px 12px;
+  }
+
+  select::-ms-expand {
+    display: none;
+  }
+
+  select:invalid {
+    border-left: 3px solid #bbb;
+    font-weight: bold;
+  }
+
+}

dist/styles/mw-inputs/styles/_mw_toggle.scss

@@ -0,0 +1,52 @@
+.mw-toggle {
+  background: #ccc;
+  position: relative;
+  padding: 2px;
+  border-radius: $border-radius-base;
+  white-space: nowrap;
+  display: inline-block;
+
+  button.toggle {
+    border-radius: 0;
+    padding: 0 15px;
+    vertical-align: middle;
+    position: relative;
+    color: white;
+    z-index: 2;
+    background: transparent;
+    border: none;
+    text-decoration: none;
+  }
+
+  span.indicator {
+    width: 50%;
+    position: absolute;
+    top: 0;
+    left: 50%;
+    height: 100%;
+    display: inline-block;
+    @include single-transition(all, 0.4s, cubic-bezier(.36, -0.21, .25, 1.33));
+
+    &.enabled {
+      left: 0;
+    }
+
+    &.label-success {
+      background: $label-success-bg !important;
+    }
+
+    &.label-danger {
+      background: $label-danger-bg !important;
+    }
+  }
+
+  @media (max-width: $screen-xs) {
+
+    button.toggle {
+      width: 0px;
+      overflow: hidden;
+      display: inline-block;
+      opacity: 0;
+    }
+  }
+}

dist/styles/mw-layout/_mw_layout.scss

@@ -0,0 +1,10 @@
+$sub-nav-background: #eee !default;
+$sub-nav-pill-divider: "1px solid #ccc" !default;
+$portalMarginX: 1.5em !default;
+
+@import "styles/mw_ui";
+@import "styles/mw_header";
+@import "styles/mw_sidebar";
+@import "styles/mw_footer";
+@import "styles/mw_sub_nav";
+@import "styles/mw_sub_nav_pill";

dist/styles/mw-layout/styles/_mw_footer.scss

@@ -0,0 +1,38 @@
+@mixin brand-footer($color) {
+  background: $color;
+  color: white;
+}
+
+.mw-footer {
+  z-index: 9;
+  position: fixed;
+  bottom: 0;
+  font-size: 9px;
+  padding: 4px $portalMarginX;
+  width: 100%;
+  left: 0;
+
+  &.default {
+    background: $gray-lighter;
+  }
+
+  &.primary {
+    @include brand-footer($brand-primary);
+  }
+
+  &.success {
+    @include brand-footer($brand-success);
+  }
+
+  &.warning {
+    @include brand-footer($brand-warning);
+  }
+
+  &.danger {
+    @include brand-footer($brand-danger);
+  }
+
+  &.info {
+    @include brand-footer($brand-info);
+  }
+}