Skip to content

Latest commit

 

History

History
1412 lines (767 loc) · 70.5 KB

CHANGELOG.md

File metadata and controls

1412 lines (767 loc) · 70.5 KB

19.1.6 (2024-10-07)

Fixes

  • Tooltip: Custom textColor (fc68e21)

19.1.5 (2024-10-05)

Fixes

  • ConfigMenu: Fixed animation direction for going back to the main menu (aab10a5)
  • Motion: Prop errors logging for forwarded props (f6c8dde)

19.1.4 (2024-09-23)

Fixes

  • publishing: Fixed type definiton file not being generated (532795e)

19.1.3 (2024-09-23)

Fixes

  • publishing: Fixed type definiton file not being generated (a424290)

19.1.2 (2024-09-22)

Fixes

  • publishing: Fixed type definiton file not being generated (c804e49)

19.1.1 (2024-09-22)

Fixes

  • dependencies: Updated some dependencies to latest (a68c0d8)

19.1.0 (2024-08-12)

Features

  • ButtonAsync: Allow isSuccess to be optional (600ee41)

19.0.7 (2024-08-12)

Fixes

  • ButtonAsync: Add support for all variants (93ef392)

19.0.6 (2024-07-04)

Fixes

  • useLocalStorage: Fixed type of setter (ba4637a)

19.0.5 (2024-06-20)

Fixes

  • framer: Bumped framer version (ef49683)

19.0.4 (2024-06-18)

Fixes

  • Input: Forwarded rows prop to input element (2198fb0)
  • InputWrapper: Added alignment props for the addons (3954c01)

19.0.3 (2024-06-18)

Fixes

  • InputLabel: Added prop to control label text alignment (9fc1623)
  • TextArea: Remove resize control (47b8193)

19.0.2 (2024-06-16)

Fixes

  • InputLabel: Allow tag to be configurable (5603e4e)

19.0.1 (2024-06-15)

Fixes

  • Input: Pass defaultValue to input (ab63e37)

19.0.0 (2024-04-17)

⚠ BREAKING CHANGES

  • Modal: - Removed the size prop, just use the padding props.
  • Removed the fullscreen responsive behavior, it now needs to be controlled by the user with the fullscreen prop.
  • Apply border styles to the Modal component rather than ModalHeader and ModalFooter.

Features

  • Box: Support non-Box elements from interfering with margin pattern (b26aed0)
  • Modal: Removed size prop, border styling, removed fullscreen responsive behavior. (88e067e)

18.1.3 (2024-03-31)

Fixes

  • Article: Allow paragraph tag to be customised (2b2f8b6)

18.1.2 (2024-03-30)

Fixes

  • Button: Allow border style to be customised (e4d4b55)

18.1.1 (2024-03-29)

Fixes

  • Code: Allow custom text size (bfdc53e)

18.1.0 (2024-03-17)

Features

  • Article: Added article related components (e86cd12)
  • Code: Added light theme syntax highlighting (7dc40fc)
  • Code: Added syntax highlighting to inline code component (3ce9448)
  • Text: Added custom lineHeight prop (87698d4)

Fixes

  • Table: Header cell link styling (6b4a08e)

18.0.1 (2024-03-17)

Fixes

  • Link: Removed color: inherit (3689565)

18.0.0 (2024-03-17)

⚠ BREAKING CHANGES

  • Link: Restyled the defaul link styling
  • Text: Dropped text-shade-4 from the colors

Features

  • Text: Added strong property (c2bd2f0)

Fixes

  • Link: Defaulted link styling to underlined and strong weight (4f273b8)
  • Text: Adjusted the text colors and dropped text-shade-4 (659cbab)

17.2.0 (2024-03-02)

Features

  • CodeBlock: Added 'rust' to supported languages (557b3e6)

17.1.2 (2024-02-25)

Fixes

  • Link: Removed inline-block display (2c9990d)

17.1.1 (2024-01-20)

Fixes

  • Range: Allow backgroundColor to be configurable (18b6c4e)

17.1.0 (2024-01-20)

