v9.0.0

9.0.0 (2021-10-21)

⚠ BREAKING CHANGES

• Colors: Renumbered Accent, Positive and Negative colours. Do a find and replace and increase the numbers by 2.

Features

• Colors: Added 2 veyr light colours of Accents, Positive and Negative (95e1682)
• Colors: Renumbered Accent, Positive and Negative colours to make way for some lighter shades. (a93de18)

Style Changes

• Alert: Updated style of Alert to use new light colours (60d496f)
• Button: Updated style of Button to use new light colours (4f9945e)
• CheckBox: Updated style to use new light colours (46fc3db)
• RadioButton: Updated style to use new light colours (6977821)
• Table: Updated style to use new light colours (037c2a9)

v8.0.0

8.0.0 (2021-10-18)

Bug Fixes

• Build: Case sensitivity on export (625fd84)

Features

• Box: Added x3 border size (27b0096)
• Button: Removed the default heaviour of buttons to grow. (7e01270)
• Button: Updated and added more styling options with variants and sizes. (4551847)
• Icon: Removed Icon component and exports all Feather icons under Icons[IconName]. (946442c)
• Input: Added Input sizes (4f346d9)
• Input: Renamed InputLabel to InputWrapper and will log an error if "disabled" is given (6e4beb9)
• Label: Removed clickable styling. Use a button instead. (d62cb17)
• Link: Added isTextLink prop to be used when the link is being used for text and should be styled like so. (d612cc6)
• Modal: Added ModalFooter component (fa64d17)
• Modal: Added size property (22ccb25)
• SelectIndicators: Export the Checkbox and RadioButton Indicators from the package (dedf558)
• TextArea: Renamed TextAreaLabel to TextAreaWrapper and will log an error if "disabled" is given (92e9e9f)

BREAKING CHANGES

• Icon: Removed Icon components and replaced with exporting all feather Icons under Icons.*
• TextArea: TextAreaLabel is renamed to TextAreaWrapper
• Input: InputLabel is renamed to InputWrapper
• Button: Button auto grow has been removed. Add the grow prop back on to get it back.
• Button: Removed the fill prop
• Link: Removed underline prop, use isTextLink

v7.1.0

7.1.0 (2021-10-12)

Bug Fixes

• Box: Swapped over to using flex-gap instead of margin hack (f21936a)

Features

• Box: Added props for specifying what sides borders should be applied to (bb785b0)

v7.0.0

7.0.0 (2021-10-07)

Features

• Icon: Added check icon (e74d4a3)
• Text: Introduced a smaller sizing which is the new x1, and everything shifts up a number. (11b8377)

BREAKING CHANGES

• Text: All Text sizes x1 - x6 need shifing up 1. I did this with a find and replace, starting with x6.

v6.1.1

6.1.1 (2021-09-26)

Bug Fixes

• Colors: Defined rgb CSS variables for white and black. (2700f63)

v6.1.0

6.1.0 (2021-06-29)

Features

• Text: Added an extra sizing option (d126447)

v6.0.0

6.0.0 (2021-06-12)

Bug Fixes

• Appear: animation value changing would cause previous stylings to remain (6fede12)
• Icon: Warning in Safari when using rems for SVG sizing. (2044f81)
• Input & Range: Uniform height to align with the other form elements. (4b07ca9)
• Text: Improved sizing and spacings (bd887c9)

chore

• React: Updated React and FramerMotion (b12fd7f)

Features

• Base: Changed the accepted value for "basis", "grow" and "shrink" to be any valid CSS value. (2510cd5)
• Base: Merged Flex into the Base component. (fe91327)
• Box: Renamed Base component to Box. (95c8b87)

BREAKING CHANGES

• React: Major Version bumps on React and FramerMotion
• Box: Renamed Base component to Box.
• Base: Replaced basis prop values of "none", "content" and "container" with "0", "auto" and "100%".
• Base: Removed the Flex component. Any uses should be replaced with the Base component, and the "direction" prop should be replaced with "flex".

v5.1.0

5.1.0 (2020-06-18)

Features

• Range: Added a Range slider component (294d28c)

v5.0.1

5.0.1 (2020-04-30)

Bug Fixes

• Link: Forward ref (d5fd4e5)
• Placement: Pass 'visible' down in PlacementReference in a state param to prevent warning of spreading onto elements (c923f3b)

v5.0.0

5.0.0 (2020-04-21)

Bug Fixes

• Base: Renamed absolute/fixed prop value 'fullscreen' to 'edge-to-edge'. (47899c5)
• CheckBox: Swapped label prop for children. (809c404)
• Grid: Allow grid inline CSS to override API CSS. (72ffa21)
• Input: Split out the structure of the Input component. (58f401b)
• RadioButton: Swapped label prop for children. (acb232f)
• TextArea: Split out the structure of the TextArea component. (bee72f9)
• useIntersectionObserver: Return the ref node (7d7f193)
• useResizeObserver: Return the ref node (5fc9ce8)

Features

• Base: Added prop that applies a drop shadow filter that gives the appearance of elevation (d250ac4)
• Icon: Added 'ChevronUp' and 'ChevronDown' icons. (bdb55a3)
• Options: Added Options component that can be used as a dropdown selection component. (1ffa57e)
• Placement: Added ability to set the minWidth to the reference node width with (8c54878)
• Placement: Pass the controlled visible value down through the Reference render callback. (2a3cdc6)

BREAKING CHANGES

• Placement: PlacementReference now passes the controlled visible value down in the render callback. Any current spreading of these props will cause a console error.
• TextArea: To support addon content sitting beside TextArea element and to allow the unstyled textarea to be used the structure has been split out to be more composable. TextArea is now required to be wrapped inside the TextAraLabel component to retain the same behaviour.
• Input: To support addon content sitting beside Input element and to allow the unstyled input to be used the structure has been split out to be more composable. Input is now required to be wrapped inside the InputLabel component to retain the same behaviour.
• RadioButton: Label contents for RadioButton should now be passed in as children.
• CheckBox: Label contents for CheckBox should now be passed in as children.
• Base: Renamed Base absolute/fixed prop value 'fullscreen' to 'edge-to-edge'.