vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Merge branch 'dev' into add-chip-component

old
Lucas Correia 2016-04-04 11:41:04 +02:00
parent f96d00e523 5e40156304
commit ae8b22a174
20 changed files with 120 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/app_bar/_config.scss
View File

@ -1,6 +1,6 @@
$appbar-color: $color-primary-dark !default; $appbar-color: $color-primary-dark !default;
$appbar-contrast: $color-primary-contrast !default; $appbar-contrast: $color-primary-contrast !default;
$appbar-title-total-distance: 8 * $unit; $appbar-title-total-distance: 8 * $unit !default;
$appbar-height: 6.4 * $unit !default; $appbar-height: 6.4 * $unit !default;
$appbar-h-padding: 2.4 * $unit; $appbar-h-padding: 2.4 * $unit !default;
$appbar-title-distance: $appbar-title-total-distance - $appbar-h-padding; $appbar-title-distance: $appbar-title-total-distance - $appbar-h-padding !default;

2
components/autocomplete/Autocomplete.jsx
View File

@ -40,7 +40,7 @@ class Autocomplete extends React.Component {
componentWillReceiveProps (nextProps) { componentWillReceiveProps (nextProps) {
if (!this.props.multiple) { if (!this.props.multiple) {
this.setState({query: nextProps.value}); this.setState({query: this.query(nextProps.value)});
} }
} }

6
components/autocomplete/_config.scss
View File

@ -1,7 +1,7 @@
$autocomplete-color-primary-contrast: $color-primary-contrast !default; $autocomplete-color-primary-contrast: $color-primary-contrast !default;
$autocomplete-color-primary: $color-primary !default; $autocomplete-color-primary: $color-primary !default;
$autocomplete-overflow-max-height: 45vh; $autocomplete-overflow-max-height: 45vh !default;
$autocomplete-suggestion-active-background: $palette-grey-200 !default; $autocomplete-suggestion-active-background: $palette-grey-200 !default;
$autocomplete-suggestion-padding: $unit; $autocomplete-suggestion-padding: $unit !default;
$autocomplete-suggestions-background: $color-white !default; $autocomplete-suggestions-background: $color-white !default;
$autocomplete-value-margin: $unit * .25 $unit * .5 $unit * .25 0; $autocomplete-value-margin: $unit * .25 $unit * .5 $unit * .25 0 !default;

20
components/button/_config.scss
View File

@ -9,13 +9,13 @@ $button-accent-color-hover: rgba($color-accent, 0.20) !default;
$button-accent-color: $color-accent !default; $button-accent-color: $color-accent !default;
$button-disabled-text-color: rgba($color-black, 0.26) !default; $button-disabled-text-color: rgba($color-black, 0.26) !default;
$button-disabled-background-color: rgba($color-black, 0.12) !default; $button-disabled-background-color: rgba($color-black, 0.12) !default;
$button-border-radius: 0.2 * $unit; $button-border-radius: 0.2 * $unit !default;
$button-floating-font-size: $unit * 2.4; $button-floating-font-size: $unit * 2.4 !default;
$button-floating-height: $unit * 5.6; $button-floating-height: $unit * 5.6 !default;
$button-floating-mini-height: $unit * 4; $button-floating-mini-height: $unit * 4 !default;
$button-floating-mini-font-size: $button-floating-mini-height / 2.25; $button-floating-mini-font-size: $button-floating-mini-height / 2.25 !default;
$button-height: $unit * 3.6; $button-height: $unit * 3.6 !default;
$button-squared-icon-margin: $unit * .6; $button-squared-icon-margin: $unit * .6 !default;
$button-squared-min-width: 9 * $unit; $button-squared-min-width: 9 * $unit !default;
$button-squared-padding: 0 $unit * 1.2; $button-squared-padding: 0 $unit * 1.2 !default;
$button-toggle-font-size: $unit * 2; $button-toggle-font-size: $unit * 2 !default;

8
components/card/_config.scss
View File

@ -1,7 +1,7 @@
$card-color-white: $color-white !default; $card-color-white: $color-white !default;
$card-text-overlay: rgba($color-black, 0.35) !default; $card-text-overlay: rgba($color-black, 0.35) !default;
$card-background-color: $card-color-white !default; $card-background-color: $card-color-white !default;
$card-padding-sm: .8 * $unit; $card-padding-sm: .8 * $unit !default;
$card-padding: 1.6 * $unit; $card-padding: 1.6 * $unit !default;
$card-padding-lg: 2 * $unit; $card-padding-lg: 2 * $unit !default;
$card-font-size: $font-size-small; $card-font-size: $font-size-small !default;

32
components/date_picker/_config.scss
View File

@ -5,14 +5,14 @@ $datepicker-primary-color: $datepicker-primary !default;
$datepicker-primary-hover-color: rgba($datepicker-primary, 0.20) !default; $datepicker-primary-hover-color: rgba($datepicker-primary, 0.20) !default;
$datepicker-primary-contrast-color: $datepicker-primary-contrast !default; $datepicker-primary-contrast-color: $datepicker-primary-contrast !default;
$datepicker-primary-dark-color: $datepicker-primary-dark !default; $datepicker-primary-dark-color: $datepicker-primary-dark !default;
$datepicker-dialog-width: 33 * $unit; $datepicker-dialog-width: 33 * $unit !default;
$datepicker-inactive-opacity: .6; $datepicker-inactive-opacity: .6 !default;
$datepicker-weekday-line-height: 2 * $unit; $datepicker-weekday-line-height: 2 * $unit !default;
$datepicker-weekday-font-size: $font-size-small; $datepicker-weekday-font-size: $font-size-small !default;
$datepicker-month-font-size: $font-size-big; $datepicker-month-font-size: $font-size-big !default;
$datepicker-day-font-size: 5 * $unit; $datepicker-day-font-size: 5 * $unit !default;
$datepicker-day-line-height: 4 * $unit; $datepicker-day-line-height: 4 * $unit !default;
$datepicker-year-font-size: $font-size-small; $datepicker-year-font-size: $font-size-small !default;
$calendar-primary: $color-primary !default; $calendar-primary: $color-primary !default;
$calendar-primary-contrast: $color-primary-contrast !default; $calendar-primary-contrast: $color-primary-contrast !default;
@ -20,11 +20,11 @@ $calendar-primary-color: $calendar-primary !default;
$calendar-primary-contrast-color: $calendar-primary-contrast !default; $calendar-primary-contrast-color: $calendar-primary-contrast !default;
$calendar-primary-hover-color: rgba($calendar-primary, 0.21) !default; $calendar-primary-hover-color: rgba($calendar-primary, 0.21) !default;
$calendar-arrows-color: $palette-grey-600 !default; $calendar-arrows-color: $palette-grey-600 !default;
$calendar-arrows-font-size: 2 * $unit; $calendar-arrows-font-size: 2 * $unit !default;
$calendar-year-font-size: 2.4; $calendar-year-font-size: 2.4 !default;
$calendar-day-font-size: 1.3 * $unit; $calendar-day-font-size: 1.3 * $unit !default;
$calendar-day-disable-opacity: 0.25; $calendar-day-disable-opacity: 0.25 !default;
$calendar-row-height: 3 * $unit; $calendar-row-height: 3 * $unit !default;
$calendar-day-padding: .2 * $unit; $calendar-day-padding: .2 * $unit !default;
$calendar-title-height: 3.6 * $unit; $calendar-title-height: 3.6 * $unit !default;
$calendar-total-height: $calendar-row-height * 7 + $calendar-title-height + $calendar-day-padding * 12; $calendar-total-height: $calendar-row-height * 7 + $calendar-title-height + $calendar-day-padding * 12 !default;

8
components/dialog/_config.scss
View File

@ -1,6 +1,6 @@
$dialog-border-radius: .2 * $unit; $dialog-border-radius: .2 * $unit !default;
$dialog-color-title: $color-black !default; $dialog-color-title: $color-black !default;
$dialog-color-white: $color-white !default; $dialog-color-white: $color-white !default;
$dialog-content-padding: 2.4 * $unit; $dialog-content-padding: 2.4 * $unit !default;
$dialog-navigation-padding: .8 * $unit; $dialog-navigation-padding: .8 * $unit !default;
$dialog-translate-y: 4 * $unit; $dialog-translate-y: 4 * $unit !default;

2
components/drawer/_config.scss
View File

@ -1,4 +1,4 @@
$drawer-background-color: $palette-grey-50 !default; $drawer-background-color: $palette-grey-50 !default;
$drawer-border-color: $palette-grey-300 !default; $drawer-border-color: $palette-grey-300 !default;
$drawer-text-color: $palette-grey-800 !default; $drawer-text-color: $palette-grey-800 !default;
$drawer-width: 24 * $unit; $drawer-width: 24 * $unit !default;

4
components/dropdown/_config.scss
View File

@ -2,5 +2,5 @@ $dropdown-color-white: $color-white !default;
$dropdown-color-primary: $color-primary !default; $dropdown-color-primary: $color-primary !default;
$dropdown-color-primary-contrast: $color-primary-contrast !default; $dropdown-color-primary-contrast: $color-primary-contrast !default;
$dropdown-value-hover-background: $palette-grey-200 !default; $dropdown-value-hover-background: $palette-grey-200 !default;
$dropdown-overflow-max-height: 45vh; $dropdown-overflow-max-height: 45vh !default;
$dropdown-value-border-radius: .2 * $unit; $dropdown-value-border-radius: .2 * $unit !default;

22
components/input/_config.scss
View File

@ -1,9 +1,9 @@
$input-padding: 2 * $unit; $input-padding: 2 * $unit !default;
$input-field-padding: .8 * $unit; $input-field-padding: .8 * $unit !default;
$input-field-font-size: 1.6 * $unit; $input-field-font-size: 1.6 * $unit !default;
$input-field-height: $input-field-padding * 2 + $input-field-font-size * 1.4; $input-field-height: $input-field-padding * 2 + $input-field-font-size * 1.4 !default;
$input-label-font-size: 1.2 * $unit; $input-label-font-size: 1.2 * $unit !default;
$input-focus-label-top: .6 * $unit; $input-focus-label-top: .6 * $unit !default;
$input-text-background-color: transparent !default; $input-text-background-color: transparent !default;
$input-text-label-color: rgba($color-black, 0.26) !default; $input-text-label-color: rgba($color-black, 0.26) !default;
$input-text-bottom-border-color: rgba($color-black, 0.12) !default; $input-text-bottom-border-color: rgba($color-black, 0.12) !default;
@ -12,9 +12,9 @@ $input-text-disabled-color: $input-text-bottom-border-color !default;
$input-text-disabled-text-color: $input-text-label-color !default; $input-text-disabled-text-color: $input-text-label-color !default;
$input-text-error-color: rgb(222, 230, 38) !default; $input-text-error-color: rgb(222, 230, 38) !default;
$input-text-required-color: rgb(222, 50, 38) !default; $input-text-required-color: rgb(222, 50, 38) !default;
$input-underline-height: 2 * $unit; $input-underline-height: 2 * $unit !default;
$input-icon-font-size: 2.4 * $unit; $input-icon-font-size: 2.4 * $unit !default;
$input-icon-size: 2 * $input-icon-font-size; $input-icon-size: 2 * $input-icon-font-size !default;
$input-icon-offset: 1.6 * $unit; $input-icon-offset: 1.6 * $unit !default;
$input-chevron-offset: .8 * $unit; $input-chevron-offset: .8 * $unit !default;
$input-hint-opacity: 1 !default; $input-hint-opacity: 1 !default;

34
components/list/_config.scss
View File

@ -1,18 +1,18 @@
$list-vertical-padding: .8 * $unit; $list-vertical-padding: .8 * $unit !default;
$list-horizontal-padding: 1.6 * $unit; $list-horizontal-padding: 1.6 * $unit !default;
$list-content-left-spacing: 7.2 * $unit; $list-content-left-spacing: 7.2 * $unit !default;
$list-subheader-height: 4.8 * $unit; $list-subheader-height: 4.8 * $unit !default;
$list-subheader-font-size: 1.4 * $unit; $list-subheader-font-size: 1.4 * $unit !default;
$list-subheader-font-weight: 500; $list-subheader-font-weight: 500 !default;
$list-divider-height: .1 * $unit; $list-divider-height: .1 * $unit !default;
$list-item-min-height: 4.8 * $unit; $list-item-min-height: 4.8 * $unit !default;
$list-item-min-height-legend: 7.2 * $unit; $list-item-min-height-legend: 7.2 * $unit !default;
$list-item-hover-color: $palette-grey-200 !default; $list-item-hover-color: $palette-grey-200 !default;
$list-item-legend-margin-top: .3 * $unit; $list-item-legend-margin-top: .3 * $unit !default;
$list-item-icon-font-size: 2.4 * $unit; $list-item-icon-font-size: 2.4 * $unit !default;
$list-item-icon-size: 1.8 * $unit; $list-item-icon-size: 1.8 * $unit !default;
$list-item-right-icon-margin: $list-content-left-spacing - 2 * $list-horizontal-padding - $list-item-icon-size; $list-item-right-icon-margin: $list-content-left-spacing - 2 * $list-horizontal-padding - $list-item-icon-size !default;
$list-item-right-checkbox-margin: $list-item-right-icon-margin + $list-horizontal-padding; $list-item-right-checkbox-margin: $list-item-right-icon-margin + $list-horizontal-padding !default;
$list-item-avatar-height: 4 * $unit; $list-item-avatar-height: 4 * $unit !default;
$list-item-avatar-margin: .8 * $unit; $list-item-avatar-margin: .8 * $unit !default;
$list-item-child-margin: .8 * $unit; $list-item-child-margin: .8 * $unit !default;

20
components/menu/_config.scss
View File

@ -2,15 +2,15 @@ $menu-expand-duration: .3s !default;
$menu-fade-duration: .2s !default; $menu-fade-duration: .2s !default;
$menu-ripple-delay: .3s !default; $menu-ripple-delay: .3s !default;
$menu-background-color: $color-white !default; $menu-background-color: $color-white !default;
$menu-padding: .8 * $unit 0; $menu-padding: .8 * $unit 0 !default;
$menu-outline-border-radius: .2 * $unit; $menu-outline-border-radius: .2 * $unit !default;
$menu-item-hover-background: $palette-grey-200 !default; $menu-item-hover-background: $palette-grey-200 !default;
$menu-item-selected-background: transparent !default; $menu-item-selected-background: transparent !default;
$menu-item-icon-font-size: 2.4 * $unit; $menu-item-icon-font-size: 2.4 * $unit !default;
$menu-item-icon-size: 1.6 * $menu-item-icon-font-size; $menu-item-icon-size: 1.6 * $menu-item-icon-font-size !default;
$menu-item-height: 4.8 * $unit; $menu-item-height: 4.8 * $unit !default;
$menu-item-padding: 1.6 * $unit; $menu-item-padding: 1.6 * $unit !default;
$menu-item-font-size: 1.6 * $unit; $menu-item-font-size: 1.6 * $unit !default;
$menu-divider-height: (4.8 * $unit) / 4; $menu-divider-height: (4.8 * $unit) / 4 !default;
$menu-icon-size: 2.3 * $unit; $menu-icon-size: 2.3 * $unit !default;
$menu-icon-ripple-duration: 650ms; $menu-icon-ripple-duration: 650ms !default;

8
components/progress_bar/_config.scss
View File

@ -1,6 +1,6 @@
$progress-height: .4 * $unit; $progress-height: .4 * $unit !default;
$progress-main-color: $color-primary !default; $progress-main-color: $color-primary !default;
$progress-secondary-color: rgba($color-primary-contrast, 0.7) !default; $progress-secondary-color: rgba($color-primary-contrast, 0.7) !default;
$circle-wrapper-width: 60; $circle-wrapper-width: 60 !default;
$circle-radius: 25; $circle-radius: 25 !default;
$scale-ratio: $circle-radius / 20; $scale-ratio: $circle-radius / 20 !default;

6
components/radio/_config.scss
View File

@ -1,9 +1,9 @@
$radio-field-margin-bottom: 1.5 * $unit; $radio-field-margin-bottom: 1.5 * $unit !default;
$radio-button-size: 1.6 * $unit !default; $radio-button-size: 1.6 * $unit !default;
$radio-inner-margin: $radio-button-size / 4; $radio-inner-margin: $radio-button-size / 4 !default;
$radio-inner-color: $color-primary !default; $radio-inner-color: $color-primary !default;
$radio-focus-color: rgba($color-black, 0.1) !default; $radio-focus-color: rgba($color-black, 0.1) !default;
$radio-checked-focus-color: rgba($color-primary, 0.26) !default; $radio-checked-focus-color: rgba($color-primary, 0.26) !default;
$radio-text-color: $color-black !default; $radio-text-color: $color-black !default;
$radio-disabled-color: rgba($color-black, 0.26) !default; $radio-disabled-color: rgba($color-black, 0.26) !default;
$radio-text-font-size: 1.4 * $unit; $radio-text-font-size: 1.4 * $unit !default;

18
components/slider/_config.scss
View File

@ -1,12 +1,12 @@
$slider-main-color: $color-primary !default; $slider-main-color: $color-primary !default;
$slider-main-color-contrast: $color-primary-contrast !default; $slider-main-color-contrast: $color-primary-contrast !default;
$slider-snap-color: $color-black !default; $slider-snap-color: $color-black !default;
$slider-knob-size: 3.2 * $unit; $slider-knob-size: 3.2 * $unit !default;
$slider-inner-knob-size: 1.2 * $unit; $slider-inner-knob-size: 1.2 * $unit !default;
$slider-snap-size: .2 * $unit; $slider-snap-size: .2 * $unit !default;
$slider-input-width: 5 * $unit; $slider-input-width: 5 * $unit !default;
$slider-bar-height: .2 * $unit; $slider-bar-height: .2 * $unit !default;
$slider-pin-size: 2.6 * $unit; $slider-pin-size: 2.6 * $unit !default;
$slider-pin-elevation: 1.7 * $unit; $slider-pin-elevation: 1.7 * $unit !default;
$slider-side-separation: 1 * $unit; $slider-side-separation: 1 * $unit !default;
$slider-empty-knob-border: .2 * $unit; $slider-empty-knob-border: .2 * $unit !default;

2
components/switch/_config.scss
View File

@ -16,7 +16,7 @@ $switch-thumb-size: 2 * $unit !default;
$switch-thumb-on-color: $switch-color !default; $switch-thumb-on-color: $switch-color !default;
$switch-focus-init-size: .8 * $unit !default; $switch-focus-init-size: .8 * $unit !default;
$switch-focus-size: $switch-total-height * 2 !default; $switch-focus-size: $switch-total-height * 2 !default;
$switch-focus-diff: ($switch-focus-size - $switch-focus-init-size) / 2; $switch-focus-diff: ($switch-focus-size - $switch-focus-init-size) / 2 !default;
$switch-ripple-duration: 650ms !default; $switch-ripple-duration: 650ms !default;
$switch-font-size: $font-size-small !default; $switch-font-size: $font-size-small !default;
$switch-field-margin-bottom: 1.5 * $unit !default; $switch-field-margin-bottom: 1.5 * $unit !default;

4
components/table/_config.scss
View File

@ -1,5 +1,5 @@
$table-row-height: 48px; $table-row-height: 48px !default;
$table-row-divider: solid 1px rgba(0,0,0,.12) !default; $table-row-divider: solid 1px rgba(0,0,0,.12) !default;
$table-row-offset: 1.8 * $unit; $table-row-offset: 1.8 * $unit !default;
$table-row-highlight: #eee !default; $table-row-highlight: #eee !default;
$table-text-color: #757575 !default; $table-text-color: #757575 !default;

12
components/tabs/_config.scss
View File

@ -1,11 +1,11 @@
$tab-label-disabled-opacity: .2; $tab-label-disabled-opacity: .2 !default;
$tab-label-h-padding: 1.2 * $unit; $tab-label-h-padding: 1.2 * $unit !default;
$tab-label-height: 4.8 * $unit; $tab-label-height: 4.8 * $unit !default;
$tab-text-height: 1.4 * $unit; $tab-text-height: 1.4 * $unit !default;
$tab-label-v-padding: ($tab-label-height - $tab-text-height) / 2; $tab-label-v-padding: ($tab-label-height - $tab-text-height) / 2 !default;
$tab-navigation-border-color: $color-divider !default; $tab-navigation-border-color: $color-divider !default;
$tab-pointer-color: $color-primary !default; $tab-pointer-color: $color-primary !default;
$tab-pointer-height: .2 * $unit; $tab-pointer-height: .2 * $unit !default;
$tab-text: $color-black !default; $tab-text: $color-black !default;
$tab-text-color: $tab-text !default; $tab-text-color: $tab-text !default;
$tab-text-inactive-color: rgba($tab-text, 0.70) !default; $tab-text-inactive-color: rgba($tab-text, 0.70) !default;

24
components/time_picker/_config.scss
View File

@ -1,6 +1,6 @@
$timepicker-header-font-size: 5.2 * $unit; $timepicker-header-font-size: 5.2 * $unit !default;
$timepicker-header-padding: $unit; $timepicker-header-padding: $unit !default;
$timepicker-ampm-font-size: 1.6 * $unit; $timepicker-ampm-font-size: 1.6 * $unit !default;
$timepicker-primary: $color-primary !default; $timepicker-primary: $color-primary !default;
$timepicker-primary-contrast: $color-primary-contrast !default; $timepicker-primary-contrast: $color-primary-contrast !default;
$timepicker-primary-dark: $color-primary-dark !default; $timepicker-primary-dark: $color-primary-dark !default;
@ -8,11 +8,11 @@ $timepicker-primary-color: $timepicker-primary !default;
$timepicker-primary-hover-color: rgba($timepicker-primary, 0.20) !default; $timepicker-primary-hover-color: rgba($timepicker-primary, 0.20) !default;
$timepicker-primary-contrast-color: $timepicker-primary-contrast !default; $timepicker-primary-contrast-color: $timepicker-primary-contrast !default;
$timepicker-primary-dark-color: $timepicker-primary-dark !default; $timepicker-primary-dark-color: $timepicker-primary-dark !default;
$timepicker-ampm-height: 2.2 * $unit; $timepicker-ampm-height: 2.2 * $unit !default;
$timepicker-ampm-width: 4 * $unit; $timepicker-ampm-width: 4 * $unit !default;
$timepicker-dialog-width: 30 * $unit; $timepicker-dialog-width: 30 * $unit !default;
$clock-padding: 1.5 * $unit 2 * $unit; $clock-padding: 1.5 * $unit 2 * $unit !default;
$clock-primary: $color-primary !default; $clock-primary: $color-primary !default;
$clock-primary-contrast: $color-primary-contrast !default; $clock-primary-contrast: $color-primary-contrast !default;
$clock-primary-dark: $color-primary-dark !default; $clock-primary-dark: $color-primary-dark !default;
@ -20,8 +20,8 @@ $clock-primary-color: $clock-primary !default;
$clock-primary-hover-color: rgba($clock-primary, 0.20) !default; $clock-primary-hover-color: rgba($clock-primary, 0.20) !default;
$clock-primary-contrast-color: $clock-primary-contrast !default; $clock-primary-contrast-color: $clock-primary-contrast !default;
$clock-primary-dark-color: $clock-primary-dark !default; $clock-primary-dark-color: $clock-primary-dark !default;
$clock-number-size: 2 * $unit; $clock-number-size: 2 * $unit !default;
$clock-hand-width: .4 * $unit; $clock-hand-width: .4 * $unit !default;
$clock-hand-dot-size: 1 * $unit; $clock-hand-dot-size: 1 * $unit !default;
$clock-knob-size: 3.4 * $unit; $clock-knob-size: 3.4 * $unit !default;
$clock-knob-small-size: 1.2 * $unit; $clock-knob-small-size: 1.2 * $unit !default;

2
spec/components/autocomplete.jsx
View File

@ -33,9 +33,9 @@ class AutocompleteTest extends React.Component {
<Autocomplete <Autocomplete
label="Choose a country" label="Choose a country"
hint="Elements up to you..."
multiple={false} multiple={false}
onChange={this.handleSimpleChange} onChange={this.handleSimpleChange}
placeholder="Elements up to you..."
source={countriesArray} source={countriesArray}
value={this.state.simple} value={this.state.simple}
/> />