Features

  • useIntersectionObserver: Added prop to be able to customise the intersectionRatio that triggers it (a506d7f)

17.0.10 (2024-01-20)

Fixes

  • Range: Pass through min, max and step to input element (09f3d10)

17.0.9 (2024-01-19)

Fixes

  • Button: Use anchor tag when given a standard href (936ef8c)

17.0.8 (2024-01-16)

Fixes

  • ConfigMenu: Added ability to customise the title of the menu (173839a)

17.0.7 (2023-12-26)

Fixes

  • ConfigMenu: For numer type, use the step not the index (7593263)

17.0.6 (2023-12-23)

Fixes

  • ThemeProvider: Nested providers should inherit from the parent provider (d703136)

17.0.5 (2023-12-23)

Fixes

  • CodeBlock: Delegate overflow handling to caller (58de200)

17.0.4 (2023-12-22)

Fixes

  • TransitionBox: Pass through gap and style props (60cabd9)

17.0.3 (2023-12-22)

Fixes

  • TransitionBox: Pass through alignment props (3c4c400)

17.0.2 (2023-12-22)

Fixes

  • CodeBlock: memo component (2529de1)

17.0.1 (2023-12-22)

Fixes

  • TransitionBox: Passed through the direcction padding props (fee0dde)

17.0.0 (2023-12-22)

⚠ BREAKING CHANGES

  • ThemeProvider: Reanmed ThemeProvider initialTheme prop to defaultTheme

Features

  • ThemeProvider: Added ability for ThemeProvider to be nestable, and renamed initialTheme prop to defaultTheme (26f820a)

16.4.0 (2023-12-11)

Features

  • ConfigMenu: Added divider entry option (194a363)

16.3.3 (2023-12-11)

Fixes

  • ConfigMenu: Added missing MenuConfigEntryActions type (39e1292)

16.3.2 (2023-12-11)

Fixes

  • ConfigMenu: Flatten config structure (8f8644b)
  • ConfigMenu: Use opposite theme as default (62beed3)

16.3.1 (2023-12-11)

Fixes

  • ConfigMenu: Added support for disabling menu entries (aa1bfce)

16.3.0 (2023-12-11)

Features

  • ConfigMenu: Added actions entry value (f31ace8)

Fixes

  • ConfigMenu: Change prop to array value, fixed generics, action menu and added foramtter to oneOf and manyOf entries (1ea0819)

16.2.1 (2023-12-10)

Fixes

  • ConfigMenu: Change API so each entry contains it's update operation (0abede5)

16.2.0 (2023-12-10)

Features

  • ConfigMenu: Added ConfigMenu component (51b432b)
  • TransitionBox: Added TransitionBox component (f689439)

16.1.4 (2023-12-09)

Fixes

  • Tooltip: Padding to the tip (15c9d38)

16.1.3 (2023-11-30)

Fixes

  • Colors: Tweaked the base colors (538fa1d)
  • Placement: Export UsePlacementResult type (e128e0c)

16.1.2 (2023-11-29)

Fixes

  • Colors: Fixed incorrect dark shade colors (f4919bf)

16.1.1 (2023-11-29)

Fixes

  • Colors: Fixed incorrect light shade colors (8aea88f)

16.1.0 (2023-11-03)

Features

  • Theme: Added a disableSystemTheme prop (b63ebad)

16.0.0 (2023-11-01)

⚠ BREAKING CHANGES

  • font: Changed the font. Include the following link tag.
* **Text:** Removed the `strong` and `weak` props and replaced with `weight`. `weight="x1" === weak && weight="x2" === strong` * **Button:** Removed 'size' prop. Size is now the text size prop. Use this and paddings to size

Features

  • Box: Added some more border radius values (1360321)
  • Button: removed 'size' prop (df34291)
  • font: Replaced Open Sans (400/600) font with Noto Sans (400/600/700/800/900) (5f53015)
  • Icon: Removed Icons component, use icons from lucide-react (3bd5891)
  • Text: Replaced 'strong' and 'weak' props with 'weight' prop (7ddadfe)

Style Changes

  • Button: Removed default uppercasing (ec01578)

