Détail du package

muicss

muicss8kMIT0.10.3

Lightweight CSS framework based on Google's Material Design guidelines

MUI, CSS, CSS Framework, Material Design

readme

Material Design CSS Framework

MUI

MUI is a lightweight CSS framework that follows Google's Material Design guidelines.

Join the chat at https://gitter.im/muicss/mui Build Status Dependency Status devDependency Status

Introduction

The MUI NPM package makes it easy to import MUI into a project and create a custom build that only includes the components you need.

The simplest way to use MUI is via the top level imports muicss and muicss/react:

import { Appbar, Button, Panel } from 'muicss/react';

You can also optimize your builds by importing modules one-by-one from the lower level API:

import Appbar from 'muicss/lib/react/appbar';
import Button from 'muicss/lib/react/button';
import Container from 'muicss/lib/react/container';

Here's an example of how to use MUI in a React app:

import React from 'react';
import ReactDOM from 'react-dom';
import { Appbar, Button, Panel } from 'muicss/react';

class Example extends React.Component {
  onClick() {
    console.log('clicked on button');
  }

  render() {
    return (
      <div>
        <Appbar />
        <Container>
          <Panel>
            <Button onClick={this.onClick}>My Button</Button>
          </Panel>
        </Container>
      </div>
    );
  }
}

ReactDOM.render(<Example />, document.getElementById('example'));

API Documentation

React Library

All of the MUI React components can be accessed as top-level attributes of the muicss/react package. In addition, they can be accessed individually at muicss/lib/react/{component}.

Appbar

import Appbar from 'muicss/lib/react/appbar';

<Appbar />

Read more: https://www.muicss.com/docs/v1/react/appbar

Button

import Button from 'muicss/lib/react/button';

<Button />
  * {String} color=default|primary|danger|accent
  * {String} size=default|small|large
  * {String} type=submit|button
  * {String} variant=default|flat|raised|fab
  * {Boolean} disabled=false|true

Read more: https://www.muicss.com/docs/v1/react/buttons

Checkbox

import Checkbox from 'muicss/lib/react/checkbox';

<Checkbox />
  * {Boolean} checked
  * {Boolean} defaultChecked
  * {String} defaultValue
  * {Boolean} disabled=false|true
  * {String} label
  * {String} name
  * {String} value

Read more: https://www.muicss.com/docs/v1/react/forms

Container

import Container from 'muicss/lib/react/container';

<Container />
  * {Boolean} fluid=false|true

Read more: https://www.muicss.com/docs/v1/react/container

Divider

import Divider from 'muicss/lib/react/divider';

<Divider />

Read more: https://www.muicss.com/docs/v1/react/dividers

Dropdown Component

Dropdown
import Dropdown from 'muicss/lib/react/dropdown';

<Dropdown />
  * {String or ReactElement} label
  * {String} alignment=default|right|bottom
  * {String} color=default|primary|danger|accent
  * {String} placement=default|up|right|left
  * {String} size=default|small|large
  * {String} variant=default|flat|raised|fab
  * {Boolean} disabled
  * {Function} onClick
  * {Function} onSelect

Read more: https://www.muicss.com/docs/v1/react/dropdowns

DropdownItem
import DropdownItem 'muicss/lib/react/dropdown-item';

<DropdownItem />
  * {String} link
  * {String} target
  * {String} value
  * {Function} onClick

Read more: https://www.muicss.com/docs/v1/react/dropdowns

Form

import Form from 'muicss/lib/react/form';

<Form />
  * {Boolean} inline=false|true

Read more: https://www.muicss.com/docs/v1/react/forms

Grid Elements

Row
import Row from 'muicss/lib/react/row';

<Row />

Read more: https://www.muicss.com/docs/v1/react/grid

Col
import Col from 'muicss/lib/react/col';

<Col />
  * {Integer} xs
  * {Integer} xs-offset
  * {Integer} sm
  * {Integer} sm-offset
  * {Integer} md
  * {Integer} md-offset
  * {Integer} lg
  * {Integer} lg-offset
  * {Integer} xl
  * {Integer} xl-offset

Read more: https://www.muicss.com/docs/v1/react/grid

Input

import Input from 'muicss/lib/react/input';

<Input />
  * {String} defaultValue
  * {Boolean} floatingLabel
  * {String} placeholder
  * {Boolean} invalid
  * {String} label
  * {String} name
  * {Boolean} required
  * {String} type=text|email|url|tel|password
  * {String} value
  * {Function} onChange

