mineral-ui
Advanced tools
Changelog
0.33.0 (2018-05-10)
createTheme
signature. Replace baseColor
and overrides
parameters with an options object, containing colors
(baseColor is now colors.theme) and overrides
. See the new documentation for details. Rename color_primary
theme variable to color_themePrimary
for consistency with other variable namescolor_primary
($mnrl-color-primary
, in Sass) token
renamed to color_themePrimary
($mnrl-color-themePrimary)<a name="0.32.0"></a>
Changelog
0.32.0 (2018-05-07)
<a name="0.31.0"></a>
Changelog
0.30.0 (2018-05-01)
placeholder_color
theme variable to
input_color_placeholder
; append px
to breakpoint_[width]
and
fontSize_base
values (change type from number to string) to clarify
unitscolors
exports from mineral-ui
. Instead, consumers can import { palette } from 'mineral-ui-tokens'
. Additionally, color ramps available from that package are sparse arrays, rather than objects, e.g. what was blue.blue_60
is now accessed as blue[60]
.<a name="0.29.0"></a>
Changelog
0.27.0 (2018-04-13)
element
prop from being passed down (74a3869)background
& color
props (98f06ef)Select_color_text
to Select_color
(also applies to TextArea & TextInput), SelectIcon_fill
to SelectIcon_color
(also applies to TextInput)MenuItem_color_text
to MenuItem_color
, MenuItemIcon_fill
to MenuItemIcon_color
, MenuItemSecondaryText_color_text
to MenuItemSecondaryText_color
FormFieldCaption_color_text
to FormFieldCaption_color
, FormFieldLabel_color_text
to FormFieldLabel_color
, FormFieldSecondaryText_color_text
to FormFieldSecondaryText_color
, FormFieldSecondaryText_color_text_required
to FormFieldSecondaryText_color_required
, FormFieldsetLegend_color_text
to FormFieldsetLegend_color
CheckboxText_color_text
to CheckboxText_color
(same applies to Radio)Button_borderColor_focus
; rename theme variables: Button_color_text
to Button_color
, Button_color_text_minimal
to Button_color_minimal
, Button_color_text_primary
to Button_color_primary
background
and color
prop types. Instead, import colors
and reference from there (e.g. colors.red_60
).theme.color_gray_60
color_caption
, backgroundColor_link_focus
; rename: backgroundColor_disabled
to backgroundColor_input_disabled
, backgroundColor_input
to input_backgroundColor
, backgroundColor_[variant]_muted
to well_backgroundColor_[variant]
, backgroundColor_[variant]_activeMuted
to backgroundColor_[variant]_active
, backgroundColor_[variant]_[state]
to backgroundColor_[variant]Primary_[state]
, borderColor_[state]
to borderColor_theme_[state]
, borderColor_[variant]_muted
to well_borderColor_[variant]
, color_h[#]
to h[#]_color
, color_placeholder
to placeholder_color
, color_text
to color
, color_text_disabled
to color_disabled
, color_text_primary_[state]
to color_theme_[state]
, color_text_onprimary
to color_primary
, color_text_[variant]_[state]
to color_[variant]_[state]
, fontSize_h[#]
to h[#]_fontSize
, fontWeight_h[#]
to h[#]_fontWeight
, shadow_[#]
to boxShadow_[#]
lime
, orange
, and yellow
<a name="0.26.0"></a>