Fixes

  • Box: Added missing x5 from paddings/margins (d8b477b)
  • Button: Fixed component so 'padding' prop can be used (4f12caa)
  • colors: Theme text colours (9ecae81)

15.1.1 (2023-10-30)

Fixes

  • package: Use esm as default entry point (db69cfb)

Style Changes

15.1.0 (2023-09-02)

Features

  • Input: Added props to configure active, hover and placeholder text color (e85a382)

15.0.0 (2023-08-31)

⚠ BREAKING CHANGES

  • Link: Removed the isTextLink prop and replaced with an underline prop with additional props for configuring the color and size of the underline

Features

  • Link: Added props to customise the link hover and active text color (0422d40)
  • Link: Removed the isTextLink prop and replaced with an underline prop (ec80551)

14.1.4 (2023-07-19)

Fixes

  • Box: Apply border-width for x0 border prop value (d00f1d9)

14.1.3 (2023-06-26)

Fixes

  • Motion: Exported MotionProps (d048279)

14.1.2 (2023-06-25)

Fixes

  • Tooltip: Support passing through style prop (1c18b2c)
  • variables: Corrected background variables for themes (d0c4ad9)

14.1.1 (2023-06-23)

Fixes

  • Placement: Exported usePlacementContext (0d7b883)

14.1.0 (2023-06-02)

Features

  • DatePicker: Changed prop withRangeDate to range. Removed prop withSelectablePast, and added earliestSelectableDate and latestSelectableDate (5d01a81)

Fixes

  • Input: Pass 'type' prop through to input element (446c510)

14.0.1 (2023-05-14)

Fixes

  • Theme: Use system theme. Removed useTheme hook (8a64ce1)

14.0.0 (2023-05-14)

⚠ BREAKING CHANGES

  • useEventListener: Removed useEventListener
  • useResizeObserver: useResizeObserver now returns a xy object instead of a DOMRect
  • Text: Removed inline prop, use tags instead
  • Code: Removed Editor component and updated to use prismjs, removed some syntax languages.
  • Placement: Removed popper.js implementation and updated to @floating-ui. Placement API changed. See updated docs.
  • React: Updated React to v18. Removed the Attributes export that provided Intrinsic atributes and now they are just defaultly available via BoxProps

Features

  • Box: added 'stretch' option for 'alignChildrenHorizontal' prop (900d113)
  • Box: Added 2 new sizes to all the sizeable things x24 and x32 (d95eb30)
  • Button: Added ButtonAsync component (cf2def2)
  • Code: Updated from brace to react-syntax-highlighter, and removed Editor component. (18c448f)
  • DatePicker: Added DatePicker component (185dcab)
  • ESM: Updated Preshape to be built using vite and output ESM and UMD builds. CSS is no longer imported by default and provided as a style.css file in the dist folder to be imported separately. (3986896)
  • Modal: Added ModalPadding component to access modal paddings (7586ff7)
  • Modal: ModalHeaders and ModalFooters no longer sticky by default, added sticky prop (f43f383)
  • Placement: Updated from popper.js to @floating-ui (a789eb7)
  • Spinner: Added Spinner component (1724cd3)
  • ThemeProvider: Added a ThemeProvider for storing and providing theme to an app. ThemeSwitcher now defaults to reading from ThemeProvider. (fd69dc0)
  • useEventListener: Removed useEventListener (698b057)

chore

  • React: Updated React to v18 (088fd61)

Fixes

  • Motion: Updated to latest framer-motion (b6b0a75)
  • Text: Removed inline prop. (768fa94)
  • useResizeObserver: Change size type (352f5e7)

13.2.4 (2022-09-05)

Fixes

  • FormProvider: Support returning errors for nested keys (f9f04f8)

13.2.3 (2022-08-10)

Fixes

  • Placement: Don't trigger onClose when clicking on the reference element (41b9ca2)
  • Placement: Tooltip not showing in the correct place (cdb7b52)

13.2.2 (2022-08-08)

Fixes

  • Form: form prop should be optional (5cbc1cf)

13.2.1 (2022-08-08)