Read more: https://www.muicss.com/docs/v1/react/forms

Panel

import Panel from 'muicss/lib/react/panel';

<Panel />

Read more: https://www.muicss.com/docs/v1/react/panels

Radio

import Radio from 'muicss/lib/react/panel';

<Radio />
  * {String} name
  * {String} value
  * {Boolean} checked
  * {Boolean} defaultChecked
  * {Boolean} disabled=false|true

Read more: https://www.muicss.com/docs/v1/react/forms

Select Component

Select
import Select from 'muicss/lib/react/select';

<Select />
  * {String} defaultValue
  * {Boolean} disabled=false|true
  * {String} name
  * {String} label
  * {String} placeholder
  * {Boolean} readOnly=false|true
  * {Boolean} required=false|true
  * {Boolean} useDefault=false|true
  * {String} value
  * {Function} onChange

Read more: https://www.muicss.com/docs/v1/react/forms

Option
import Option from 'muicss/lib/react/option';

<Option />
  * {String} value
  * {String} label

Read more: https://www.muicss.com/docs/v1/react/forms

Tabs Component

Tabs
import Tabs from 'muicss/lib/react/tabs';

<Tabs />
  * {Integer} defaultSelectedIndex=0
  * {Integer} selectedIndex
  * {Boolean} justified=false|true
  * {Function} onChange

Read more: https://www.muicss.com/docs/v1/react/tabs

Tab
import Tab from 'muicss/lib/react/tab';

<Tab />
  * {String} label
  * {String} value
  * {Function} onActive

Read more: https://www.muicss.com/docs/v1/react/tabs

Textarea

import Textarea from 'muicss/lib/react/textarea';

<Textarea />
  * {String} defaultValue
  * {Boolean} floatingLabel
  * {String} placeholder
  * {Boolean} invalid
  * {String} label
  * {String} name
  * {Boolean} required
  * {Number} rows
  * {String} value
  * {Function} onChange

Read more: https://www.muicss.com/docs/v1/react/forms

CSS Helpers

<!-- animation -->
<div className="mui--no-transition"></div>

<!-- alignment -->
<div className="mui--text-left"></div>
<div className="mui--text-right"></div>
<div className="mui--text-center"></div>
<div className="mui--text-justify"></div>
<div className="mui--text-nowrap"></div>
<div className="mui--align-baseline"></div>
<div className="mui--align-top"></div>
<div className="mui--align-middle"></div>
<div className="mui--align-bottom"></div>

<!-- depth helpers -->
<div className="mui--z1"></div>
<div className="mui--z2"></div>
<div className="mui--z3"></div>
<div className="mui--z4"></div>
<div className="mui--z5"></div>

<!-- float helpers -->
<div className="mui--clearfix"></div>
<div className="mui--pull-right"></div>
<div className="mui--pull-left"></div>

<!-- toggle helpers -->
<div className="mui--hide"></div>
<div className="mui--show"></div>
<div className="mui--invisible"></div>
<div className="mui--overflow-hidden"></div>

<!-- responsive utilities -->
<div className="mui--visible-xs-block"></div>
<div className="mui--visible-xs-inline"></div>
<div className="mui--visible-xs-inline-block"></div>
<div className="mui--visible-sm-block"></div>
<div className="mui--visible-sm-inline"></div>
<div className="mui--visible-sm-inline-block"></div>
<div className="mui--visible-md-block"></div>
<div className="mui--visible-md-inline"></div>
<div className="mui--visible-md-inline-block"></div>
<div className="mui--visible-lg-block"></div>
<div className="mui--visible-lg-inline"></div>
<div className="mui--visible-lg-inline-block"></div>
<div className="mui--hidden-xs"></div>
<div className="mui--hidden-sm"></div>
<div className="mui--hidden-md"></div>
<div className="mui--hidden-lg"></div>

<!-- typograpy -->
<div className="mui--text-display4"></div>
<div className="mui--text-display3"></div>
<div className="mui--text-display2"></div>
<div className="mui--text-display1"></div>
<div className="mui--text-headline"></div>
<div className="mui--text-title"></div>
<div className="mui--text-subhead"></div>
<div className="mui--text-body2">Body2</div>
<div className="mui--text-body1">Body1</div>
<div className="mui--text-caption">Caption</div>
<div className="mui--text-menu">Menu</div>
<div className="mui--text-button">Button</div>

