- 4.2.0
- 4.1.0
- 4.0.0
- 3.14.0
- 3.13.0
- 3.12.0
- 3.11.0
- 3.10.0
- 3.9.0
- 3.8.0
- 3.7.0
- 3.6.0
- 3.5.0
- 3.4.0
- 3.3.0
- 3.2.0
- 3.1.0
- 3.0.0
- 2.1.0
- 2.0.0
- 1.2.0
- 1.1.0
- 1.0.0
- New MoBrix-ui logo
- Optimizations
- Clean-up
FileChooser
component- Clean-up
- Refactoring
- New building system, to better handle final bundle size, and with a reduced library size
- Css totally re-defined and cleaned up, with more efficent rules and with less data as possible, to keep a smooth dev experience
- Refactoring
- New
hover
css variables forCheckBox
,Toggle
,Container
,ExpandableContainer
components - New
underline
prop forLink
component - New
arrowPosition
prop forExpandableContainer
component - New
emptyIcon
andfullIcon
props forRater
andReview
component, to customize rate icons (type
andrateType
props removed) CodeBox
component updated, with a more efficent color systemhighlight
property removed fromCodeBox
componentReview
logo now can be customized, wihout choosing a predefined type (logo
property now accept a standard JSX.Element)- UI re-designed for all components
- New
Password
component, a modern password field - Css vars naming changed, to simplify overall experience, to optimize bundle size and to avoid redundancy:
arrow
instead ofarrow-color
icon
instead oficon-color
text
instead oftext-color
link-text
instead oflink-color
(forLink
component)x
instead ofx-color
(forDismissableCard
andModal
components)thumb
instead ofthumb-color
(forSlider
component)tick
instead oftick-color
(forCheckBox
component)error
instead oferror-color
(forSpinner
component)loading
instead ofloading-color
(forSpinner
component)success
instead ofsuccess-color
(forSpinner
component)today
instead oftoday-color
(forCalendar
andDatePicker
components)border
instead ofborder-color
(forTable
component)field
instead offormfield
(forFormField
andForm
components)external
instead ofexternal-color
(forToggle
component)internal
instead ofinternal-color
(forToggle
component)on-icon
instead oficon-on
(forToggle
component)off-icon
instead oficon-off
(forToggle
component)
- Styles optimized
- Big Clean-up, bundle size reduced
- Code refactoring, with more efficent naming
- More styles unified to
data-mbx-scl
Card
andDismissableCard
better styled- New
size
prop to specifyDivider
component height
- Styles optimized
- Unified shared classes, to optimize bundle size
- Clean-up
- New
fillOnFocus
feature, to fill icons when focused (similar totextcolorOnFocus
feature)
PackageVersion
component improved, now it auto-updates itself when any relevant prop is changed (like a MoBrix-ui Reactive component)- Clean-up
Drawer
component height fix and close button fixList
component hover fix, now disabled whenonClick
is not set- New
opacityOnActive
feature, to reduce opacity when a component is clicked (lower thanopacityOnHover
feature)
PackageVersion
component- Clean-up
data-mb-enabled
migrated todata-mbx-attributes
field. If the component is disabled, thedata-mbx-attributes
containsdisabled
stringdata-mbx-a11y
migrated todata-mbx-attributes
field. Ifa11y = true
, thedata-mbx-attributes
containsa11y
stringdata-mbx-animated
migrated todata-mbx-attributes
field. Ifanimated = true
, thedata-mbx-attributes
containsanimated
stringdata-mbx-animation
migrated todata-mbx-features
field. Ifanimated = true
andanimation
prop is set, thedata-mbx-features
contains it (withanim-
prefix, ex.anim-fade-in
)data-mbx-a11y-dark
removed- Clean-up
arrowClassName
parameter forCalendar
,Carousel
andDrawer
components- css variables splitted into full theme (for future v4 updates)
- Opacity reduced on hover instead of specific hover colors, to optimize overall library size and in preparation for v4 update
data-mbx-features
field, to easily handle multiple features through css selectorsdata-mbx-hover
,data-mbx-shadow
,data-mbx-background
anddata-mbx-dark
unified in a single field,data-mbx-attributes
- Ui improvements and fix
- Refactoring
- Bundle size reduced
- New shared property,
animation
, to customize components animation when they are rendered - New global css variables, to customize shadow colors:
--mbx-shadow
--mbx-shadow-light
--mbx-shadow-dark
CodeBox
component refactoring:noCopyButton
properties removedcopyButton
properties used instead (enable/disable copy button)- Multiline strings are now supported
- Clean-up
Image
component- Clean-up
- Better automatic release system
- Docs updated
- Clean-up
- Refactoring
- Reduced bundle size
- Comments generator fix
- New automatic release creation system
- New automatic publish system
EmbeddedVideo
component- Clean-up
- Slider fix
- IconButton highlight fix on mobile
- All components now use new building functions (
buildMbxReactiveComponent
andbuildMbxStandardComponent
)
- New DatePicker css vars, to customize its internal modal
--mbx-datepicker-modal-background-light
,--mbx-datepicker-modal-background-dark
,--mbx-datepicker-modal-x-color-light
,--mbx-datepicker-modal-x-color-dark
,--mbx-datepicker-modal-x-color-hover-light
,--mbx-datepicker-modal-x-color-hover-dark
- Clean-up
- New CI workflow to publish MoBrix-ui package to github registry
- Automatic css variables docs generation
- New Card properties (
headerClassName
,headerProps
,bodyClassName
,bodyProps
,footerClassName
,footerProps
) - Clean-up
- Minor improvements
- No more external dependencies
- Totally re-designed css variables system, to fully customize every component at once
- Docs and comments generator
- Global refactoring and huge clean-up
TabViewer
component- Minor fixes
Calendar
componentDatePicker
componentPopup
componentSelector
componentSlider
componentRadioButtonGroup
componentRadioButton
componentReactive components
replace oldBox Components
, mantaining only the automatic input value sync with actual value set- Better overall performance
- Huge cleanup
- Deep refactoring
- Minor fixes
Carousel
arrow fixExpandableContainer
arrow fixFacebookButtons
component
readonly
support forRater
componentReview
component- Clean-up
- MoBrix-ui-components library setup