Fixes

  • Form: Added generics to useFormContext (f27ef29)

Style Changes

  • Input: Increased font size of input labels (ebd43ec)

13.2.0 (2022-08-07)

Features

  • Box: Added vertical padding offset props (9bc4739)
  • Form: Added props to control when validation is shown (3dedc7e)
  • Modal: Added ModalFooterInsert component (c0f7b6e)

13.1.0 (2022-08-02)

Features

  • Modal: Add a prop 'overlayBackgroundCloseOnClick' to disable clicking on the overlay to close it (21328d2)

Fixes

  • ModalManager: Logging setting state in the render flow error (f653dd7)
  • Tooltip: Forward on maxWidth to the content element (93168d1)

13.0.0 (2022-07-24)

⚠ BREAKING CHANGES

  • useEventListener: Handler and options must now be memoized.

Style Changes

  • Input: Change the color of the Input placeholder (e44f9b8)

Fixes

  • Button: Allow font weight to be cofigureable (f9b3a0a)
  • Button: Ensure button is always full opacity on hover (fe4c148)
  • Icon: Provide Icons.Props to be extended from (ea266e3)
  • Input: Allow background color to be configurable (313910d)
  • Modal: Remove pointer events from modal when rendered but not visible (c5f7a65)
  • useEventListener: Remove watch param and use internal depedencies. (ff8fc8f)

12.0.2 (2022-07-19)

Fixes

  • Editor: Inherit gutter backgroundColor (0454208)

12.0.1 (2022-07-10)

Fixes

  • InputLabel: Fix type for label and description to allow strings (c78142e)

12.0.0 (2022-07-10)

⚠ BREAKING CHANGES

  • css: Changed all CSS color variable names to just be a single dash

Features

  • Box: Added transparent to all color options (0831ff0)
  • Button: Added props to control border, backgroundColor and textColor on hover and active states (2d3c4e0)
  • css: Change all CSS color variables names to no longer require a double dash before the shade. (a7eaeed)
  • Form: Added a useForm hook and other components that can be used for a form validation pattern (f13da70)
  • ModalManager: Added ModalManager to manage multiple modal being visible at the same time (ad1f81b)

Fixes

  • InputLabel: Allow labels and descriptions to be JSX.Elements (32d007b)

11.8.1 (2022-06-26)

Fixes

  • Buttons: Support vertical flexing (fa44497)

11.8.0 (2022-06-15)

Features

  • Box: Added dashed border style prop (51a50f8)

11.7.1 (2022-06-12)

Fixes

  • Button: Text color for non-colored primary on dark theme (51a9bf3)
  • Color: RGB Black values (5bcfb2b)
  • Modal: Event propagation on close click (9c79453)

11.7.0 (2022-05-23)

