2.0.0-alpha.4

museui · Nov 15, 2016 · ebcfb71 · ebcfb71
1 parent b45bc8b
commit ebcfb71
Show file tree

Hide file tree

Showing 15 changed files with 177 additions and 166 deletions.
diff --git a/dist/muse-ui.css b/dist/muse-ui.css
diff --git a/dist/muse-ui.js b/dist/muse-ui.js
diff --git a/dist/theme-carbon.css b/dist/theme-carbon.css
@@ -47,30 +47,6 @@ a {
 .mu-bottom-sheet {
   background-color: #ffffff;
 }
-.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-icon-uncheck {
-  color: #ff5252;
-}
-.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-ripple-wrapper {
-  color: #ff5252;
-}
-.mu-checkbox-label {
-  color: #474a4f;
-}
-.mu-checkbox.disabled .mu-checkbox-label {
-  color: #d3d6db;
-}
-.mu-checkbox-icon-uncheck {
-  color: #7e848c;
-}
-.mu-checkbox.disabled .mu-checkbox-icon-uncheck {
-  color: #d3d6db;
-}
-.mu-checkbox-icon-checked {
-  color: #ff5252;
-}
-.mu-checkbox.disabled .mu-checkbox-icon-checked {
-  color: #d3d6db;
-}
 .mu-card {
   background-color: #ffffff;
 }
@@ -98,6 +74,30 @@ a {
 .mu-card-text {
   color: #474a4f;
 }
+.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-icon-uncheck {
+  color: #ff5252;
+}
+.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-ripple-wrapper {
+  color: #ff5252;
+}
+.mu-checkbox-label {
+  color: #474a4f;
+}
+.mu-checkbox.disabled .mu-checkbox-label {
+  color: #d3d6db;
+}
+.mu-checkbox-icon-uncheck {
+  color: #7e848c;
+}
+.mu-checkbox.disabled .mu-checkbox-icon-uncheck {
+  color: #d3d6db;
+}
+.mu-checkbox-icon-checked {
+  color: #ff5252;
+}
+.mu-checkbox.disabled .mu-checkbox-icon-checked {
+  color: #d3d6db;
+}
 .mu-chip {
   background-color: #e0e0e0;
   color: rgba(71, 74, 79, 0.87);

diff --git a/dist/theme-carbon.min.css b/dist/theme-carbon.min.css
diff --git a/dist/theme-dark.css b/dist/theme-dark.css
@@ -47,30 +47,6 @@ a {
 .mu-bottom-sheet {
   background-color: #424242;
 }
-.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-icon-uncheck {
-  color: #0288d1;
-}
-.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-ripple-wrapper {
-  color: #0288d1;
-}
-.mu-checkbox-label {
-  color: #ffffff;
-}
-.mu-checkbox.disabled .mu-checkbox-label {
-  color: rgba(255, 255, 255, 0.3);
-}
-.mu-checkbox-icon-uncheck {
-  color: #ffffff;
-}
-.mu-checkbox.disabled .mu-checkbox-icon-uncheck {
-  color: rgba(255, 255, 255, 0.3);
-}
-.mu-checkbox-icon-checked {
-  color: #0288d1;
-}
-.mu-checkbox.disabled .mu-checkbox-icon-checked {
-  color: rgba(255, 255, 255, 0.3);
-}
 .mu-card {
   background-color: #303030;
 }
@@ -98,6 +74,30 @@ a {
 .mu-card-text {
   color: #ffffff;
 }
+.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-icon-uncheck {
+  color: #0288d1;
+}
+.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-ripple-wrapper {
+  color: #0288d1;
+}
+.mu-checkbox-label {
+  color: #ffffff;
+}
+.mu-checkbox.disabled .mu-checkbox-label {
+  color: rgba(255, 255, 255, 0.3);
+}
+.mu-checkbox-icon-uncheck {
+  color: #ffffff;
+}
+.mu-checkbox.disabled .mu-checkbox-icon-uncheck {
+  color: rgba(255, 255, 255, 0.3);
+}
+.mu-checkbox-icon-checked {
+  color: #0288d1;
+}
+.mu-checkbox.disabled .mu-checkbox-icon-checked {
+  color: rgba(255, 255, 255, 0.3);
+}
 .mu-chip {
   background-color: #4f4f4f;
   color: rgba(255, 255, 255, 0.87);

diff --git a/dist/theme-dark.min.css b/dist/theme-dark.min.css
diff --git a/dist/theme-default.css b/dist/theme-default.css
@@ -47,30 +47,6 @@ a {
 .mu-bottom-sheet {
   background-color: #ffffff;
 }
-.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-icon-uncheck {
-  color: #03a9f4;
-}
-.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-ripple-wrapper {
-  color: #03a9f4;
-}
-.mu-checkbox-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-.mu-checkbox.disabled .mu-checkbox-label {
-  color: rgba(0, 0, 0, 0.38);
-}
-.mu-checkbox-icon-uncheck {
-  color: rgba(0, 0, 0, 0.87);
-}
-.mu-checkbox.disabled .mu-checkbox-icon-uncheck {
-  color: rgba(0, 0, 0, 0.38);
-}
-.mu-checkbox-icon-checked {
-  color: #03a9f4;
-}
-.mu-checkbox.disabled .mu-checkbox-icon-checked {
-  color: rgba(0, 0, 0, 0.38);
-}
 .mu-card {
   background-color: #ffffff;
 }
@@ -98,6 +74,30 @@ a {
 .mu-card-text {
   color: rgba(0, 0, 0, 0.87);
 }
+.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-icon-uncheck {
+  color: #03a9f4;
+}
+.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-ripple-wrapper {
+  color: #03a9f4;
+}
+.mu-checkbox-label {
+  color: rgba(0, 0, 0, 0.87);
+}
+.mu-checkbox.disabled .mu-checkbox-label {
+  color: rgba(0, 0, 0, 0.38);
+}
+.mu-checkbox-icon-uncheck {
+  color: rgba(0, 0, 0, 0.87);
+}
+.mu-checkbox.disabled .mu-checkbox-icon-uncheck {
+  color: rgba(0, 0, 0, 0.38);
+}
+.mu-checkbox-icon-checked {
+  color: #03a9f4;
+}
+.mu-checkbox.disabled .mu-checkbox-icon-checked {
+  color: rgba(0, 0, 0, 0.38);
+}
 .mu-chip {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87);

diff --git a/dist/theme-default.min.css b/dist/theme-default.min.css
diff --git a/dist/theme-teal.css b/dist/theme-teal.css
@@ -47,30 +47,6 @@ a {
 .mu-bottom-sheet {
   background-color: #ffffff;
 }
-.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-icon-uncheck {
-  color: #009688;
-}
-.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-ripple-wrapper {
-  color: #009688;
-}
-.mu-checkbox-label {
-  color: rgba(0, 0, 0, 0.87);
-}
-.mu-checkbox.disabled .mu-checkbox-label {
-  color: rgba(0, 0, 0, 0.38);
-}
-.mu-checkbox-icon-uncheck {
-  color: rgba(0, 0, 0, 0.87);
-}
-.mu-checkbox.disabled .mu-checkbox-icon-uncheck {
-  color: rgba(0, 0, 0, 0.38);
-}
-.mu-checkbox-icon-checked {
-  color: #009688;
-}
-.mu-checkbox.disabled .mu-checkbox-icon-checked {
-  color: rgba(0, 0, 0, 0.38);
-}
 .mu-card {
   background-color: #ffffff;
 }
@@ -98,6 +74,30 @@ a {
 .mu-card-text {
   color: rgba(0, 0, 0, 0.87);
 }
+.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-icon-uncheck {
+  color: #009688;
+}
+.mu-checkbox input[type="checkbox"]:checked + .mu-checkbox-wrapper .mu-checkbox-ripple-wrapper {
+  color: #009688;
+}
+.mu-checkbox-label {
+  color: rgba(0, 0, 0, 0.87);
+}
+.mu-checkbox.disabled .mu-checkbox-label {
+  color: rgba(0, 0, 0, 0.38);
+}
+.mu-checkbox-icon-uncheck {
+  color: rgba(0, 0, 0, 0.87);
+}
+.mu-checkbox.disabled .mu-checkbox-icon-uncheck {
+  color: rgba(0, 0, 0, 0.38);
+}
+.mu-checkbox-icon-checked {
+  color: #009688;
+}
+.mu-checkbox.disabled .mu-checkbox-icon-checked {
+  color: rgba(0, 0, 0, 0.38);
+}
 .mu-chip {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87);

diff --git a/dist/theme-teal.min.css b/dist/theme-teal.min.css
diff --git a/docs/version.json b/docs/version.json
@@ -1,4 +1,5 @@
 [
+  "2.0.0-alpha.4",
   "2.0.0-alpha.3",
   "2.0.0-alpha.2",
   "2.0.0-alpha.1"

diff --git a/less/theme-vars.less b/less/theme-vars.less
@@ -5,6 +5,11 @@
 @avatarColor: @alternateTextColor;
 @avatarBackgroundColor: darken(@alternateTextColor, 26%);
 
+@baseFontFamily: @fontFamily;
+@baseTextColor: @textColor;
+@baseBackgroundColor: @backgroundColor;
+@baseLinkColor: @accentColor;
+
 // badge
 @badgeColor: @lighterPrimaryColor;
 @badgeTextColor: @alternateTextColor;
@@ -13,20 +18,13 @@
 @badgeSecondaryColor: @accentColor;
 @badgeSecondaryTextColor: @alternateTextColor;
 
-@baseFontFamily: @fontFamily;
-@baseTextColor: @textColor;
-@baseBackgroundColor: @backgroundColor;
-@baseLinkColor: @accentColor;
-
 @bottomNavBackgroundColor: @dialogBackgroundColor;
 @bottomNavShiftBackgroundColor: @primaryColor;
 @bottomNavUnselectedColor: @secondaryTextColor;
 @bottomNavShiftUnselectedColor: fade(@alternateTextColor, 70%);
 @bottomNavSelectedColor: @primaryColor;
 @bottomNavShiftSelectedColor: @alternateTextColor;
 
-@bottomSheetColor: @dialogBackgroundColor;
-
 @cardBackgroudColor: @backgroundColor;
 @cardTitleColor: fade(@textColor, 87%);
 @cardSubtitleColor: fade(@textColor, 54%);
@@ -36,6 +34,8 @@
 @cardMediaSubtitleColor: @lightWhite;
 @cardTextColor: @textColor;
 
+@bottomSheetColor: @dialogBackgroundColor;
+
 @checkboxColor: @textColor;
 @checkboxTextColor: @textColor;
 @checkboxDisabledColor: @disabledColor;
@@ -118,8 +118,6 @@
 @radioDisabledColor: @disabledColor;
 @radioCheckedColor: @primaryColor;
 
-@refreshControlColor: @primaryColor;
-
 // raisedButton
 @raisedButtonColor: @alternateTextColor;
 @raisedButtonTextColor: @textColor;
@@ -128,6 +126,11 @@
 @raisedButtonDisabledColor: darken(@alternateTextColor, 10%);
 @raisedButtonDisabledTextColor: fade(@textColor, 30%);
 
+@refreshControlColor: @primaryColor;
+
+@snackbarColor: @textColor;
+@snackbarTextColor: @alternateTextColor;
+
 @sliderTrackColor: @lighterPrimaryColor;
 @sliderSelectionColor: @primaryColor;
 @sliderDisabledColor:  @lighterPrimaryColor;
@@ -143,9 +146,6 @@
 @stepperDisabledTextColor: @disabledColor;
 @stepperConnectorLineColor: @grey400;
 
-@snackbarColor: @textColor;
-@snackbarTextColor: @alternateTextColor;
-
 // subHeader
 @subHeaderColor: @secondaryTextColor;
 
@@ -171,13 +171,6 @@
 @tabsTextColor: fade(@alternateTextColor, 70%);
 @tabsSelectedTextColor: @alternateTextColor;
 
-@timePickerColor: @alternateTextColor;
-@timePickerClockColor: @textColor;
-@timePickerClockCircleColor: fade(@darkBlack, 7%);
-@timePickerSelectColor: @primaryColor;
-@timePickerSelectTextColor: @alternateTextColor;
-@timePickerHeaderColor: @primaryColor;
-
 @textFieldTextColor: @secondaryTextColor;
 @textFieldInputColor: @textColor;
 @textFieldHintColor: @disabledColor;
@@ -189,6 +182,13 @@
 @textFieldErrorLineColor: @red;
 @textFieldDisabledLineColor: @disabledColor;
 
+@timePickerColor: @alternateTextColor;
+@timePickerClockColor: @textColor;
+@timePickerClockCircleColor: fade(@darkBlack, 7%);
+@timePickerSelectColor: @primaryColor;
+@timePickerSelectTextColor: @alternateTextColor;
+@timePickerHeaderColor: @primaryColor;
+
 @toastTextColor: @alternateTextColor;
 @toastColor: @textColor;