<!-- text color -->
<div className="mui--text-dark"></div>
<div className="mui--text-dark-secondary"></div>
<div className="mui--text-dark-hint"></div>
<div className="mui--text-light"></div>
<div className="mui--text-light-secondary"></div>
<div className="mui--text-light-hint"></div>
<div className="mui--text-accent"></div>
<div className="mui--text-accent-secondary"></div>
<div className="mui--text-accent-hint"></div>
<div className="mui--text-danger"></div>
<div className="mui--text-black"></div>
<div className="mui--text-white"></div>

<!-- background color -->
<div className="mui--bg-primary"></div>
<div className="mui--bg-primary-dark"></div>
<div className="mui--bg-primary-light"></div>
<div className="mui--bg-accent"></div>
<div className="mui--bg-accent-dark"></div>
<div className="mui--bg-accent-light"></div>
<div className="mui--bg-danger"></div>

<!-- user select -->
<div className="mui--no-user-select"></div>

<!-- appbar dimension helpers -->
<div className="mui--appbar-height"></div>
<div className="mui--appbar-min-height"></div>
<div className="mui--appbar-line-height"></div>

<!-- list helpers -->
<ul className="mui-list--unstyled"></ul>
<ul className="mui-list--inline"></ul>

Directory Tree

muicss
├── angular.js
├── dist
│   ├── angular
│   │   ├── mui-angular.js
│   │   └── mui-angular.min.js
│   ├── css
│   │   ├── mui.css
│   │   ├── mui.min.css
│   │   ├── mui-noglobals.css
│   │   ├── mui-noglobals.min.css
│   │   ├── mui-noglobals-rtl.css
│   │   ├── mui-noglobals-rtl.min.css
│   │   ├── mui-rtl.css
│   │   └── mui-rtl.min.css
│   ├── email
│   │   ├── mui-email-inline.css
│   │   ├── mui-email-inline-rtl.css
│   │   ├── mui-email-styletag.css
│   │   └── mui-email-styletag-rtl.css
│   ├── extra
│   │   ├── mui-angular-combined.js
│   │   ├── mui-angular-combined.min.js
│   │   ├── mui-colors.css
│   │   ├── mui-colors.min.css
│   │   ├── mui-combined.js
│   │   ├── mui-combined.min.js
│   │   ├── mui-noglobals.css
│   │   ├── mui-noglobals.min.css
│   │   ├── mui-noglobals-rtl.css
│   │   ├── mui-noglobals-rtl.min.css
│   │   ├── mui-react-combined.js
│   │   └── mui-react-combined.min.js
│   ├── js
│   │   ├── mui.js
│   │   └── mui.min.js
│   ├── react
│   │   ├── mui-react.js
│   │   └── mui-react.min.js
│   └── webcomponents
│       ├── mui-webcomponents.js
│       └── mui-webcomponents.min.js
├── index.js
├── lib
│   ├── angular
│   │   ├── appbar.js
│   │   ├── babel-helpers.js
│   │   ├── button.js
│   │   ├── caret.js
│   │   ├── checkbox.js
│   │   ├── col.js
│   │   ├── container.js
│   │   ├── divider.js
│   │   ├── dropdown-item.js
│   │   ├── dropdown.js
│   │   ├── form.js
│   │   ├── input.js
│   │   ├── panel.js
│   │   ├── radio.js
│   │   ├── row.js
│   │   ├── select.js
│   │   └── tabs.js
│   ├── js
│   │   ├── config.js
│   │   ├── lib
│   │   │   ├── forms.js
│   │   │   ├── jqLite.js
│   │   │   └── util.js
│   │   └── overlay.js
│   ├── react
│   │   ├── appbar.js
│   │   ├── babel-helpers.js
│   │   ├── button.js
│   │   ├── caret.js
│   │   ├── checkbox.js
│   │   ├── col.js
│   │   ├── container.js
│   │   ├── divider.js
│   │   ├── dropdown-item.js
│   │   ├── dropdown.js
│   │   ├── form.js
│   │   ├── _helpers.js
│   │   ├── input.js
│   │   ├── option.js
│   │   ├── panel.js
│   │   ├── radio.js
│   │   ├── row.js
│   │   ├── select.js
│   │   ├── tab.js
│   │   ├── tabs.js
│   │   ├── textarea.js
│   │   └── text-field.js
│   └── sass
│       ├── mui
│       │   ├── _appbar.scss
│       │   ├── _buttons.scss
│       │   ├── _checkbox-and-radio.scss
│       │   ├── _colors.scss
│       │   ├── _containers.scss
│       │   ├── _divider.scss
│       │   ├── _dropdown.scss
│       │   ├── _form.scss
│       │   ├── _globals.scss
│       │   ├── _grid.scss
│       │   ├── _helpers.scss
│       │   ├── mixins
│       │   │   ├── _buttons.scss
│       │   │   ├── _forms.scss
│       │   │   ├── _grid-framework.scss
│       │   │   ├── _typography.scss
│       │   │   └── _util.scss
│       │   ├── _mixins.scss
│       │   ├── _overlay.scss
│       │   ├── _panel.scss
│       │   ├── _ripple.scss
│       │   ├── _select.scss
│       │   ├── _table.scss
│       │   ├── _tabs.scss
│       │   ├── _textfield.scss
│       │   ├── _typography.scss
│       │   └── _variables.scss
│       ├── mui-colors.scss
│       ├── mui-noglobals.scss
│       └── mui.scss
├── LICENSE.txt
├── package.json
├── react.js
└── README.md