Features

  • SelectInputLabels: Expose border size (#41) (00b16e3)

11.6.1 (2022-04-22)

Fixes

  • Tooltip: Removed required props (dc97608)

11.6.0 (2022-04-21)

Features

  • Box: Added left and right positions (a709f97)

11.5.4 (2022-04-18)

Fixes

  • Tooltip: Allow some styling to be customised (fd7846a)

11.5.3 (2022-04-17)

Fixes

11.5.2 (2022-04-16)

Fixes

  • Placement: Allow controlled visibility to be overridden (c42b8fd)

11.5.1 (2022-04-05)

Fixes

  • Button: Always whit etext on coloured buttons (05c690e)
  • Input: Moved ref to containing div (921d999)
  • Input: Removed duplicated CSS import (129f7dd)
  • Placement: Added fixed width prop to Placement element (5009b2d)
  • Table: Typo in transition property (d1c01e5)

11.5.0 (2022-03-21)

Features

  • Toggle: Added Toggle component (ab33e2e)

Fixes

  • Box: Added padding x0 style for explicitly removing padding (fa3dc4a)
  • Button: Styling on iOS for non Button elements (ff8c251)
  • Modal: Event propagation on close icon (6f9a74f)

11.4.0 (2022-03-15)

Features

  • Box: Added paddingHorizontal offset prop (c2aafa1)
  • Modal: Added ModalPaddingOffset component (b276d19)

11.3.0 (2022-03-06)

Features

  • Box: Added gapHorizontal and gapVertical props (fcdd70c)

11.2.1 (2022-03-05)

Fixes

  • Input: Handle forwared margin prop (bcac458)
  • InputLabel: Spacing (949c652)

11.2.0 (2022-03-05)

Features

  • Modal: Added unrender prop to control the unrender behaviour (d4a0cce)

Fixes

  • Input: Flex the input content container by default (4862701)
  • Modal: Make ModalHeader and ModalFooter sticky by default (7b15674)
  • Placement: Added a secuduled update when the content becomes visible (225a8e5)
  • Placement: Corrected arrow rotation (e07c420)

11.1.0 (2022-02-16)

Features

  • useResizeoBserver: Adjusted to return the entire DOMRect (91ad087)

11.0.0 (2022-01-25)

⚠ BREAKING CHANGES

  • Input: Changed the Range, TextArea and InputWrapper, Input and InputAddon API.

From

<InputWrapper label="">
  <InputAddon />
  <Input />
  <InoutAddon />
</InputWrapper>

to

<InputLabel label="">
  <Input addonStart={ } addonEnd={ } />
</InputLabel>

Features

  • Input: Changed the API of InputWrapper, Input and InputAddon. (88387c2)

10.6.1 (2022-01-13)

Fixes

  • SelectInputLabel: Remove ellipsis behaviour (da36658)

10.6.0 (2022-01-12)

Features

  • Box: Updated ellevation to have multiple levels. (6b8ca3b)

Style Changes

  • NightTheme: Updated accent colour (b214026)

10.5.0 (2022-01-10)

Features

  • Modal: Added ModalTitle component (c2b2ad1)

10.4.3 (2022-01-09)

Fixes

  • Modal: Remove border radius when snapping to edges (820d9ab)

10.4.2 (2022-01-09)

Fixes

  • Modal: Remove flex grow from footer (f1271bb)

10.4.1 (2022-01-09)

Fixes

  • Modal: Allow Modal paddings to be overridden (593c0be)

10.4.0 (2021-11-29)

Features

  • Color: Added a 4th text coloring (db64325)
  • InputWrapper: Added description prop (b1b1bfb)
  • Modal: Added onCloseAnimationComplete prop to Modal (58588b7)

Style Changes

  • DarkTheme: Adjusted the dark theme background colours (d584d36)

10.3.0 (2021-11-24)

Features

  • Box: Added paddingTop, paddingBottom, paddingLeft, paddingRight props (c771ec6)

10.2.1 (2021-11-24)

Fixes

  • Placement: Offset arrow (862a3f5)

10.2.0 (2021-11-24)

Features

  • InputWrapper: Added invalid prop (7b4b47a)

Fixes

  • lists: Always remove default browser list styling for uls & ols (5070ee8)
  • Placement: Always call onClose prop (945e1cb)
  • Placement: Remove pointer events when hidden (18169df)
  • SelectInputLabel: Issue with not shrinking inside flex containers (1f4ca02)

10.1.2 (2021-11-14)

Fixes

  • Button: Removed old button alignment fix (565d3a1)

10.1.1 (2021-11-14)

Fixes

  • Package: Oopsie in build structure (a8d341d)

10.1.0 (2021-11-14)

Features

  • Button: Added React Router aware to prop to Button (4c5b3da)

10.0.1 (2021-11-14)

Fixes

  • Button: Allow Button paddings and text style to be configured (0f5a58e)
  • Text: Added missing sizing class (3af33c6)

10.0.0 (2021-11-14)

⚠ BREAKING CHANGES

  • Transition: Updated CSS variable name for transition-function to transition-timing-function
  • Transition: Updated CSS variable name for transition-time to transition-duration
  • ReactRouter: Updated to the new ReactRouter v6 API
  • Text: All current text sizes should shift up a number (e.g. x7 -> x8), x1 is a new smaller size.
  • Base: Removed scrollable prop in favour of overflow prop.

Features

  • Box: Added transitionDuration and tranisitionProperty props (debbc89)
  • Box: Allow any value as well as predefined ones (50d1369)
  • ReactRouter: Updated to ReactRouter v6 (72314b3)
  • Text: Added a new smaller size. (7a0af82)

Fixes

  • Base: Removed scrollable prop, for overflow prop. (a9b9c9c)
  • Box: Added missing color type values (fa8c101)
  • Buttons: Wrapping with siblings (8c0eac6)
  • Transition: Updated CSS variable name for transition-function to transition-timing-function. (e8f9092)
  • Transition: Updated CSS variable name for transition-time to transition-duration. (0434b00)

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)

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

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)

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.

