material-ui 0.7.3.1

data/vendor/assets/stylesheets/material-ui/components/ripples/focus-ripple.less

@@ -0,0 +1,30 @@
+.mui-focus-ripple {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  
+  .ease-out();
+  transform: scale(0);
+  opacity: 0;
+
+  .mui-focus-ripple-inner {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    border-radius: 50%;
+    background-color: rgba(0,0,0,0.1);
+
+    .pulsate(
+      @animation-name: focus-ripple-pulsate;
+      @start-size: 0.75;
+      @end-size: 0.85;
+    );
+  }
+
+  &.mui-is-shown {
+    transform: scale(1);
+    opacity: 1;
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/ripples/touch-ripple.less

@@ -0,0 +1,9 @@
+@import "circle.less";
+
+.mui-touch-ripple {
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}

data/vendor/assets/stylesheets/material-ui/components/slider.less

@@ -0,0 +1,163 @@
+.react-draggable-dragging {
+  user-select: none;
+}
+
+.mui-slider {
+  @fill-gutter: @slider-handle-size-disabled - @slider-track-size;
+
+  -webkit-touch-callout: none;
+  cursor: default;
+  height: @slider-handle-size-active;
+  position: relative;
+
+  .handle-size(@size) {
+    width: @size;
+    height: @size;
+  }
+
+  .mui-slider-track {
+    position: absolute;
+    top: (@slider-handle-size-active - @slider-track-size) / 2;
+    left: 0;
+    width: 100%;
+    height: @slider-track-size;
+  }
+
+  .mui-slider-selection {
+    position: absolute;
+    top: 0;
+    height: 100%;
+
+    .mui-slider-selection-fill {
+      height: 100%;
+      .ease-out(@property: margin);
+    }
+  }
+
+  .mui-slider-selection-low {
+    left: 0;
+
+    .mui-slider-selection-fill {
+      background-color: @slider-selection-color;
+      margin-right: @fill-gutter;
+    }
+  }
+
+  .mui-slider-selection-high {
+    right: 0;
+
+    .mui-slider-selection-fill {
+      background-color: @slider-track-color;
+      margin-left: @fill-gutter;
+    }
+  }
+
+  .mui-slider-handle {
+    cursor: pointer;
+    position: absolute;
+    top: 0;
+    left: 0%;
+    z-index: 1;
+    margin: (@slider-track-size / 2) 0 0 0;
+
+    background-clip: padding-box;
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    transition:
+      border 450ms @ease-out-function,
+      width 450ms @ease-out-function,
+      height 450ms @ease-out-function;
+
+    .handle-size(@slider-handle-size);
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  &:not(.mui-disabled) {
+    .mui-slider-handle {
+      border: 0px solid transparent;
+      background-color: @slider-selection-color;
+      &:active {
+        .handle-size(@slider-handle-size-active);
+      }
+    }
+
+    &:hover, &:focus {
+      .mui-slider-selection-high {
+        .mui-slider-selection-fill {
+          background: @slider-track-color-selected;
+        }
+      }
+
+      &:not(.mui-slider-zero) {
+        .mui-slider-handle:not(:active) {
+          border: @slider-handle-size solid fade(@slider-selection-color, 20%);
+          .handle-size(@slider-handle-size-active + @slider-handle-size);
+        }
+      }
+    }
+
+    &.mui-slider-zero {
+      .mui-slider-handle {
+        border: @slider-track-size solid @slider-track-color;
+        background-color: transparent;
+        box-shadow: none;
+
+        &:active {
+          border-color: @slider-track-color-selected;
+          width: @slider-handle-size-active !important;
+          height: @slider-handle-size-active !important;
+          transition:
+            background-color 450ms @ease-out-function,
+            width 450ms @ease-out-function,
+            height 450ms @ease-out-function;
+
+          & ~ .mui-slider-selection-high .mui-slider-selection-fill {
+            margin-left: @slider-handle-size !important;
+            .ease-out(@property: margin);
+          }
+        }
+      }
+
+      &:hover, &:focus {
+        .mui-slider-handle {
+          @size: @slider-handle-size + @slider-track-size;
+          border: @slider-track-size solid @slider-handle-color-zero;
+          width: @size;
+          height: @size;
+        }
+      }
+    }
+  }
+
+  &.mui-disabled {
+    @gutter: (@slider-handle-size-disabled + @slider-track-size) / 2;
+
+    cursor: not-allowed;
+
+    .mui-slider-selection-fill {
+      background-color: @slider-track-color;
+    }
+
+    .mui-slider-handle {
+      cursor: not-allowed;
+      background-color: @slider-track-color;
+      .handle-size(@slider-handle-size-disabled);
+    }
+
+    &.mui-slider-zero {
+      .mui-slider-selection-low .mui-slider-selection-fill {
+        margin-right: @gutter;
+      }
+      .mui-slider-selection-high .mui-slider-selection-fill {
+        margin-left: @gutter;
+      }
+      .mui-slider-handle {
+        border: @slider-track-size solid @slider-track-color;
+        background-color: transparent;
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/snackbar.less

@@ -0,0 +1,44 @@
+.mui-snackbar {
+
+  color: @mui-snackbar-text-color;
+  background-color: @mui-snackbar-background-color;
+  border-radius: 2px;
+  padding: 0 @desktop-gutter;
+  height: @desktop-subheader-height;
+  line-height: @desktop-subheader-height;
+  min-width: 288px;
+  max-width: 568px;
+
+  position: fixed;
+  z-index: 10;
+  bottom: @desktop-gutter;
+  margin-left: @desktop-gutter;
+
+  left: -10000px;
+  opacity: 0;
+  transform: translate3d(0, 20px, 0);
+  transition:
+    left 0ms @ease-out-function 400ms,
+    opacity 400ms @ease-out-function 0ms,
+    transform 400ms @ease-out-function 0ms;
+
+  .mui-snackbar-action {
+    color: @mui-snackbar-action-color;
+    float: right;
+    margin-top: 6px;
+    margin-right: -16px;
+    margin-left: @desktop-gutter;
+    background-color: transparent;
+  }
+
+  &.mui-is-open {
+    left: 0;
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+    transition:
+      left 0ms @ease-out-function 0ms,
+      opacity 400ms @ease-out-function 0ms,
+      transform 400ms @ease-out-function 0ms;
+  }
+
+}

data/vendor/assets/stylesheets/material-ui/components/subheader.less

@@ -0,0 +1,17 @@
+.mui-subheader {
+  .mui-font-style-body-2;
+  margin: 0;
+  height: @desktop-subheader-height + @desktop-gutter-mini;
+  line-height: @desktop-subheader-height;
+  color: @subheader-text-color;
+  border-top: solid 1px @subheader-border-color;
+  padding-top: @desktop-gutter-mini;
+  margin-top: @desktop-gutter-mini;
+
+  &:first-child {
+    height: @desktop-subheader-height;
+    border-top: none;
+    padding-top: 0;
+    margin-top: 0;
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/svg-icon.less

@@ -0,0 +1,11 @@
+.mui-svg-icon {
+  position: relative;
+  height: @icon-size;
+  width: @icon-size;
+  display: inline-block;
+  user-select: none;
+
+  * {
+    fill: @body-text-color;
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/table.less

@@ -0,0 +1,46 @@
+@column-width: 200px;
+
+.mui-table {
+  //background-color: darken(green, 10%);
+  padding: 0 @desktop-gutter;
+
+  .mui-table-header {
+    //background-color: green;
+
+    .mui-table-header-column {
+      display: inline-block;
+      height: 48px;
+      line-height: 48px;
+      //background-color: lighten(green, 10%);
+      width: @column-width;
+    }
+
+    .mui-table-header-pagify {
+      display: inline-block;
+      //background-color: lighten(green, 25%);
+      height: 48px;
+      line-height: 48px;
+      float: right;
+    }
+  }
+
+  .mui-table-rows {
+    //background-color: lighten(green, 20%);
+
+    .mui-table-rows-item {
+      height: 48px;
+      line-height: 48px;
+      //background-color: lighten(green, 30%);
+      display: block;
+      width: 100%;
+    }
+
+    .mui-table-rows-actions {
+      height: 48px;
+      line-height: 48px;
+      display: inline-block;
+      //background-color: lighten(green, 25%);
+      float: right;
+    }
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/tabs.less

@@ -0,0 +1,41 @@
+.mui-tabs-container {
+  position: relative;
+
+  .mui-tab-item-container {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 48px;
+    background-color: #00bcd4;
+    white-space: nowrap;
+    display: block;
+
+
+    .mui-tab-item {
+      display: inline-block;
+      height: 100%;
+      cursor: pointer;
+      text-align: center;
+      line-height: 48px;
+      color: #fff;
+      opacity: .6;
+      font-size: 14sp;
+      font-weight: 500;
+      font: @headingFontFamily;
+
+
+      &.mui-tab-is-active {
+        color: #fff;
+        opacity: 1;
+        font: @headingFontFamily;
+      }
+    
+      .mui-tab-template {
+        display: block;
+        width: 100%;
+        position: relative;
+        text-align: initial;
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/text-field.less

@@ -0,0 +1,168 @@
+.mui-text-field {
+  @disabled-text-color: fade(@body-text-color, 30%);
+  @error-color: @red-500;
+
+	font-size: 16px;
+  line-height: 24px;
+  
+  width: (64px * 4);
+  height: 48px;
+  display: inline-block;
+  position: relative;
+  .ease-out(@property: height, @duration: 200ms);
+
+  //Normal Text Field Styles
+  //------------------------
+  .mui-text-field-hint,
+  .mui-text-field-floating-label {
+    position: absolute;
+    line-height: 48px;
+    color: @disabled-text-color;
+    opacity: 1;
+    .ease-out();
+  }
+
+  .mui-text-field-error {
+    position: absolute;
+    bottom: -10px;
+    font-size: 12px;
+    line-height: 12px;
+    color: @error-color;
+    .ease-out();
+  }
+
+  .mui-text-field-input,
+  .mui-text-field-textarea {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    border: none;
+    outline: none;
+    background-color: @transparent;
+    color: @body-text-color;
+  }
+
+  .mui-text-field-textarea {
+    margin-top: 12px;
+  }
+
+  .mui-text-field-underline,
+  .mui-text-field-focus-underline {
+    position: absolute;
+    width: 100%;
+    bottom: 8px;
+    margin: 0;
+  }
+
+  .mui-text-field-focus-underline {
+    border-color: @primary-1-color;
+    border-bottom-width: 2px;
+    transform: scaleX(0);
+    .ease-out();
+  }
+
+  &.mui-has-error {
+    .mui-text-field-focus-underline {
+      border-color: @error-color;
+      transform: scaleX(1);
+    }
+  }
+
+  &.mui-has-value {
+    .mui-text-field-hint {
+      opacity: 0;
+    }
+  }
+
+  &.mui-is-disabled {
+
+    .mui-text-field-input {
+      color: @disabled-text-color;
+    }
+
+    .mui-text-field-underline {
+      border: none;
+      height: 40px;
+      overflow: hidden;
+
+      //hack because border style dotted just doesn't look right
+      //border-bottom-style: dotted;
+      &:after {
+        content: '..............................................................................................................................................................................................................................................................................................................................................................';
+        position: absolute;
+        top: 23px;
+        color: @disabled-text-color;
+      }
+    }
+  }
+
+  &.mui-is-focused {
+    .mui-text-field-focus-underline {
+      transform: scaleX(1);
+    }
+  }
+
+  //Floating Label Text Field Styles
+  //--------------------------------
+  &.mui-has-floating-labels {
+    height: 72px;
+
+    .mui-text-field-floating-label {
+      top: 24px;
+      transform: scale(1) translate3d(0, 0, 0);
+      transform-origin: left top;
+    }
+
+    .mui-text-field-hint {
+      top: 24px;
+      opacity: 0;
+    }
+
+    .mui-text-field-input {
+      padding-top: 24px;
+    }
+
+    &.mui-has-value,
+    &.mui-is-focused {
+      .mui-text-field-floating-label {
+        transform: scale(0.75) translate3d(0, -18px, 0);
+      }
+    }
+
+    &.mui-has-value {
+      .mui-text-field-floating-label {
+        color: fade(@body-text-color, 50%);
+      }
+    }
+
+    &.mui-is-disabled {
+      .mui-text-field-hint {
+        color: @disabled-text-color;
+      }
+    }
+
+    &.mui-is-focused {
+
+      .mui-text-field-hint {
+        opacity: 1;
+      }
+
+      .mui-text-field-floating-label {
+        transform: scale(0.75) translate3d(0, -18px, 0);
+        color: @primary-1-color;
+      }
+
+      &.mui-has-error {
+        .mui-text-field-floating-label {
+          color: @error-color;
+        }
+      }
+
+      &.mui-has-value {
+        .mui-text-field-hint {
+          opacity: 0;
+        }
+      }
+    }
+  }
+}