changelog

MUI Changelog

0.10.3 - June 2, 2020

0.10.2 - April 23, 2020

  • Updated devDependencies and rebuilt packages

0.10.1 - January 21, 2020

  • Updated devDependencies and rebuilt packages

0.10.0 - October 10, 2019

  • Added UNSAFE_ prefix to deprecated React methods to hide console warnings
  • Updated devDependencies and rebuilt packages

0.9.43 - July 31, 2019

  • Added up/right/left options to caret component in CSS/JS, React and Angular libraries
  • Added menu placement and alignment options to dropdown component in CSS/JS, React and Angular libraries

0.9.42 - June 22, 2019

  • Updated devDependencies and rebuilt packages

0.9.41 - September 2, 2018

  • [CSS] Fixed bug with autofill pseudo selector preventing floating labels from working properly in Firefox

0.9.40 - August 24, 2018

  • [CSS] Added autofill support to floating labels

0.9.39 - April 27, 2018

  • Release of 0.9.39-rc1

0.9.39-rc1 - April 3, 2018

  • [CSS] Reverted dimentions to use 'px' by default
  • [CSS] Added pre-compiled 'rem' version to extras
  • [REACT] Fixed issue preventing use of duplicate values in select options
  • [REACT] Added support for placeholder to Select component
  • [ANGULAR] Added support for placeholder to mui-select component

0.9.38 - March 16, 2018

  • Added $mui-use-rem SASS option to choose 'px' or 'rem'
  • Added pre-compiled px-only version of MUI CSS to extras
  • Fixed double underline issue with <abbr> tag caused by latest version of Normalize CSS

0.9.37 - March 15, 2018

  • Switched to using 'rem' instead of 'px' for most CSS dimensions

0.9.36 - February 2, 2018

  • Added support for disabled attribute to React Select component

0.9.35 - December 17, 2017

  • Added close-on-escape support to Dropdown components in MUI CSS/JS, React and Angular libraries.

0.9.34 - December 16, 2017

  • Added input event trigger to CSS/JS Select component

0.9.33 - December 15, 2017

  • Set bubbles=true for change event on CSS/JS Select component

0.9.32 - December 14, 2017

  • Fixed typo in tabIndex attribute used in MUI React Input, Textarea and Select component

0.9.31 - December 9, 2017

0.9.30 - November 20, 2017

0.9.29 - November 16, 2017

  • Fixed scroll lock issue in Firefox Quantum
  • Added support for use-default to CSS/JS Select component

0.9.28 - October 27, 2017

  • Added support for Select menu row height SASS variable
  • Upgraded devDependencies

0.9.27 - September 28, 2017

  • Fixed issue with MUI React Col component in React 16
  • Switched to console.warn for MUI React warnings instead of console.error

0.9.26 - September 21, 2017

  • Fixed bug in React Input component triggered by using preact
  • Added configuration options for Select component CSS

0.9.25 - September 7, 2017

  • Added MUI Email SCSS files to muicss NPM package
  • Upgraded devDependencies

0.9.24 - August 29, 2017

0.9.23 - August 27, 2017

  • Added controlEl attribute reference to inner control elements in React Checkbox/Input/Radio/Select/Textarea components

0.9.22 - August 20, 2017

  • Improvements and bugfixes to MUI Angular Input component
  • Switched from string 'refs' in MUI React to methods
  • Upgraded devDependencies

0.9.21 - August 7, 2017

0.9.20 - July 21, 2017

  • Removed http-server from npm dependencies

0.9.19 - July 21, 2017