6.1.1 (2021-09-26)

Bug Fixes

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

6.1.0 (2021-06-29)

Features

  • Text: Added an extra sizing option (d126447)

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".

5.1.0 (2020-06-18)

Features

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

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)

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'.

4.5.2 (2020-04-12)

Bug Fixes

  • CodeBlock: White space when not wrapping (0b64ec7)

4.5.1 (2020-04-12)

Bug Fixes

  • BulletPoints: Changed counter style to bold font (0dbde3d)
  • Modal: Added overlayBackgroundColor prop (d146b34)
  • Variables: Added missing x5 variable (7b618e5)

4.5.0 (2020-04-04)

Features

  • Icon: Added LinkedIn, Layers and Hexagon icons (e0dad42)

4.4.0 (2020-04-03)

Bug Fixes

  • useIntersectionObserver & useResizeObserver not reacting to ref changes (0a3450d)
  • Colors: Added RGB color variables (92efa10)

Features

  • Editor: Added Editor component (3ffd369)

4.3.2 (2020-03-29)

Bug Fixes

  • useUrlState: Gracefully handle failing encoders and decoders (3f9e324)

4.3.1 (2020-03-28)

Bug Fixes

  • Modal: Flicker from Appear component spring animation. (5cce3dd)

4.3.0 (2020-03-22)

Features

  • useLocalStorage: Added useLocalStorage hook. (f3ee155)
  • useUrlState: Added useUrlState hook for managing storing state in url search parameters (d16231f)

4.2.2 (2020-03-03)

Bug Fixes

  • HotLoader: Using aliased hotloader breaks consumers without hotloader (31ab6cf)

4.2.1 (2020-03-02)

Bug Fixes

  • Modal: Allow maxWidth to be used with fullscreen (0b7cf59)

4.2.0 (2020-03-02)

Bug Fixes

  • Flex: Allow maxWidth to be used with children of Flex with gap (d23a80e)
  • Link: Updated Link style (5425d1c)
  • Tabs: Updated Tabs style (a353031)

Features

  • Appear: Added origin props to change the animation origin. Also added a transition prop to pass a Framer Motion transition. Removed the duration property, as transition allows for more flexibility in configuring the animation. (34161a7)
  • Base: Added maxHeight prop (3db5e68)
  • Modal: Added modal component (1b3ad32)
  • Placement: Added trigger prop to allow uncontrolled use of Placement by adding handlers onto the reference element. (26bd669)
  • Tooltip: Added tooltip component (ae650b1)

4.1.4 (2020-02-18)

Bug Fixes

  • Label: Allow Label background and text color to be configureable (a4db56c)

4.1.3 (2020-02-16)

Bug Fixes

  • useEventListener: Pass through options (472d8d2)

4.1.2 (2020-02-08)

Bug Fixes

  • Button: Use correct theme text color for fill style (b93e97b)

4.1.1 (2020-01-30)

Bug Fixes

  • Placement: Dont require children as a PopperOption (087bd03)

4.1.0 (2020-01-29)

Bug Fixes

  • Base: Allow highlight color to be used as backgroundColor, borderColor and textColor. (bfd0c1d)
  • Button: Always use light text color on fill style (c9270c4)

Features

  • Color: Added overlay color as a possible backgroundColor (8ca07bd)
  • Grid: Add props to configure horizontal and vertical gap separately (ed3505a)

4.0.2 (2020-01-27)

