All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
0.15.9 - 2023-02-09
- Clear input into
SearchField
component.
0.15.8 - 2023-01-23
Added Edit
to Icon
component
- Added
informationCircle
toIcon
component
0.15.7 - 2022-12-21
- Avoid division by zero into
ChartLineAxis
component #238
0.15.6 - 2022-09-19
- Added
informationCircle
toIcon
component
0.15.5 - 2022-09-08
- Added
analytics
toIcon
component
0.15.4 - 2022-02-23
- Update icon prop into
Button
component. #233
0.15.3 - 2022-01-27
- Exposing ref at
Check
component. - Exposing ref at
Select
component.
0.15.2 - 2022-01-27
- Updated
Input
component.
0.15.1 - 2021-12-01
- Updated
Score
component. #230
0.15.0 - 2021-11-29
- Added Copy icon.
0.14.5 - 2021-11-05
- Fixed text spacing into
Score
component #229.
0.14.3 - 2021-10-08
- Fixed onError functionality into
Thumbnail
component #226.
0.14.2 - 2021-10-04
- Fixed some styles of
Chartline
#224.
0.14.0 - 2021-09-27
- Updated CSS variables for colors.
- New
Carousel
component #220. - New Icon
add
#221. - New helpers
ola-margin-top-4
andola-margin-bottom-4
. - Improved ChartLine #225.
- Added Tooltips
- Removed gray gradient
- Added footers
- Property
progress
to Button. - Property
action
toSectionHeader
#224.
Button
colors to match the latest changes in Ola.Button
of variantlink
has aheight: auto
.- Improved some styles of
Table
#222.
Thumbnail
component with fixed height.- Removed
1fr
size to auto rows ofly-main
.
0.13.4 - 2021-09-06
- No changes, just publish new version.
0.13.3 - 2021-09-06
- Add importat into ola-bg class to ensures that it is always applied.
- Export getNumberFormat function into index.js.
0.13.2 - 2021-09-03
- Prefix new layouts with
ola_ly
. - Restore ly_pageCenter removed accidentally in the previous version.
0.13.1 - 2021-09-03
- New standar layouts: ly-hightlight,ly-main, ly-section
- Refactor getNumberFormat function.
0.13.0 - 2021-09-02
- New color variable
--gray-xxlight
. - Changed color variable
--gray-xlight
to be a bit more darker. - Number formatting helper called getNumberFormat.
- Format prop into ChartLineAxis to return value number.
- The element
Page
with long titles show ellipsis.
0.12.9 - 2021-06-16
- New color variables and renamed some others
0.12.8 - 2021-06-16
- New helper
.ola-bg-hover
.
- The icon of
Issue
for the statuspending
should be white when it's on a gray background.
0.12.7 - 2021-06-08
- New icon
site
0.12.6 - 2021-05-31
- The
Button
size inSegment
component. - The
Button
color inTag
component.
0.12.5 - 2021-05-28
- New
multiline
property toButton
to wrap the text in multiple lines instead using ellipsis. - Restored
ola-bg
helper that not only apply agray-xlight
background to the element, but also override the innergray-xlight
variable with the newgray-xlight-dark
color (a darker value).
- Level component
Page
with the newLevel
icon that is wider.
0.12.4 - 2021-05-25
- Level component with
size=xbig
. - Replaced wrong
clock
svg forIcon
component.
0.12.2 - 2021-05-25
- Add
link
icon component
0.12.1 - 2021-05-24
- Replaced icon
clock
forIcon
component
0.12.0 - 2021-05-20
- Component
Tooltip
has hover property trigger now #201
0.11.0 - 2021-05-13
- The
Level
component now has 4 levels #198
0.10.0 - 2021-05-07
- Support for indeterminate state to
ProgressBar
#181 - New component
Thumbnail
#180, #182 - New property
size
toMenuOption
withsmall
andmedium
values #178 #179 - New component
ChartLineAxis
to insert a lateral axis - New property
rule
forChartLine
andChartColumn
to add an horizontal rule (for example, for average). - New css variable
--size-13
- New css variables for colors for illustrations and charts (
--pict-*
and--chart-*
) - Helpers
normalizeRange
andgetRanges
to work with data values forChartColumn
andChartLine
- New component
SpeedMeter
#186 - New component
Tabs
#187 - Add chevron icon to dropdown issue component #188
- New component
Device
#194 - New component
Keyword
#197
- The
ChartLine
component accepts multiple values to multiple lines. #177 - The css variable
--max-width
has changed to--size-13
(1036px, previously it was 1200px) Segment
styles
- Fixed
buttonIcon
size inTableCell
with the variantaction
. - Fixed
buttonIcon
border-radius in aTag
. - The gray background gradient of ChartLine was too dark.
0.9.1 - 2021-02-05
- Property
className
toChartColumn
- Property
status
toChartColumnValue
to allow to set empty states and loading states - A small transition on change the values of a
ChartColumnValue
- Changed the icon of links in
TreeList
. Use an arrow instead a chevron.
0.9.0 - 2021-01-21
- New component
Kpi
- New component
Score
#164 - New components
Issue
andIssueDropDown
#162 #161 - The layout
ly-columns
allows to customize the column-width and column-gap with the--column-width
and--gap
variables - The layout
ly-imgContent
allows to customize the image-width and gap with the--image-width
and--gap
variables. Added also the.is-responsive
modifier for narrow screens. - New layout
ly-1nColumns
implementing the "Holy albatross" pattern. - New prop
status
,className
and..props
toPage
component - New prop
status
toIcon
component #165 - New
.ola-skeleton
util - New
--row-gap-4
variable for bigger row spacing - New component
ChartColumn
, including the subcomponentChartColumnValue
#167 #168 - New component
Segment
#171 #172 - New property
size
to the componentLevel
#169 #170 - New icons based in WordPress:
post
staticPage
ButtonIcon
appearance inside aTag
component.
- Reduced the width of the
.ola_section-intro
element MenuOption
withhref
is not converted to<a>
elementTooltip
button inside aButtonGroup
should be responsiveTooltip
position when is centered in narrow screens- Prevent multiple lines and use
text-overflow: ellipsis
for the urls in thePage
component, and allow 2 lines max for the title.
0.8.0 - 2020-09-29
- New component
Section
#150, #151 including some subcomponents:SectionHeader
SectionContent
SectionSubheader
SectionFooter
- New prop
description
toProgressCircle
#145, #146 - New prop
icon
toButton
#133, #144 - New icon
NewWindow
#133, #144 - New props
variant
andselected
toMenuOption
#149 - New layout
ly-asideMenu
#148 - New layout
ly-asideHeader
- New helpers
ola-width-narrow
andola-width-medium
- New variant
full-list
toCheckGroup
to remove scroll and max-height - New props
open
andclose
toTooltip
#152 #153
Field
component can have multiple child elements #154 #155- Modal must restore the scroll on unmount #156 #157
- Apply separation gap to any element in a
ButtonGroup
, instead only toButton
. ProgressCircle
component display0
as description when the value is0
.
0.7.0 - 2020-07-08
- Padding top and bottom to
PanelContent
when it's the first/last child. - New helpers:
.ola-nomargin-top
.ola-nomargin-bottom
.ola-margin-top-1
.ola-margin-top-2
.ola-margin-top-3
.ola-margin-bottom-1
.ola-margin-bottom-2
.ola-margin-bottom-3
.ola-margin-left-1
.ola-margin-left-2
.ola-margin-left-3
.ola-margin-right-1
.ola-margin-right-2
.ola-margin-right-3
- Font sizes in narrow screens (mobile) are smaller #135 #136
- The
Modal
component blocks the document scroll while it's open #140 - Changed some variables in buttons component to ease the theme customization
ola_ly-*
styles using--column-gap-*
and--row-gap-*
variables instead fixed sizes.- Cropped shadow of focused buttons in tables #132
- Border radius of
PanelFooter
when is not the last child #137 - Updated some devDependencies.
0.6.0 - 2020-05-21
- New variant
fullwidth-scroll
toModalContent
#112 - New variant
narrow
toModal
- New variant
multiline
toTableCell
- Improvements in
SearchField
#119, #120, #121:- Added
disabled
prop - Added
description
prop - Added the search icon at the left
- Moved the spinner of
busy
state to the left.
- Added
- New css helper
.ola-black-bolds
className
property toPanelFooter
- New prop
size
toTag
component with three sizes: small, medium and big #130 - Added the variable
--ola-version
to see the version of Ola used currently in any project.
- Styles of
TableCell
with variantaction
for more clearness and fix issues in Safari. - The label text of
Check
component isgray-light
ondisabled
state #129
- The css variable
--inner-gap
- Background of
TableCell
in aTableRow
withis-selectable
class. - Paddings and alignments in tables.
PanelFooter
andModalFooter
with multiple elements (not onlyButtonGroup
)- Improved position calculation of the
Tooltip
within a scrollable element #109, #110 - Fixed big images overflow in
TaskBody
. - Refactored the css code for padding/margin/gaps using the new css variables
--row-gap-1
,--row-gap-2
,--row-gap-3
,--column-gap-1
,--column-gap-2
,--column-gap-3
, and improved the responsiveness. - Added styles for disabled state to
Check
. - Allow to override the default text style of the
Check
label - Color conflicts of
ButtonIcon
inside aTag
component #123 - Border issue in
TableCell
with variantaction
#122 - Overflow long words in Chrome #126
ButtonGroup
with variantcenter
insidePanelFooter
andModalFooter
- Fixed Tag overflow issues and used
<strong>
instead<span>
- Changed the label of
Check
components to gray-light on disabled state #129 - Removed cursor pointer style to label (applied by Wordpress) #129
- Sometimes the
Tooltip
changes the heigh of the flex container on open. - Set
letter-spacing
to0
in the tags, preventing inherited values.
0.5.0 - 2020-04-07
- New icon
plus
#90 - New icons
arrowUp
andarrowDown
#98 - Variants to
ButtonIcon
(primary
,secondary
,destructive
,chevron
) #89, #92 disabled
andbusy
states toButtonIcon
#94- The
TableCell variant=action
is sticky to right, to ensure it's always visible - New property
error
toCheckGroup
#77, #104 - New
Menu
component #105
- Renamed the property
extraClass
of all components toclassName
#27, #103 - Removed scroll in the
ModalContent
component and added ascroll
variant to enable it #106 - Added cursor
pointer
to some interactive components likeButton
,ButtonIcon
,Check
,Accordion
andMenuOption
- Component
Tooltip
in aTable
was not showing properly #93 - Styles of
<ol>
elements inTask
#97 - Removed
wavy
text decoration style of links because looks buggy - Improved
Table
styles to be no required to add<th>
to all columns. Modal
: The close button conflicts with the extra content of the header
0.4.0 - 2020-03-06
- Property
extraClass
toSwitch
,ModalHeader
,PanelHeader
. Field
: Added support for html indescription
andhint
properties. #67- New component
Tooltip
#72 - New icon
Null
#83, #86 - Added
responsive
prop toTable
component #99, #100
Switch
: Removedlabel
andhtmlLabel
properties. Usechildren
to define the label content #28ProgressBar
: Removeddescription
andhtmlDescription
properties. Usechildren
to define the description #28- The signature of
TableCell
component has changed. See #37 and #65 for more info. ModalHeader
: Removed the propertieshtmlTitle
andhtmlIntro
. The propstitle
andintro
accept strings and nodes as values #28PanelHeader
: Removed the propertieshtmlTitle
andhtmlIntro
. The propstitle
andintro
accept strings and nodes as values #28PanelContent
: Removed the propertyhtmlTitle
. The proptitle
accepts strings and nodes as values #28Metric
: Removed the propertyhtmlFooter
. The propfooter
accepts strings and nodes as values #28Task
: Removed the propertyhtmlTitle
. The proptitle
accepts strings and nodes as values #28PanelContent
: Removed de wrapperdiv
, the component returns a fragment and theextraClass
is applied directly to.ola_panel-content
#11, #70Modal
component was changed to use the native<dialog>
element #74, #75
FieldDescription
component. Now you can use html in thedescription
property ofField
#67
- Removed
display:flex
to Check areas. - Decrease padding in Check areas in columns.
- Check with variant "option" should be bold on checked #68
- Disabled buttons styles
- Lot of css details like spacing in the modal, buttons status colors, etc.
0.3.0 - 2019-12-19
- New component
Accordion
- Property
extraClass
toCheck
- Property
variant
toCheck
- Property
label
toProgressCircle
CheckGroup
component is now a container with no logic. It accepts three variants:row
,column
andlist
.- The children property of
Check
component is not required.
CheckArea
component. UseCheckGroup
withcolumn
orrow
variant.
- Added styles for
<hr>
- Fonts utils (
.ola-headline
,.ola-body
,.ola-callout
,.ola-caption
) are now bold if they are applied tohx
,strong
orbold
. - Default styles for task content #54
- Improved Check label styles
- Improved CheckArea styles #56
- Fixed
.ola_ly-pageCenter
aligment in narrow screens. - Fixed width, colors and cursor of
Select
in WordPress. - Fixed cursor label cursor in WordPress.
- Fixed color of the task titles (from --brand to --black)
- Do not include
test.js
andstories.js
files in dist
0.2.2 - 2019-11-27
- The publish of the previous version
0.2.1 - 2019-11-27
- New css util
.ola-nomargin
to remove all default margins of an element - New css util
.ola-bold
to assingbold
font-weight to an element - New css variables
--accent
,--accent-dark
and--accent-focus
applied to some elements that may not use the default--brand
color #47 - New css util
.ola-accent
and.ola-bg-accent
to use the accent color
- Fixed changelog for v0.2.0 #44
- Some
focus
andhover
styles ofTask
component for usability purposes. - Removed white background to the component
CheckArea
and added to eachCheck
individually #45 - The
name
property ofCheck
is not longer "test" #45
0.2.0 - 2019-11-25
- Component
Task
: new propertyextra
to place elements next to title #40, #41 - Component
Button
: new variantlink
#30, #36 - Component
ButtonGroup
: new variantcenter
#34, #35 - Layer
pageCenter
#32 - CONTRIBUTING.md file #39
- The boolean property
reversed
ofButtonGroup
is now a variant (variant="reversed"
)
- Support for React < 16.2. Due the use of fragments, React ^16.2 is required.
0.1.2 - 2019-11-18
- New component
Table
#7 - New component
Page
#8, #13 - New component
Level
#14, #15 - New layer
pageCenter
#33 - New css utils:
.ola-right
to align text to the right.ola-center
to center text.ola-numeric
to display numeric values aligned to right (mainly for tables)- Utilities to apply standard colors:
.ola-brand
.ola-white
.ola-black
.ola-gray
.ola-gray-light
.ola-gray-xlight
.ola-error
.ola-warning
.ola-success
.ola-pro
- Utilities to apply standard colors as background:
.ola-bg-brand
.ola-bg-white
.ola-bg-black
.ola-bg-gray
.ola-bg-gray-light
.ola-bg-gray-xlight
.ola-bg-error
.ola-bg-warning
.ola-bg-success
.ola-bg-pro
- Jest and Travis to create and run tests #20, #21
- The component
Button
is a link if the href property is defined #12
- The
dist
folder exports the modules as CommonJS format instead ES6
- Improved README adding demo links and browser support info
- Task component doesn't look properly in Safari #6
- All components are responsive #16, #17
- Strict value comparison in
CheckArea
andCheckGroup
#23
0.1.1 - 2019-09-18
- Moved the repository from gitlab to github
- Improved README documentation and links #1, #2
- Added the links to the repository and the homepage to package.json
0.1.0 - 2019-09-17
- New component
Button
- New component
ButtonGroup
- New component
ButtonIcon
- New component
Check
- New component
CheckArea
- New component
CheckGroup
- New component
Field
with subcomponentFieldDescription
- New component
Icon
- New component
Input
- New component
Metric
- New component
Modal
with subcomponentsModalContent
,ModalFooter
andModalHeader
- New component
Panel
with subcomponentsPanelContent
,PanelHeader
andPanelFooter
- New component
ProgressBar
- New component
ProgressCircle
- New component
SearchField
- New component
Select
- New component
Spinner
- New component
Switch
- New component
Tag
- New component
Task
with subcomponentsTaskBody
andTaskFooter
- New component
TaskGroup
- New css utils:
.ola-bg
.ola-display
.ola-title
.ola-headline
.ola-body
.ola-callout
.ola-caption