0.9.18 - July 13, 2017

  • Added ng-checked support to MUI Angular Checkbox and Radio components

0.9.17 - June 14, 2017

  • Upgraded devDependencies
  • Upgraded to React 15.6.0

0.9.16 - April 26, 2017

  • Added support for required property to MUI React Select component

0.9.15 - April 10, 2017

  • Upgraded to React 15.5.0

0.9.14 - April, 8 2017

  • Fixed issue with CSS/JS DOM insertion CSS causing animation flash on disabled elements
  • Added top/left borders to dropdown component menu on IE
  • Deferred creation of ripple effect container element to mousedown event in CSS/JS library

0.9.13 - April, 3 2017

  • Fixed issue in Chrome where textfield floating labels were ignoring autofill events in CSS/JS library

0.9.12 - March 18, 2017

  • Added support for jump-to alphabetical matches to CSS/JS, Angular and React Select components

0.9.11 - March 17, 2017

  • Fixed CSS animation trigger bug in IE Edge

0.9.10 - March 11, 2017

  • Upgraded devDependencies
  • Updated React TextField component to allow object or string labels

0.9.9 - February 15, 2017

  • Bumped version number

0.9.9-rc2 - January 22, 2017

  • Added more fine-grained CSS state classes to input and textfield controls
    • .mui--is-untouched - Control instance has not lost focus
    • .mui--is-touched - Control instance has lost focus
    • .mui--is-pristine - User has not interacted with control instance
    • .mui--is-dirty - User has interacted with control instance
    • .mui--is-empty - Control instance is empty
    • .mui--is-not-empty - Control instance is not empty
  • Skipping replacement of untouched/touched CSS states on window blur event
  • Removed hard coded anchor tag :hover color

0.9.9-rc1 - January 16, 2017

  • Minimized global CSS footprint (mui.css)
    • Includes Normalize.css
    • Sets font styles for <html>, <body> tags
    • Sets style for naked <a> tags
    • Sets style for <p>, <ul>, <ol>, <strong>, <abbr>, <hr>, <h1>, <h2>, etc.
    • No longer sets box-sizing: border-box CSS property globally
    • No longer modifies styles for <figure>, <img>, <legend>, <input type="search">, <input type="file">, <input type="radio">, <input type="checkbox">
  • Added version without globals (mui-noglobals.css)
    • No global CSS properties
  • Bugfix for IE Edge box shadows
  • Added mui-form class to scope <legend> and <fieldset> tags

0.9.8 - January 12, 2017

  • Reverted to body method for scroll lock
  • Fixed bug causing issues with validation of required input fields when MUI JS is loaded asynchronously

0.9.7 - December 20, 2016

  • Fixed static/dynamic content bug in React Tabs component
  • Added support for controlled tabs in React Tabs component
  • Changed initialSelectedIndex to defaultSelectedIndex in React Tabs component

0.9.6 - December 3, 2016

  • Fixed bug in React Select component that added name property to outer <div> element wrather than inner <select> element
  • Improved ripple code, fixed bug in opera
  • Made CSS/JS Select component more robust against memory leaks

0.9.5 - November 26, 2016

  • Added '!default` modifier to value of $mui-base-font-smoothing in SASS
  • Implemented MDL ripple technique to fix animation flash issue https://github.com/muicss/mui/issues/169
  • Decreased box-shadow effect when button is activated

0.9.4 - November 9, 2016

  • Fixed issue with single tab elements in React Tabs component
  • Improved handling of MUI animationstart callbacks - using useCapture to capture event and calling ev.stopImmediatePropagation() to prevent other listeners from firing
  • Fixed bug preventing ripple effect on dynamically added dropdown button elements in CSS/JS library
  • Removed flicker on animationstart helpers css load
  • upgraded devDependencies

0.9.3 - October 21, 2016

  • Fixed styling issue in CSS/JS Dropdown component when using non-INPUT/BUTTON toggle elements

0.9.2 - October 20, 2016

  • Fixed issue with reference to document in React Select component causing problems with server-side rendering
  • Added missing xl breakpoint to Angular library
  • Introduced use of documentFragment in CSS/JS Select component to improve performance
  • Upgraded Normalize.css to 5.0.0

0.9.1 - October 6, 2016

  • Moved node-inserted CSS classes to JavaScript library
  • Fixed issue with integer 0 values in React Input/Textarea components
  • Added support for visible scroll bars to overlay method