Bug Fixes

  • Table: Apply correct text color on active state (df3f072)

4.0.1 (2020-01-27)

Bug Fixes

  • Placement: Passing PopperJS props down (48ff92b)
  • Table: Allow paddings to be configurable (1d11d5f)
  • Table: Clickable styling for other interaction events. (11a87d2)
  • Table: Improved row interactions styling and added an active prop, to apply active styling (6ca5890)

4.0.0 (2020-01-25)

Bug Fixes

  • Alert: Renamed prop 'style' to 'type' (293a32d)
  • Flex: Renamed initial prop to basis. (a5988a6)
  • Label: Added interaction styling to Labels (c489cc7)
  • SVG: Set all SVG elements to be display block. (af34855)
  • ThemeSwitcher: Updated design of theme switch (518556b)

chore

  • Icon: Removed Spin prop (f415577)

Features

  • Appear: Improved Appear component and fixed initial hidden animated state. (423b445)
  • Application: Removed Application components in favour of hooks and granular components. (f9260ee)
  • Base: Added 'fixed' prop (4258602)
  • Base: Added Black and White colors (3d02260)
  • Base: Added borderRadius prop (dd29606)
  • Base: Added overflow prop (0f85e66)
  • Base: Normalised colors options across all the color props. (7b9d8c1)
  • Button: Removed 'style' prop and added 'fill' prop. (b3658a8)
  • Color: Added highlight color (0d1e48a)
  • colors: Teaked color palette (08c50d2)
  • forwardRef: Allow all components to foward refs instead of using the innerRef prop. (1caf35f)
  • Grid: Improved the naming of the API to allow for non auto-fit column layouts and added the ability to customise the row size. (8a29809)
  • Icon: Added Cloud, Command, Info, Shuffle, Terminal and Triangle icons. (0e02735)
  • Icon: Exported Icon name list (2d8acf5)
  • Link: Added new underline style (a8cb559)
  • Markdown: Removed Markdown component (2490bed)
  • Menu: Removed Menu component (3a0b61a)
  • Motion: Added Motion component (19ddf8c)
  • PlacementContent: Added PlacementContent component to easily construct tooltip like components. (0da8bad)
  • SwitchTransition: Removed component (f77c3ca)
  • TypeScript: Converted library components over to TypeScript (7c9fff1)
  • useEventListener: Added useEventListener hook (380cfbe)
  • useIntersectionObserver: Added useIntersectionObserver hook (d181312)
  • useMatchMedia: Added MathMedia API hook (4d5517a)
  • useResizeObserver: Removed Bounds component in favour of useResizeObserver hook. (c508be4)

BREAKING CHANGES

  • SVG: All SVG elements will be set with display block.
  • Alert: Renamed Alerts prop 'style' to 'type'.
  • Grid: Renamed Grid props:

autoFitWidthMax -> repeatWidthMax autoFitWidthMin -> repeatWidthMin columnCount -> repeat columnWidth -> repeatWidth

  • Flex: Renamed Flexs initial prop to basis
  • Appear: Appear component API has changed, as it's now using framer-motion.

- time prop has been renamed to duration and accepts a number in milliseconds

  • onEntered and onExited has been renamed to onAnimationStart and onAnimationEnd.
  • PlacementContent: Removed Toolbar component as it's trivial to reconstruct with other components.
  • forwardRef: - Removed the innerRef prop as all components use the forwardRef API so the ref prop can be used.
  • Removed the Component prop. The rendered tag for Base and some other comoponents can be configured with the tag prop. Previous functionality of the passing in React components is no more.
  • Icon: Removed Progress icon
  • Icon: Removed 'spin' prop from Icon
  • useResizeObserver: Removed Bounds component in favour of useResizerObserver hook.
  • Button: Replaced the 'style' prop for a 'fill' prop, where 'outline' styling is still the default.
  • Markdown: Removed Markdown component
  • SwitchTransition: Removed the SwitchTransition component
  • Base: - Removed implicit theme color when using a true value
  • Removed simple shade-N values for explicit text and background versions
  • Renamed color prop to textColor
  • Application: Removed all Application components, and reaplced theme changing behaviour with useTheme hook and scrolling behaviour with useWindowScrollTo hook.
  • Menu: Removed Menu components