0.9.0 - October 2, 2016

  • Refactored CSS/JS, React, Angular Select components
  • Using more robust, wrapper-based method for wrapping built-in <select> elements
  • Fixed bug in jqLite.one() method preventing detaching method with useCapture
  • Added minified files to packages/cdn/extra

0.8.1 - September 20, 2016

  • Added support for disabled options to MUI CSS/JS Select component
  • Modified Select components to use browser built-in menu for touchscreen devices

0.8.0 - September 15, 2016

  • Added RTL support to CSS
  • Added CDN package to NPM package

0.7.5 - September 8, 2016

  • Added gulp watch task for development
  • Improved handling of focused elements when overlay method is activated
  • Added up/down scroll to overlay by setting focus to overlay element
  • Fixed issue with MUI Angular button attributes (e.g. type)

0.7.4 - September 2, 2016

  • Added support for Optgroups to CSS/JS Select component

0.7.3 - August 25, 2016

  • Added support for custom className to React Option component

0.7.2 - August 24, 2016

  • Fixed bug causing React Select component to ignore value change on item click in dropdown menu
  • Removed reset scroll position from overlay teardown

0.7.1 - August 21, 2016

  • Fixed bug causing React Input and Textarea components with defaultValue to unfloat labels on state update

0.7.0 - August 17, 2016

  • Fixed bug preventing execution of onFocus callback in React Input and Textarea components

0.6.9 - August 11, 2016

  • Fixed empty/not-empty CSS bug with React Input and Textarea components

0.6.8 - July 12, 2016

  • Changed class name of background color helpers
  • Added danger color to background color helpers

0.6.7 - July 12, 2016

  • Added background color helpers

0.6.6 - July 10, 2016

  • Improved handling of spread attributes in MUI React library to prevent unknown property warnings in React 15.2.1
  • Fixed bug in React Button component that was ignoring mouse/touch event callbacks (onMouseDown, onMouseUp, onMouseLeave, onTouchStart, onTouchEnd)

0.6.5 - June 26, 2016

  • Fixed bug in React dropdown component causing issues with server-side rendering

0.6.4 - June 25, 2016

  • Removed reference to document in MUI React button module causing issues with server-side rendering

0.6.3 - June 22, 2016

  • Improved handling of ripple dimensions to deal with long buttons

0.6.2 - June 22, 2016

  • Fixed bug causing recursive call to requestAnimationFrame

0.6.1 - June 22, 2016

  • Fixed slow animation issue with ripple effect in Firefox on linux
  • Improved ripple effect animation

0.6.0 - May 22, 2016

  • Added support for select box label to MUI CSS/JS, MUI React and MUI Angular

0.5.9 - May 17, 2016

  • Set z-index of .mui-select__menu to 2 to fix overlap bug with floating action buttons

0.5.8 - May 6, 2016

  • Added react@^15.0.0 as peerDependency in NPM package.json

0.5.7 - May 5, 2016

  • Fixed Angular injector minification bug in MUI Tabs

0.5.6 - April 28, 2016

  • Bugfix to Email SASS semantic markup
  • Handling timeouts gracefully in React componentWillUnmount

0.5.5 - April 26, 2016

  • Using ES6 for Angular source code
  • Added MUI Angular to NPM package

0.5.4 - April 22, 2016

  • Added support for target attribute to React DropdownItem

0.5.3 - April 16, 2016

  • Added support for Angular Tabs directive
  • Fixed focus bug with Angular Select directive

0.5.2 - April 14, 2016

  • Added support for React 15.0.1

0.5.1 - April 12, 2016

  • Fixed bug causing onChange to be called twice on React <Checkbox> and <Radio>

0.5.0 - April 7, 2016

  • Major upgrade to Angular library - fixed many bugs and added missing features

0.4.9 - April 6, 2016

  • Fixed bug in React Dropdown that prevented menu from closing when a DropdownItem was selected
  • Fixed bug in React Dropdown that fired onClick event on DropdownItem twice
  • Added support for onSelect event to React Dropdown
  • Added support for React elements to React Dropdown label

0.4.8 - March 30, 2016

  • Fixed bug that kept dropdowns open when other dropdowns were clicked on

0.4.7 - March 1, 2016

  • Added JS change eveent handler to mui-textfield input elements
  • Improved organization of MUI sass files
  • Improved organization of MUI js files

0.4.6 - February 18, 2016

  • Fixed component name errors in NPM react.js module

0.4.5 - February 12, 2016

  • Changed React SelectItem component name to Option
  • Added controlled controller support to React Select, Checkbox, Radio
  • Bugfixes to Angular library

0.4.4 - February 8, 2016

  • Changed React input component names to Input and Textarea

0.4.3 - February 7, 2016

  • Added Angular library

0.4.2 - February 3, 2016

  • Added support for other React attributes and events
  • Set default font-family to "Arial, Verdana, Tahoma" for better cross-browser support out of the box

0.4.1 - February 2, 2016

  • Added defaultValue and controlled component support to React TextInput and TextareaInput

0.4.0 - February 2, 2016

  • Made CSS/JS ripple node removal more robust
  • Added value, defaultValue, onChange support to React Select component
  • Changed boolean properties to use React built-in names:
    • isAutofocus -> autoFocus
    • isChecked -> checked
    • isDisabled -> disabled
    • isRequired -> required
  • Changed other boolean properties to use React-like names:
    • isFluid -> fluid
    • isInline -> inline
    • isInvalid -> invalid
    • isJustified -> justified
    • isLabelFloating -> floatingLabel
  • Added support for defaultChecked to React Checkbox and Radio components

0.3.0

  • Replaced .mui-textfield--invalid with .mui--is-invalid
  • Replaced .mui--text-black-{XX}, .mui--text-white-{XX} color helpers with:
    • .mui--text-dark
    • .mui--text-dark-secondary
    • .mui--text-dark-hint
    • .mui--text-light
    • .mui--text-light-secondary
    • .mui--text-light-hint
    • .mui--text-accent
    • .mui--text-accent-secondary
    • .mui--text-accent-hint
  • Major non-backwards compatible modifications to React library
  • Added .mui--text-black and .mui--text-white
  • Added 'xl' screen size and changed default widths for 'sm', 'md' and 'lg' breakpoints

0.2.10 - January 12, 2016

  • Fixed bug causing mui.overlay('off') to throw error when called before turning on overlay

0.2.9 - December 7, 2015

  • Fixed path to js file for muicss npm package

0.2.8 - December 3, 2015

  • Added .mui-textfield--invalid css helper

0.2.7 - December 1, 2015

  • Replaced .mui--text-black-26 with .mui--text-black-38 to bring CSS color helpers in line with MD spec

0.2.6 - November 27, 2015

  • Improves floating label animation by using CSS transform

0.2.5 - November 27, 2015

  • Added .mui-body--scroll-lock specifically for scroll lock

0.2.4 - November 26, 2015

  • Uses body class for scroll lock

0.2.3 - November 21, 2015

  • Upgraded to React 0.14.3

0.2.2 - November 20, 2015

  • Improved IE10+ CSS borders for buttons, panels and select menu
  • Improved positioning of select menu
  • Improved logic of select menu initial scroll position
  • Improved window scroll lock

0.2.1 - October 16, 2015

  • Moved textfield floating label modifier to wrapper class
  • Disabled use of .mui-textfieldinput and .mui-textfieldlabel--floating

0.2.0 - October 12, 2015

  • Added html email example layout

0.2.0-rc3 - October 10, 2015

  • Changed .mui--notransition to .mui--no-transition
  • Added .mui--no-user-select

0.2.0-rc2 - October 8, 2015

  • Removed color attribute from typography classes
  • Added text color helpers
  • Migrated colors.css to BEM syntax

0.2.0-rc1 - October 7, 2015

  • Migrated CSS/JS and Email Libraries to BEM syntax
  • Removed internal bootstrap source code dependency
  • Removed MUIRoundButton from React library

0.1.23 - September 19, 2015

  • Added support for data-attributes in Tabs CSS

0.1.22 - September 18, 2015

  • Added tab events

0.1.22-rc1 - September 3, 2015

  • Removed unnecessary styles from button CSS
  • Using "mui-is-" syntax for stateful CSS (e.g. mui-is-active)
  • Added data-attributes syntax for buttons, dropdowns, tables, container
  • Added a dark button option
  • Changed floating action button naming from "floating" to "fab"

0.1.21 - August 5, 2015

  • Removed default down arrow on select component on IE

0.1.20 - August 5, 2015

  • Raising Error objects
  • Decreased $mui-container-sm width by 18px to account for vertical scrollbar
  • Bugfix to _outsideClick handler in react library
  • Using default <select> behavior on touch devices

0.1.19 - July 26, 2015

  • Bugfix to mui-react-combined.js build script
  • Removed styles on bare <label> element
  • Removed styles on bare <fieldset> element
  • Removed styles on bare input[type="radio"], input[type="checkbox"], input[type="range"], select[multiple], select[size]
  • Renamed $mui-panel-bg to $mui-panel-bg-color
  • Changed btn-raised box-shadow to 0 2px 2px rgba(0, 0, 0, 0.20)