3.1.0 (2019-02-19)

Bug Fixes

  • SelectInputLabel: Inheriting color from nearest applied theme (168e01a)

Features

  • Varaibles: Add JS mapping to CSS variable names for themese (3afcd76)

3.0.1 (2019-02-18)

Bug Fixes

  • Button: Corrected CSS variable for text sizing (8ad4cb8)

3.0.0 (2019-02-18)

Bug Fixes

  • Appear: Unanimated style (930dd5c)
  • ApplicationDetails: Removed license and made with (c14c406)
  • Base: Allow width and height to be added to element for canvas (674cd76)
  • Base: Changed fRef prop to innerRef (f6d49b4)
  • Flex: Update gutter prop name to gap (a5eed99)
  • Grid: Changed API of Grid component to allow setting of min and max width for auto-fit, also aligning naming of spacing with gap. (f0c6490)
  • InputLabels: Allow InputLabel and SelectInputLabel to truncate (4eacfca)

Features

  • Base: Added positive and negative background colors (ec1bc5f)
  • BulletPoints: Added BulletPoints components (f197633)
  • Form: Added Form component (8c630e8)
  • Icon: Added Book, Cog and QuestionMark icons (92cc657)
  • InView: Added an InView component (2fbd355)
  • Link: Added underline style for links within Blocks of text (973657d)
  • Text: Added ellipsis prop (5f3429a)
  • Text: Introduce a heading font and rename size values. (ab4627f)

BREAKING CHANGES

  • Flex: To be more aligned with Grid term of spacing, renamed Flex prop gutter to gap
  • Text: Renamed size prop values.

title -> x5 heading -> x3 body -> x2 small -> x1

  • Grid: Grid component, replaced columnAutoFit prop with autoFitWidthMax and autoFitWidthMin props. Replaced gutter prop with gap prop.
  • ApplicationDetails: ApplicationDetails - Removed license and licenseUrl props
  • Base: Base component fRef prop updated to innerRef to work better with ReactRouter components

2.0.0 (2018-10-02)

Bug Fixes

  • Button: Make disabled style a bit more obvious (8cd731c)
  • Separator: Default props typo (e443905)

Features

  • Base: Added fRef for forwarding refs onto the Base component (26ace79)
  • Button: Adds joined prop to allow Button within Buttons to not be joined (cb89a3c)
  • Placement: Added React Popper (91400c5)
  • Toolbar: Swapper over Toolbar to use Placement (417ed2a)

BREAKING CHANGES

  • Toolbar: Toolbar now doesn't require a targetRef but does require to be wrapped in Placement components. See example.
  • Button: Buttons - to retain same joined behaviour, add the "joined" prop.

1.3.0 (2018-09-25)

Bug Fixes

  • Toolbar: Arrow positioning overflow (d745b2b)

Features

  • Icon: Added Maximise, Minimise, Redo and Undo Icon (b4f6f32)
  • Toolbar: Added 'container' prop, to configure where the element should be inserted into (4d2c89f)

1.2.0 (2018-09-24)

Features

  • Appear: Added 'onEntered' and 'onExited' callbacks (21d4960)
  • Base: Added 'top' and 'bottom' values to 'absoloute' prop (54058c1)
  • Button: Added 'active' and 'style' props (98091a1)
  • Icon: Added Copy, Delete, Eye, File, Pencil, Save, Water icons (d852f3c)
  • Toolbar: Added Toolbar component (be2add5)

1.1.0 (2018-08-12)

Features

  • Separator: Added Separator component (bdb157f)

1.0.2 (2018-06-18)

Bug Fixes

  • Edge: Nested calc() with CSS Vars on shorthand props bug workaround (c686f35)

1.0.1 (2018-06-13)

Bug Fixes

  • Appear: When server side rendering and Appear is visible, add the appear class so on first load it transitions in (153629a)
  • Input & TextArea: Removed border radius from input and textarea elements which was being added on mobile devices (67f62b5)