0.1.18 - July 6, 2015

  • Disabled font-smoothing by default
  • Set all button font weights to 500

0.1.17 - July 5, 2015

  • Bugfix to add font-smoothing to inputs, textareas and buttons on Safari

0.1.16 - July 5, 2015

  • Removed on-load underline from required fields
  • Removed '*' from required field labels
  • Removed top/bottom margin from form-inline buttons
  • Improved raised button box shadow
  • Added text font-smoothing to body by default
  • Removed custom letter-spacing
  • Set button font-weight to 500, 600 for white text
  • Moved mui-colors.css to extra/ directory in dist/
  • Added mui-combined.js to extra/
  • Added mui-react-combined.js to extra/
  • Set maximum height of select element menu to viewport height

0.1.15 - June 28, 2015

  • Removed ignore 'dist' directory from bower.json

0.1.14 - June 27, 2015

  • Added support for label wrapping to mui-form-group via data-attribute

0.1.13 - June 14, 2015

  • Added .mui-dirty class to .mui-form-control elements on focus

0.1.12 - June 13, 2015

  • Added secret mui.tabs.activate() method

0.1.11 - June 11, 2015

  • Bugfix to js/tabs.js in DOM node listener

0.1.10 - June 11, 2015

  • Re-built dist to fix css issue

0.1.9 - June 10, 2015

  • Fixed bug in dropdown to close menu on item select

0.1.8 - June 3, 2015

  • Added compiled files to release

0.1.7 - June 3, 2015

  • Fixed typo in React dropdown componentWillUnmount()

0.1.6 - May 31, 2015

  • Changed style of empty required fields

0.1.5 - May 31, 2015

  • Added form validator handlers
  • Implemented form-control handler to set mui-empty classes
  • Migrated floating labels to use mui-empty classes
  • Added 'change' event dispatching to select component

0.1.4 - May 28, 2015

  • Added mui-select component to CSS/JS
  • Split forms.js into two libraries in source code

0.1.3 - May 23, 2015

  • Using un-minified files for meteor distribution

0.1.2 - May 14, 2015

  • Fixed bug to prevent form submission on dropdown click
  • Fixed bug in forms.js missing function

0.1.1 - May 10, 2015

  • Removed bower dependencies
  • Copied bootstrap source into repo

0.1.0 - May 9, 2015

  • Improved React forms
  • Added React buttons, dropdowns, tabs

0.0.11 - May 6, 2015

  • Improved mui-btn box-shadow rules
  • Removed outline from mui-btn on focus
  • Improved CSS depth helper box-shadow rules

0.0.10 - May 1, 2015

  • Added .mui-appbar-top helper
  • Added onclose callback option to overlay

0.0.9 - April 27, 2015

  • Added accent color buttons

0.0.8 - April 11, 2015

  • Fixed reversed values of $mui-accent-color-dark and $mui-accent-color-light
  • Changed MUI SASS variable names with "-background" to "-bg"

0.0.7 - April 11, 2015

  • Updated npm dependencies
  • Added touchstart listener for ripple effect

0.0.6 - March 23, 2015

  • Set z-index of mui-dropdown-menu to 1
  • Changed data attribute name of dropdown to "data-mui-toggle"
  • Added tabs to CSS/JS
  • Added support for overlay options and childElement
  • Added jsdoc documentation to javascript modules
  • Removed vertical-align from mui-table
  • Added !important to mui-align helpers

0.0.5 - March 7, 2015

  • Added .mui-dropdown-menu-right to support right-aligned dropdowns
  • Improved handling of dropdowns by triggering on toggle button instead of wrapper
  • Added .mui-align-[baseline|top|middle|bottom] helper classes

0.0.4 - March 7, 2015

  • Fixed bug in webcomponents/buttons.js that was causing syntax error
  • Fixed bug in webcomponents/forms.js that was causing an undefined function error
  • Added dist/ to repository to better support 3rd party frameworks

0.0.3 - February 26, 2015

  • Removed configurable prfx in favor of explicit 'mui-'
  • Prepended 'mui-' to SASS variable names

0.0.2 - February 25, 2015

  • Fixed issue with ripples and dropdowns not triggering due to clicks on button child elements
  • Using CSS animation listeners to detect node insertions
  • Centralized animationstart listener in js/lib/util.js